Anipets

Una plataforma que conecta a los refugios con personas que quieren darle un hogar a una mascota, de forma responsable.

El retoAdoptar no debería ser complicado, pero la información estaba dispersa en redes sociales y el proceso no era claro. Creamos una marca cálida y un sitio que acompaña a cada persona paso a paso, desde que conoce a su futuro compañero hasta que llega a casa.

Mi rol: Investigué, creé la marca y diseñé la experiencia (UX/UI)
Equipo: Juan Pablo Hernández, Laura Pulido y Rashel Cubides
Entregables: Marca y prototipo para web y móvil
Herramientas: Figma e Illustrator

Caso de estudioProyecto académico · 2025-1

Sitio de Anipets en monitor, portátil, tableta y celular

Guía de estilo web

Una bienvenida con personalidad

Bartolomeo, el gato curioso, recibe a cada visitante con humor: “Alístense, pónganse bonitos. ¡Ya vienen!”. Desde la primera pantalla, la marca habla de tú a tú.

Pantalla de bienvenida con la ilustración de Bartolomeo el gato

Dos caminos claros

En la página de inicio se ven las dos formas de ayudar: adoptar o apadrinar. Las huellas funcionan como botones y llevan directo a cada plan.

Página de inicio con perros y gatos y los botones Plan de adopción y Plan padrino

Requisitos sin letra pequeña

El plan de adopción explica en cinco pasos ilustrados lo que se necesita: edad, revisión, condiciones, seguridad y medidas. Sin sorpresas.

Página Plan de adopción con cinco requisitos ilustrados

Conocer antes de adoptar

Cada mascota tiene una ficha con su personalidad, lo que le gusta, el sexo y el tamaño. Así es más fácil encontrar la que encaja con cada hogar.

Fichas de las mascotas Mailon, Canela y Sombra

Apadrinar también es ayudar

Si alguien no puede adoptar, el plan padrinos le muestra cómo ayudar por un tiempo y por qué vale la pena: es fácil, crea un vínculo, apoya una buena causa y cuesta menos.

Página Plan padrinos con silueta, huellas y cuatro razones para apadrinar

Diseño responsivo

Todo se adapta al celular. Una barra de íconos arriba permite pasar rápido de adoptar a apadrinar o a la tienda.

Pantalla móvil de bienvenida con Bartolomeo — Bienvenida

Pantalla móvil Quiénes somos con datos de contacto y la ilustración de un gato jugando — Quiénes somos

Pantalla móvil del plan de adopción con los cinco requisitos — Plan de adopción

Pantalla móvil de la tienda de Anipets y aliados — Tienda

Pantalla móvil de producto: buzo peludito — Producto

Con lo que he aprendido desde entonces, estos son los cambios que haría para que la experiencia sea más clara y fácil de usar.

Legibilidad: Subiría el tamaño de los textos en el celular y los alinearía a la izquierda para que se lean de un vistazo.
Una acción por pantalla: Cada pantalla tendría un solo botón principal, con el mismo estilo y en el mismo lugar, para que el siguiente paso sea obvio.
Navegación móvil: Llevaría la barra de íconos a la parte de abajo, al alcance del pulgar, y le sumaría etiquetas para que cada ícono diga a dónde lleva.
Adopción paso a paso: Convertiría los cinco requisitos en un formulario por pasos con barra de progreso. Además, sumaría a las fichas la edad, las vacunas y si la mascota está esterilizada.

¿Tienes un proyecto en mente?

Charlemos

Cuéntame tu idea y pensemos juntos cómo contarla con diseño.

@TechCreativa