Problema
No saber qué hacer cuando una planta enferma
A quienes cuidan plantas en casa les cuesta diagnosticar qué les pasa y mantener una rutina de cuidado constante.
← Proyectos / Caso de estudio · App móvil
Una app que convierte el cuidado de tus plantas en misiones.
- Rol
- Diseño UX/UI Proyecto individual
- Duración
- 2 semanas y media
- Contexto
- Certificado de Diseño UX de Google
- Herramientas
- Figma
Pantallas de la app · Desliza para explorar
Solución
Diagnóstico claro y cuidado convertido en juego
Una app móvil con escáner para agregar plantas, diagnóstico con tratamiento paso a paso y misiones con XP que crean el hábito.
Resultado
Un prototipo probado en dos rondas
Cinco participantes por ronda. En alta fidelidad los resultados fueron positivos en todas las tareas, con un solo ajuste.
01 · Investigación
Suponía que el problema era olvidar regar
Entrevisté a 5 personas: principiantes, jardineros con experiencia y entusiastas de la tecnología.
Lo que suponía
Que la mayor dificultad era olvidar los horarios de riego.
Lo que encontré
Olvidar regar era un problema menor. Los dos principales eran diagnosticar una planta enferma y convertir el cuidado en un hábito.
Confusión ante enfermedades
Cuesta diagnosticar hojas amarillas o plagas, y la planta termina muriendo por accidente.
Rutinas inconsistentes
Es difícil sostener riego y abono en varias plantas con necesidades distintas.
El cuidado se vuelve tedioso
La rutina se siente como una obligación y se abandona con el tiempo.
Resolver problemas a solas
Falta un espacio confiable para pedir ayuda a personas con experiencia.
02 · Para quién
Dos personas, dos necesidades
Ana
23 años · Estudiante de diseño de modas · Medellín
«Me encantaría seguir retos de cuidado y ganar recompensas para crear un hábito diario, sin que cuidar mi planta se sienta como una tarea aburrida»
Necesita una experiencia gamificada para crear el hábito, porque olvida regar su planta con frecuencia.
Mónica
64 años · Ingeniera jubilada y coleccionista de plantas · Medellín
«Quiero una herramienta inmediata en mi teléfono para detectar plagas antes de que se extiendan por todo mi jardín»
Necesita diagnosticar plagas de inmediato y acceder a protocolos de tratamiento, porque le angustia que se propaguen.
03 · Recorrido
El recorrido de Ana, de la preocupación al hábito
- 01
Nota hojas amarillas en su única planta
SienteAnsiedad e inseguridad
OportunidadNotificaciones preventivas
- 02
Abre SproutQuest y toma una foto para diagnosticarla
SienteCuriosidad y expectativa
OportunidadDiagnóstico rápido y en lenguaje claro
- 03
Aplica un remedio casero
SienteAlivio
OportunidadRemedios caseros paso a paso
- 04
Completa una misión de cuidado y gana XP
SienteEntusiasmo y motivación
OportunidadMisiones con progreso y recompensas
- 05
Comparte su experiencia con otras personas
SienteConexión
OportunidadTablero social (a futuro)
04 · Diseño
Tres decisiones que definen la app
Decisión 01
Una bienvenida con noticias relevantes
La pantalla de inicio saluda a la persona, le da acceso directo a misiones, escáner y jardín, y muestra un feed con los logros de la comunidad y noticias de cuidado que también dan XP.
Por qué
Abrir la app debe dar un motivo para quedarse, no solo una lista de tareas.
Decisión 02
Misiones según el calendario de cada planta
Las misiones dejaron de ser diarias. Ahora aparecen como «pendientes» y siguen el calendario de riego y cuidado de cada planta.
Lo que dijeron las pruebas
La mayoría de las plantas no necesita agua todos los días, así que una misión diaria no tenía sentido.
Decisión 03
El tratamiento completo en una sola pantalla
Después del diagnóstico, todos los pasos del tratamiento están en una pantalla con desplazamiento vertical, en lugar de una pantalla por paso.
Lo que dijeron las pruebas
Así es fácil revisar todo, volver a leer un paso que no se entendió o preparar lo necesario de antemano.
05 · Validación
Dos rondas de pruebas, cinco participantes en cada una
Estudio de usabilidad moderado en Medellín. Las tareas: revisar las misiones, escanear una planta y agregarla al jardín, registrar un riego, y diagnosticar una planta y seguir su tratamiento.
Ronda 1 · Baja fidelidad
Tres hallazgos que cambiaron el diseño
- 01
Querían más información al escanear, sin tener que agregar la planta.
→ El escáner muestra la ficha de la especie y deja elegir entre añadirla al jardín o regresar.
- 02
Las misiones necesitaban una pantalla de detalle que guiara paso a paso.
→ Cada tratamiento tiene instrucciones paso a paso con ilustraciones y consejos.
- 03
Las misiones no debían ser diarias.
→ Las misiones siguen el calendario de cada planta.
Ronda 2 · Alta fidelidad
Resultados positivos en todas las tareas
Los cinco participantes probaron el prototipo de alta fidelidad con las mismas tareas. Solo surgió un ajuste.
El único ajuste
Unir los pasos del tratamiento en una sola pantalla con desplazamiento, en lugar de una pantalla por paso.
06 · Identidad visual
Una marca que nace de un brote
El logo, el color y el sistema de diseño salen de la misma idea: crecer con constancia.
- #0B6056Verde 900Marca y navegación
- #1EAE7EVerde 500Acciones y progreso
- #E1F4CBVerde 100Fondos suaves
- #F5BB47Amarillo 400Acento: misiones y XP
- #111E16Bosque 950Escáner y fondos oscuros
- #B52626Rojo 600Alertas de enfermedad
Tipografía
- Palanquin Bold · Logotipo
- SproutQuest
- Roboto · Display 32
- Encuentra tu planta ideal
- Roboto · Título H1 24
- Tu jardín
- Roboto · Cuerpo 14
- Riega tus plantas según su calendario.
Sistema de diseño
Colores, tipografía y componentes viven como variables y estilos de Figma, para que cada pantalla use los mismos valores.
- 15colores primitivos
- 22tokens semánticos de color
- 9estilos de texto
Botones y acciones
Verde de marca para las acciones principales y amarillo para lo que da XP. Cada botón muestra su estado con color e insignia.
Tarjetas y estados
Cada tarjeta cambia de estado para que se entienda de un vistazo qué necesita atención y qué ya está hecho.
07 · Resultado
Las pantallas finales
08 · Cierre
Lo que aprendí y lo que sigue
Aprendizaje
Olvidar regar no era el verdadero foco, sino un problema menor. Los dos problemas principales eran el diagnóstico y convertir el cuidado en un hábito a través de la gamificación.
Investigar antes de diseñar cambió las prioridades del producto.
Próximos pasos
Tablero de comunidad
Un espacio para pedir ayuda a personas con experiencia. No fue prioridad en esta versión.
Notificaciones preventivas
Avisos antes de que la planta se deteriore, una oportunidad que salió del recorrido de Ana.
Siguiente caso
Boardos