Portada del proyecto Helpy

Helpy

App móvil de terapia

Resumen

Helpy es una app móvil que ayuda a las personas a encontrar la terapia y al profesional adecuados de forma rápida, segura y personalizada.

Un caso UX/UI completo, desde la investigación hasta el prototipo.

Rol

Diseñador UX/UI

Investigación, benchmark, flujos de usuario, wireframes, branding, pruebas con usuarios y prototipado

Febrero – julio de 2022

01

Sobre el proyecto

Helpy es una app diseñada para encontrar a tu psicólogo ideal de forma rápida y sencilla, mediante filtros personalizados, geolocalización y un test de orientación.

Se creó en el Máster de Diseño UX/UI de Nuclio Digital School en Barcelona, entre febrero y julio de 2022.

Herramientas utilizadas
FigmaMiroAdobe Illustrator
02

El problema

Según la Organización Mundial de la Salud (OMS):

Los problemas de salud mental serán la principal causa de discapacidad en el año 2030 y cerca del 25% de la población sufrirá un trastorno de salud mental a lo largo de su vida.

Además, tras una ronda de entrevistas y encuestas, encontramos los siguientes insights:

Insights principales

Las personas no saben dónde buscar terapia si no tienen ninguna recomendación de un amigo o familiar

Los principales problemas son ansiedad y estrés laboral

Les gustaría tener más información sobre los tipos de terapias que existen o que van a tener

03

La solución

Decidimos diseñar una app que te ofrezca encontrar tu terapia ideal:

  • de forma fácil y rápida
  • de manera personalizada mediante múltiples filtros
  • educando sobre los diferentes tipos de terapias
  • de forma segura y confidencial
Pantalla de inicio de Helpy en un iPhone
04

Nuestra metodología

Utilizamos la metodología de Design Thinking «Doble Diamante» para abordar este proyecto.

Diagrama del Doble Diamante
05

Investigación UX

Entrevistamos a 16 personas y a 12 psicólogos.

Luego hicimos una ronda de encuestas a 10 personas.

16 personas entrevistadas

12 psicólogos encuestados

06

Benchmark

Comparamos cinco plataformas de terapia online para ver qué funcionalidades ofrecen. El análisis reveló oportunidades claras de diferenciación: ninguna incluía vídeo de presentación del profesional, modalidad presencial ni geolocalización.

Tabla comparativa de plataformas de terapia online
07

Flujo de usuario

Definimos el flujo de usuario para llegar a una cita confirmada con la menor fricción posible. Desde el Home se puede hacer el test orientativo, buscar con filtros o explorar recomendados, y solo se pide iniciar sesión o crear una cuenta en el momento de pedir cita.

Diagrama del flujo de usuario de Helpy
08

Bocetos

Empezamos con bocetos rápidos a mano de las pantallas clave (inicio, listado de profesionales, ficha del psicólogo y onboarding) para explorar ideas y la jerarquía de la información antes de pasar a lo digital.

Boceto 1 de HelpyBoceto 2 de HelpyBoceto 3 de HelpyBoceto 4 de HelpyBoceto 5 de HelpyBoceto 6 de Helpy
09

Wireframe

Los wireframes de baja fidelidad definieron la estructura y la navegación sin la distracción del color: un inicio con tres accesos claros, el listado con filtros y la ficha del profesional con las acciones principales, enviar mensaje y reservar cita.

Wireframe 1 de HelpyWireframe 2 de HelpyWireframe 3 de HelpyWireframe 4 de Helpy
10

Branding y guía de estilo

Creamos la identidad visual de Helpy: un logotipo amable con una nube sonriente, una paleta con el azul como protagonista y la tipografía Inter, clara y legible. La guía de estilo asegura coherencia en todas las pantallas y facilita el trabajo en equipo.

Logotipo, paleta de colores y tipografía de Helpy

Ilustraciones

Nuestro trabajo fue dar con las ilustraciones de Maria Ponomariova por su estilo y, después, las modificamos y coloreamos según los colores corporativos.

Ilustraciones de Helpy adaptadas a los colores corporativos
11

Pruebas con usuarios

Probamos Helpy con 5 personas para validar los flujos principales y detectar fricciones antes del Demo Day. Los comentarios fueron muy positivos y aplicamos las últimas correcciones.

Sesión de pruebas con usuarios de Helpy
12

Diseño final

El diseño final combina una interfaz limpia y accesible con ilustraciones cercanas que humanizan un tema delicado como la salud mental. Se cuidó la jerarquía visual, el contraste y la claridad de las acciones principales: explorar, buscar y pedir cita.

Pantallas del diseño final de Helpy
13

Prototipo

El prototipo interactivo simula el recorrido principal de la app, desde el inicio y el test orientativo hasta la ficha del profesional y el pedido de cita, y nos sirvió para validar la experiencia antes de la entrega.

14

Créditos y agradecimientos

Helpy fue diseñada por:

Alba Modamio - Hans Eggers - Isabel Puig - Mónica Casanova

Gracias a Nuclio Digital School, a los muchos profesores que participaron en el Máster de Diseño UX/UI y a nuestras profesoras guía Stephany y Alba.

Gracias a todas las personas que entrevistamos.

También muchas gracias a nuestras familias y amigos por todo el apoyo y a ti por tu interés.

Nube de Helpy con el mensaje thank you

Más proyectos

Hablemos

Me encantará conocer tu proyecto y descubrir cómo puedo ayudarte.

hans.eggers@gmail.com