¡Hola! Soy Cris, diseñadora de productos digitales con habilidades técnicas en
desarrollo,
IA y automatizaciones.
Combino diseño y tecnología para crear experiencias digitales que conecten a las marcas con las personas,
equilibrando siempre la visión de negocio con un enfoque centrado en el usuario.
Mi meta va más allá de crear interfaces visualmente atractivas: busco comprender los problemas a fondo,
analizar cada una de sus partes y desarrollar soluciones efectivas que mejoren la vida de las personas.
Diseño de experiencias centradas en las personas. Investigo, defino flujos,
prototipo
y valido soluciones que equilibran las necesidades del usuario con los objetivos de negocio.
UX ResearchArquitectura de la
informaciónFlujos de usuarioWireframesPrototipadoFigma
02
Desarrollo Web
Desarrollo webs y aplicaciones combinando diseño y código. También trabajo con Vibe
Coding y soluciones low-code/no-code.
HTML · CSS · TailwindJavaScriptReactNode.js ·
ExpressSQL (MySQL)APIs RESTVibe Coding
03
IA & Automatizaciones
Diseño y construyo flujos automatizados con enfoque UX. Respuestas automáticas,
lógica
conversacional y optimización de procesos.
n8nManyChatFlujos automatizadosLógica conversacionalLow-codeOptimización de procesos
Algo ha fallado. Inténtalo de nuevo o escríbeme directamente.
Año2024
TipoEnd to End ·
Bootcamp
RolProduct Designer ·
UX/UI
HerramientasFigma ·
Miro · FigJam
Kids Eats
Una app diseñada para facilitar la entrega de menús infantiles, planificados y saludables
para padres que no tienen tiempo para cocinar.
Intro
Nace de la necesidad de delegar
Nos pasamos la vida estresados, viviendo a un ritmo frenético, sintiendo que no llegamos a todo, que nos faltan
horas en el día. Imagínate si tienes hijos.
KidEats nace de la necesidad de delegar. El reto: crear una app para Glovo que ofrecerá menús infantiles
saludables para los hijos de padres que no tienen tiempo para cocinar, entendiendo sus motivaciones y barreras a
lo largo de todo el ciclo de vida del servicio.
Objetivo
Entender para diseñar mejor
Entender las motivaciones y barreras que tienen las familias a la hora de planificar y elegir los menús para
los peques, para poder diseñar un servicio que aporte valor a lo largo de todo su ciclo de vida.
01
Conocer la importancia de la alimentación para los padres y sus hábitos de comida
familiares.
02
Conocer si las familias siguen métodos relacionados con la comida como el BLW.
03
Entender cómo las familias se organizan para preparar las comidas para sus hijos y
si las planifican.
04
Entender las motivaciones y barreras del uso del comedor escolar para padres y
niños.
05
Entender qué beneficios y barreras encuentran los usuarios a la hora de pedir
comida a domicilio.
06
Conocer la opinión e idea sobre un menú infantil delivery.
Proceso
Double Diamond End to End
01 Descubrir
Desk Research
Benchmark
Entrevistas x9
02 Definir
Insights
User Persona
03 Idear
Brainstorming
MoSCoW
Crazy 8s
Solution Sketch
User Flows
Propuesta de valor
04 Prototipar
Lo-Fi
Mid-Fi
Design System
Hi-Fi
Descubrir · Desk Research
Datos que lo justifican todo
Empezamos desde cero, centrándonos en conocer los hábitos alimenticios y de planificación de las comidas de las
familias con niños. Los datos fueron realmente preocupantes.
82%
de los hogares españoles improvisa el menú semanal o lo planifica con muy poca
antelación
79%
no toma el mínimo de fruta y verdura recomendado. Un 10% no toma ni una pieza de
fruta al día
41%
no se hidrata correctamente. El 72% de los niños comen en casa entre semana
Fuente: Observatorio Nestlé de Hábitos
Nutricionales y Estilo de Vida de las familias
Descubrir · Benchmark
Análisis de la competencia
Realizamos un análisis de la competencia para conocer los servicios que ofrecen, identificar sus fortalezas y
debilidades.
Descubrir · Entrevistas
9 entrevistas en profundidad
Realizamos 9 entrevistas a padres para entender su relación con la comida y con los servicios de entrega a
domicilio, sus hábitos alimenticios y de planificación.
Una vez finalizada la fase de entrevistas, volcamos y analizamos todos los datos obtenidos — validando
hipótesis, identificando motivaciones, frustraciones y patrones de comportamiento.
Definir · Insights
Lo que nos dijeron los datos
01
Las madres y padres buscan una forma de alimentación consciente, nutritiva y de
calidad para sus hijos porque cada vez están más concienciados con su crianza.
02
Existe una necesidad de los padres de personalizar los menús de sus hijos en base a
la edad, estilo de alimentación y requerimientos nutricionales.
03
Existe mucha desconfianza ante los servicios de delivery ya que se relacionan con
una alimentación poco saludable.
Definir · User Persona
A quién diseñamos
Toda la información recogida nos ayudó a definir nuestro User Persona, que nos permitió centrarnos en los
objetivos, motivaciones y frustraciones reales de nuestros usuarios.
Idear · Brainstorming & MoSCoW
De la idea al MVP
Iniciamos el proceso de diseño con un Brainstorming. Clasificamos las ideas por temas y votamos las más
interesantes para luego definir el MVP usando la técnica MoSCoW.
Idear · Crazy 8s & Solution Sketch
Primeros bocetos
Realizamos bocetos iniciales siguiendo la técnica del Crazy 8s para centrarnos en definir los elementos
principales de cada pantalla. A partir de estos, elaboramos un Solution Sketch con la idea más definida.
Idear · User Flows
Flujos de usuario
Con la idea principal definida, el siguiente paso fue definir los flujos de usuario principales de la
aplicación.
Idear · Propuesta de valor & Retrospectiva
Reflexión antes de prototipar
Para cerrar la fase de ideación realizamos un Lienzo de Propuesta de Valor que nos ayudó a identificar cómo
nuestro producto proporcionaba beneficios a nuestros usuarios, posicionándolo alrededor de sus necesidades.
Antes de avanzar a la fase de prototipado realizamos un ejercicio de retrospectiva para reflexionar sobre cómo
estábamos manejando el proyecto, qué hacíamos bien y qué necesitábamos mejorar.
Prototipar · Lo-Fi & Mid-Fi
Del papel a la pantalla
Creamos prototipos Lo-Fi para probar e iterar la estructura principal y los flujos. Después avanzamos a Mid-Fi
añadiendo detalle y funcionalidades que aplicaríamos en el Hi-Fi final.
Prototipar · Design System
Sistema de diseño
Mantuvimos la línea de marca de Glovo: tipografía Montserrat, invirtiendo la jerarquía cromática y manteniendo
los componentes primarios de navegación para facilitar la consistencia y el trabajo de los desarrolladores.
Prototipar · Hi-Fi
Prototipo final
Una vez definidos los estilos, desarrollamos el prototipo final en Hi-Fi cubriendo los flujos principales de la
aplicación.
OnboardingSuscripciónPersonalizaciónPedido SalvavidasFicha de productoPedidos
Onboarding
Suscripción
Personalización
Home, Ficha de producto & Mi cuenta
Pedidos
Año2024
TipoInteraction Design
· Bootcamp
RolProduct Designer ·
UX/UI
HerramientasFigma ·
FigJam
Cicla
Diseño de nuevas funcionalidades en torno a patrones del ciclo menstrual para una app que
ayuda a las mujeres a entender cómo influye su ciclo en su vida diaria.
Intro
Más valor para las usuarias
Cicla es una app que ayuda a las mujeres a entender cómo influye su ciclo menstrual en su vida diaria. El
siguiente paso para seguir creciendo en el desarrollo de su objetivo y aportar más valor a las usuarias es la
implementación de una nueva funcionalidad que informe a la usuaria de que hay un nuevo patrón en su ciclo, con
el objetivo de que puedan tomar las mejores decisiones sobre su salud emocional y física.
Objetivos
Qué nos propusimos
01
Definir cuál es el flujo de la usuaria utilizando la nueva funcionalidad de
patrones.
02
Diseñar y prototipar las pantallas clave para la experiencia de la usuaria.
Proceso
Descubrir, idear y prototipar
01 Descubrir
Desk Research
Benchmark
02 Idear
Flujos de usuario
Brainstorming
03 Prototipar
Wireframes Lo-Fi
Style Guide
Componentes
Wireframes Hi-Fi
Descubrir · Desk Research
Oportunidades detectadas
El desk research nos permitió identificar oportunidades concretas para mejorar la experiencia de registro y
visualización de patrones en la app.
01
Pequeños cambios de agrupación y visualización pueden facilitar el registro de
síntomas, paso previo imprescindible para la existencia de patrones.
02
La pantalla de síntomas puede albergar más información sin romper el lenguaje
visual. Copy amable como "¿Cómo te sientes hoy?" mejora notablemente la experiencia.
03
Personalizar el contenido — plegar o descartar información no relevante — y usar
overviews facilita la comprensión holística de los datos del ciclo.
Descubrir · Benchmark
Referentes y competencia
Analizamos apps del sector para identificar patrones de diseño, buenas prácticas y oportunidades de
diferenciación. Los puntos clave: botones de registro muy visibles, mucha interactividad, explicaciones
escondibles y clasificación de síntomas por colores y fases.
Idear · User Flow
El flujo de la usuaria
Definimos el flujo completo de la usuaria desde la pantalla de inicio hasta la visualización de patrones por
fase, incluyendo los estados con y sin datos suficientes registrados.
Idear · Brainstorming
Ideas para tres pantallas clave
El brainstorming en equipo generó ideas para las tres pantallas principales: inicio, registro y patrones. Las
decisiones más relevantes: un único botón de registro, explicaciones escondibles, patrones con gráficos por fase
y copy predictivo como "Hoy seguramente estarás más energética y creativa".
Prototipar · Lo-Fi
Primeros wireframes
Comenzamos con wireframes de baja fidelidad para validar la estructura y los flujos antes de avanzar en detalle
visual.
Prototipar · Style Guide & Componentes
Sistema visual
Definimos la guía de estilos y los componentes necesarios para construir el prototipo Hi-Fi manteniendo la
coherencia visual con la marca Cicla.
Prototipar · Hi-Fi
Prototipo final
Con los estilos definidos, desarrollamos el prototipo final en alta fidelidad cubriendo los flujos principales
de la nueva funcionalidad.
Pantalla de inicioRegistro de síntomasTendencias del cicloPatrones por fase
Síntesis · Next Steps
Próximos pasos
NTH
Interactividad: mantener, plegar y descartar secciones que aporten
a la experiencia personalizada. Evaluar la titulación del apartado "Patrones" vs "Mi evolución" o
"Tendencias en tu ciclo".
NTH
Elementos gráficos: en evaluaciones a largo plazo, sintetizar la
información de patrones en gráficas. Evaluar cuánto interactúan las usuarias con dichos elementos.
NTH
Feature de notas: hay potencial para agregar valor a un espacio de
recordatorios e inquietudes vinculado al apartado de síntomas, visible desde el main.
