Crear una plataforma que ofrece a sus usuarios mejorar la salud y el bienestar acompañados por la figura de un health assistant encargado de entender tus necesidades reales a partir de un formulario diseñado por médicos.
El objetivo de este proyecto era diseñar una plataforma que ofreciera un servicio de acompañamiento hacia una mejor salud y bienestar. Consistiría en una parte pública en dónde contaríamos la propuesta de valor del servicio y cómo funciona y en una parte privada en donde el usuario que complete el test y se registre, puede acceder a ver los resultado de su test y desde donde podrá reservar sus citas con los especialistas.
El principal problema a resolver era encontrar una propuesta de valor diferencial y plasmarlo así en la web. Uno de los puntos más importantes era resaltar la figura del Health Assistant ya que sería una persona que guiaría a los usuarios en su camino hacia una mejor salud y bienestar. También tuvimos que resolver, sobre todo a nivel técnico, aportar seguridad a los usuarios en cuanto a que los resultados de sus test estarían a salvo.
Al tratarse de un proyecto de creación nueva, era muy importante mantenernos alineados con el cliente y entender en profundidad la idea que tenían. Para ello, organizamos un total de 3 sesiones: kick-off y dos sesiones basadas en Design Sprint. Éstas últimas las organizamos escogiendo aquellas prácticas del Design Sprint que íbamos a necesitar para nuestro caso de uso.
En el kick-off definimos al usuario para el que íbamos a diseñar. Esta persona sería una mezcla entre 3 tipos de personas:
Teniendo esto definido, realizamos un ejercicio de empatía para conocer qué dice nuestro usuario, qué serían aquellas cosas que oye en su entorno y qué necesita. Una vez planteamos cuáles serían las necesidades, definimos entre todos el reto del proyecto. Por último, definimos nuestro stakeholder map para conocer quiénes serían las personas que entraban en juego en nuestro.
Las dos sesiones de Design Sprint que siguieron fueron orientadas a entender qué debía tener la plataforma en función de las necesidades del usuario y del negocio y cómo nos imaginábamos esa solución final.
Para ello fue clave definir las fases en las que un usuario podría realizar contacto con nuestro producto y los objetivos que tendrían éstos. De esta forma, votando aquellos objetivos que queríamos resolver, sacamos las actividades necesarias que se tenían que dar para que el usuario pudiera cumplir ese objetivo. Esto nos sirvió para mapear la matriz de oportunidades y priorizar aquellas según la importancia de negocio y viabilidad. Los principales objetivos a tener en cuenta en la estrategia y cómo materializarlos.
Realizamos también un ejercicio de solutions concepts que consiste en visual thinking, crazy 8s y 3 steps concept. Con este ejercicio votamos aquellas funcionalidades y soluciones que nos parecían más acertadas teniendo en cuenta la estrategia y las necesidades del usuario. Luego las trasladamos al ejercicio de Big Idea, teniendo en cuenta la idea del proyecto y la matriz de oportunidades, situamos las funcionalidades en principales y secundarias para así poder priorizarlas con sentido.
Con todo lo anterior, nos pusimos a trabajar en la conceptualización de la plataforma. Para ello primero definimos una arquitectura de la web para que la estructura tuviera consistencia. Después, realizamos los user flows necesarios para poder visualizar todas las acciones que el usuario realizaría en la plataforma y así tener una visión de las pantallas e interacciones que debíamos realizar. Estas acciones eran, por ejemplo, realizar el test de evaluación, registrarse, coger una cita médica, etc.
Estos flujos los llevamos a algo más tangible, wireframes, con los que pudimos presentarle al cliente la solución adoptada y tener su aprobación para pasar a visual.
El estilo de diseño nos venía definido por una guía de diseño que la marca ya tenía preparada así que los colores y las tipografías estaban ya predefinidas y consideramos que además era una buena elección ya que presentaba ese estilo sofisticado y elegante que el cliente quería conseguir.
Con todo esto, definimos elementos y componentes que acompañarían al estilo como por ejemplo, formas cuadradas que además le darían dinamismos a la plataforma a través de animaciones. A los botones les dimos una pequeña redondez (8px) para conseguir un poco de fluidez en contraste con el resto de formas más rectas.
Puedes ver el prototipo aquí
La plataforma la construimos en Webflow y como teníamos una parte privada del usuario, necesitábamos crear un sistema de registro y login el cual hicimos conectando MemberStack, Xano y Webflow.
El test de evaluación clínica de 50 preguntas lo creamos en videoAsk y a través de éste era dónde hacíamos el registro del usuario al finalizar el flujo y pedir el email para poder ver los resultados en su dashboard personal.
También necesitamos conectar Calendly para agendar las citas con los médicos.
Este fue el primer proyecto en el que tuve que definir sesiones de co-creación. Esto me ayudó a visualizar los objetivos de cada sesión y como llevarlos a ejercicios que dieran como resultado esos objetivos.
También fue mi primer contacto con las APIs, lo que me ayudó a entender a un nivel más técnico todo lo que hay detrás de un proyecto de no-code en el que existen procesos complejos.