Adoopta — Pet adoption app

Diseñando una app de adopción de mascotas que conecta protectoras y adoptantes a través de un quiz de compatibilidad de estilo de vida.

Rol UX/UI Designer
Año 2023
Tipo Proyecto académico
Investigación
Typeform Notion Google NotebookLM Claude
Diseño
Figma
Stack técnico
React 18 Vite React Router v6 Framer Motion react-spring Tailwind CSS Radix UI Vercel
Ver prototipo
Adoopta hero
+286K animales recogidos por protectoras en España en 2023
45% tasa de adopción de perros, y cae cada año
15% de los abandonos son evitables con información previa

Fuente: Fundación Affinity, Estudio El Nunca Lo Haría 2024

Desafío

Dos audiencias con necesidades opuestas

Las protectoras de animales necesitaban visibilidad y herramientas para gestionar solicitudes. Los adoptantes potenciales querían orientación personalizada para no equivocarse. Ninguna app del mercado conectaba a ambos de forma coherente.

El 43% de los encuestados no se sentía informado sobre los costes y responsabilidades de tener una mascota. Muchos querían ayudar, pero no podían adoptar.

Investigación

Método mixto con dos audiencias diferenciadas

Conduje investigación cuantitativa y cualitativa en paralelo con guiones separados por perfil. La clave fue no mezclar las sesiones: cada audiencia tenía sus propias prioridades y su propio lenguaje.

81 participantes en la investigación
43% sin información sobre costes
10 usuarios en tests de usabilidad

Adoptantes potenciales

36 encuestas · 6 entrevistas
Necesidad principal: guía personalizada

Protectoras de animales

45 encuestas · 5 entrevistas
Necesidad principal: visibilidad y gestión

Solución

Un quiz que hace matches reales sin perder al usuario

El quiz de compatibilidad fue el reto de diseño más complejo. Tenía que ser preciso — sin eso no hay match real — pero no agotador. Partí de 10 preguntas basadas en estilo de vida, espacio vital y personalidad.

Los tests de usabilidad mostraron una tasa de abandono alta. Reduje a 7 preguntas y el flujo se completó sin fricciones.

Flujo completo del quiz de compatibilidad
Flujo completo del quiz — las 7 preguntas y pantalla de resultado del match
Quiz de compatibilidad
Quiz de compatibilidad — selección de preferencias de estilo de vida
Resultados del quiz
Pantalla de resultados — mascotas compatibles ordenadas por afinidad

Del match a la adopción: un flujo sin fricciones

Con el quiz resuelto, el siguiente reto fue diseñar el flujo completo en alta fidelidad: desde el match hasta la confirmación de adopción. Ocho pantallas que tenían que sentirse naturales para alguien que nunca había adoptado.

El estado de la solicitud visible en todo momento fue el cambio más valorado en testing: los adoptantes necesitaban saber exactamente en qué punto del proceso estaban.

Flujo completo de alta fidelidad — Home · Match · Solicitud · Estado · Aprobación
Home · Match · Flujo de adopción — 8 pantallas de alta fidelidad
Pantalla de match y perfil de mascota
Match y perfil detallado — el 74% de compatibilidad junto a la historia del animal
Estado de la solicitud de adopción
Seguimiento de solicitud — 4 estados visibles: Enviada · En revisión · Entrevista · Aprobada

Para quien quiere ayudar sin poder adoptar

El apadrinamiento surgió directamente de la investigación: muchos querían contribuir económicamente mientras el animal espera familia. Diseñé dos modalidades — apadrinamiento económico y acogida temporal — con un flujo claro que muestra exactamente cómo se usa cada euro aportado.

"Una alternativa brillante para quienes quieren ayudar sin poder adoptar"

— Participante en test de usabilidad
Flujo completo de apadrinamiento — perfil, tipos, formulario, confirmación y estado activo
Perfil · Ya apadrinado · Elegir tipo · Formulario · Confirmación · Estado activo · Desglose de gastos

El desglose de gastos mensuales fue la decisión más valorada en testing: ver que €20 cubren el 12% de los gastos reales de Senna generó más confianza que cualquier copy motivacional.

Selección de tipo de apadrinamiento y perfil ya apadrinado
Elegir tipo — económico (aportación mensual) o acogida temporal (el animal viene a tu casa). El perfil muestra el badge "Apadrinado · €20/mes" con acceso directo a gestionar.
Confirmación de apadrinamiento activo y desglose de gastos
Apadrinamiento activo — "Coco ya cuenta contigo" + desglose real de gastos: alimentación €45, veterinario €32, medicación €18, higiene €10, enriquecimiento €15, alojamiento €48. Total €166/mes. Tu aportación de €20 cubre el 12%.

Testing

10 usuarios, 3 perfiles, una iteración clave

Tests de usabilidad con 10 participantes: adoptantes por primera vez, voluntarios y personal de protectoras. El sistema de match fue valorado como "útil y empático". El flujo de donación necesitó una revisión de copy y jerarquía visual para reducir la fricción.

Iteración principal: simplificación del onboarding y rediseño de los CTAs de contacto con protectoras.

Pantalla de exploración — Otto, 9 años
Explorar mascotas cerca de ti — swipe con indicador de compatibilidad
¡Es un match! — Coco quiere conocerte
Confirmación de match — Coco también quiere conocerte, 74% de compatibilidad
Perfil de Senna con apadrinamiento activo
Perfil de mascota — Senna, Border Collie, con apadrinamiento activo visible

Resultado

Un sistema, no una pantalla

La versión final incluía wireframes de baja y media fidelidad, prototipo hi-fi en Figma y un design system básico con componentes clave. La presentación fue reconocida por la profundidad de la investigación y la coherencia entre insights y decisiones de diseño.

Adoopta demuestra que un flujo bien diseñado puede cerrar la brecha entre protectoras y adoptantes, y que el apadrinamiento puede convertirse en una fuente de financiación sostenible.

Reflexión

Adoopta fue mi primer proyecto end-to-end con investigación real. Aprendí que diseñar para dos audiencias con necesidades opuestas requiere sistemas, no pantallas. El quiz fue la solución más difícil de validar, y también la que más impacto tuvo en los tests de usuario.

Proyecto terminado.

Puedes probarlo ahora mismo.

Abrir prototipo

Otros proyectos