2026 | Proyecto
Académico
independiente
Universidad De Santander
Cúcuta, Norte de Santander
Wag! es una aplicación móvil que
conecta a los dueños de perros con cuidadores y paseadores locales verificados. Ofrece servicios a domicilio o en la app como paseos con seguimiento GPS en tiempo real, hospedaje nocturno, visitas rápidas y sesiones de adiestramiento canino.
El proyecto se enfocó en crear Lotties (gifs animados) para los diferentes estados de la aplicación (loading, messaging, falta de conexión, etc.) siguiendo lai dentidad visual de la marca, dado que a la fecha de realización del proyecto, Wag! no contaba con animaciones o interacciones que lograran mantener la atención del usuario e invitar a más público a usar la aplicación.
Antes de iniciar cualquier tipo de
animación y vectorización, primero se realizó una investigación del estilo visual ilustrado de la app,cómo desde cada personaje/mascota expresan la
marca y cómo las animaciones
pueden ser implementadas de manera correcta, teniendo de esta
forma un acercamiento en boceto del resultado final. También se decidieron por 10 distintos estados para la realización de los lotties, siguiendo la identidad y tomando de referencia las ilustraciones ya realizadas por la app:
1. Check Done
2. Loading
3. Page Refresh
4. Message Completed
5. Pull Down
6. Lost Connection
7. Hamburger menu
8. No Data Found
9. Logotipo
10. Onboarding
El diseño de varios lotties experimentó modificaciones desde su fase de creación; lotties tales como el número 6 y 10 necesitaron una modificación, dado que no se ajustaban adecuadamente al diseño e identidad de la marca ni representaban adecuadamente el estado de operaciones.
Los lotties tuvieron una duración máxima de entre 2 y 5 segundos, manteniendo el movimiento rápido y atractivo a la vista sin perder el interés del usuario al momento de entrar en el estado de la actividad. Después, los lotties se reunieron en un demoreel que ilustra el uso de cada uno y cómo se mostraría visualmente al activar un estado con un dispositivo móvil celular.
El propósito del demo reel fue comprobar que los lotties y animaciones se lograban adaptar a la app móvil en cuanto a paleta de colores e identidad visual. El demoreel logró un resultado placentero en su evaluación y el proyecto académico se dio por terminado. Dándole clic al siguiente botón inferior al texto, se logrará apreciar el demo reel y la aplicación de los lotties según el estado y pantalla.