Cruz Roja Familia
Case Study UX/UI
Cruz Roja Familia es una propuesta de producto digital centrada en ampliar las soluciones de teleasistencia de Cruz Roja más allá del usuario tradicional (personas mayores), enfocándose en un nuevo segmento: mujeres embarazadas.
Este proyecto fue realizado en grupo y abordó un reto de conceptualización, investigación, diseño e iteración de prototipos con usuarios.
Problema y oportunidad
Cruz Roja es conocida por su servicio de teleasistencia (“Botón Rojo”), especialmente orientado a personas mayores. El reto planteado fue explorar cómo ampliar este servicio a otros colectivos que también pueden beneficiarse de apoyo continuo, manteniendo los valores de seguridad y tranquilidad de la organización.
A partir del briefing y el análisis de contexto, decidimos enfocar el proyecto en mujeres embarazadas, un segmento con necesidades de acompañamiento, información y acceso a asistencia que no está bien cubierto por las soluciones existentes.
Investigación y descubrimiento
Contexto y análisis inicial
Analizamos el briefing para identificar palabras clave y necesidades latentes.
Realizamos un DAFO y un mapa de actores para definir stakeholders y entender fortalezas/debilidades del contexto.
Benchmark
Se revisaron soluciones existentes tanto directas como indirectas para entender qué funciona, qué falta y qué oportunidades de diferenciación podrían surgir.
Investigación con usuarios
Encuesta cuantitativa para validar hipótesis iniciales de necesidades.
Entrevistas individuales para profundizar en los datos obtenidos y comprender motivaciones, expectativas y retos de las usuarias embarazadas.
A partir del briefing y el análisis de contexto, decidimos enfocar el proyecto en mujeres embarazadas, un segmento con necesidades de acompañamiento, información y acceso a asistencia que no está bien cubierto por las soluciones existentes.
Definición del problema
Tras consolidar la investigación, agrupamos todos los insights para definir los principales retos de diseño a resolver.
Esto nos ayudó a articular una propuesta centrada en acompañar a la usuaria a lo largo de todas las etapas del embarazo con acceso a asistencia confiable cuando la necesite.
Propuesta de valor:
“Teleasistencia integral para acompañarte en todas las etapas de tu embarazo, poniendo a tu disposición nuestra red médica profesional y de confianza.”
Diseño y prototipado
Arquitectura de información
Realizamos un Card Sorting para entender el modelo mental de las usuarias respecto a cómo organizar el contenido y funcionalidades de la app. Esto guió la construcción de la estructura y flujo principal.
Wireframes y prototipo
Basándonos en la arquitectura definida, construimos wireframes que permitieron discutir rápidamente la estructura, principales pantallas y flujos.
En el prototipado de alta fidelidad trabajamos sobre un UI Kit estructurado como base, definiendo componentes reutilizables, estados y variantes bajo una lógica modular. Esto nos permitió garantizar consistencia visual y funcional, mantener alineación con los principios de marca y facilitar iteraciones rápidas sin perder coherencia.
Validación con usuarios
La propuesta atendía las necesidades reales identificadas.
El flujo de pantallas y funcionalidades resultaba intuitivo.
La experiencia general era usable y satisfactoria tanto funcional como emocionalmente.
Esta fase confirmó que las decisiones de diseño estaban alineadas con las expectativas de las usuarias.
UX/UI
Proyecto grupal
Reto propuesto
Cruz Roja es conocida en el ámbito de teleasistencia por su «Botón Rojo» para colectivos vulnerables, cuyo usuario principal son las personas mayores.
Nuestro reto consistió en ampliar esta ayuda a otros perfiles de interés que puedieran requerir de asistencia o que busquen independencia, pero sin perder
la seguridad y la tranquilidad.
Conceptualización
En la primera fase del proyecto se analizó el briefing para identificar palabras clave y recopilar información sobre la organización. A partir de este análisis se propuso una app dirigida a un sector no cubierto por Cruz Roja: las mujeres embarazadas.
Con el contexto definido, se elaboraron un DAFO y un mapa de actores para identificar stakeholders, fortalezas y debilidades. Posteriormente, se analizó la competencia directa e indirecta mediante un benchmark.
Finalmente, con los datos obtenidos, se plantearon hipótesis que se contrastaron a través de una encuesta cuantitativa realizada con Google Forms.
Las usuarias nos brindaron información muy valiosa, que nos permitió definir nuestros user persona, entre otras cosas.
Decidimos indagar más en profundidad estos distintos perfiles con un entrevistas individuales. Esto nos ayudó a explicar algunos de los datos recabados en la encuesta y por otro lado, a crear los casos de uso de nuestra App.
Una vez realizados este research, agrupamos todos los insights y los convertimos en una serie de retos a resolver.
El siguiente paso consistió en generar soluciones, las cuales acabamos ubicando en una Matriz de atractivo/esfuerzo para ver en cuales merecía la pena centrarse.
Propuesta de valor:
«Teleasistencia integral para acompañarte en todas las etapas de tu embarazo,
poniendo a tu disposición nuestra red médica profesional y de confinaza»
Prototipado
Con las soluciones escogidas, generamos las distintas funcionalidades de la app. Estas las plasmamos en un wireframe, el cual utilizamos para hacer un Test de concepto y así probar que solventara las necesidades de nuestras usuarias.
En este momento tuvimos que generar una primera arquitectura de la información. La cual se definió realizando un Card Sorting. En él las usuarias nos trasladaron su modelo mental de la app.
Habiendo constrastado esto, pudimos comenzar con la parte visual de la app, cogiendo referencias,paletas de color, tipografías etc.
Generamos un Sistema de diseño, que nos aseguró el tener un diseño homogéneo tanto visualmente como a nivel de usabilidad en prototipo de la app.
El último paso del proyecto fue testar con los usuarios el prototipo, para ver si habíamos plasmado bien toda la información recogida durante la investigación. Y en consecuencia, habíamos generado un producto usable que solventara los problemas de nuestros usuarios.
Procesos UX
Desktop Research
DAFO
Benchmark
Cuestionario
Entrevistas usuario
Mapa de empatía
User persona
Casos de uso
User Journeys
Matriz de atractivo/esfuerzo
Test de concepto
Card Sorting (Arquitectura)
Diagramas de Flujo
Test usuario
Procesos UI
Wireframe
Moodboard
UI Kit
Prototipado
Mock Ups
Software
Figma
Google Forms
Miro
Optimal Workshop
Notion
Trello