Marco Ramos Steinfort · Product designer & developer Madrid, ES ·
← Todo el trabajo

Shelly · 2025

Una app de bienestar para gente que odia las apps de bienestar

Construir rutinas de salud con flexibilidad, no con presión. Redibujada y puesta en movimiento, 2026.

Rol
UX/UI Designer · Sprint de equipo de 4 semanas, con Anna · Rediseño 2026 en 3 días, en solitario
Disciplina
Product design · Behavioural UX · Branding
Año

En resumen

La mayoría de las apps de bienestar te castigan en cuanto fallas un día. Las rachas convierten el cuidado en culpa.

Un constructor de hábitos sin culpa, probado en usabilidad: cada participante completó el flujo principal.

Sprint de diseño del MVP
4 semanas
Participantes en la research
16
Pantallas del happy path, cero confusión en las pruebas
26

Se te rompió la racha. Justo a tiempo, llega la culpa. Shelly es una app de rutinas que se niega a funcionar así.

El cliente, la Daily Health Conference, es una organización sin ánimo de lucro que promueve el bienestar desde 1983. La experiencia es real; la tecnología se quedó atrás, y las membresías cayeron con ella. Necesitaban una oferta moderna que retuviera a su comunidad, en un mercado health-tech saturado, estrictamente dentro del RGPD.

La research

La research

Para Shelly, la vida de ciudad no deja sitio para planes de bienestar rígidos. La research con 16 participantes destapó el conflicto:

15 de 16quieren más actividad física
10 de 16citan la salud mental o el estrés como su mayor preocupación
4 de 16citan el trabajo como el mayor obstáculo para una rutina

Las apps existentes castigan el fallo: pierde una racha y la app te juzga, así que la gente se va. Y una mayoría antepone el bienestar mental a las métricas físicas. La respuesta salió de la tortuga y la liebre: hábitos lentos, constantes, flexibles. De ahí la liebre que corre por las pantallas.

Diagrama de afinidad que ordena los hallazgos de la research en cuatro pilares, entre ellos actividad física y bienestar mental Guía tipográfica de Shelly junto a la mascota tortuga haciendo el signo de la paz
El muro de research, y la decisión de identidad a la que llevó: letra redondeada, una mascota que nunca regaña.

El prototipo original

El prototipo original

Pantalla original de bienvenida de 2025 con la mascota Shelly saludando
La bienvenida: el tono marcado antes del primer toque.
Pantalla original de 2025 para configurar una rutina semanal con tres sliders
Configura mi rutina: a lápiz, nunca tallada en piedra.
Pantalla original de carga de 2025 con tres círculos
Cargando: una pausa corta, vestida para que no lo parezca.
Pantalla original de 2025 con las sugerencias de Shelly para hoy
Las sugerencias de Shelly: elige la que encaja hoy.
Pantalla original de 2025 en pleno ejercicio con controles de pausa y saltar
En pleno ejercicio: pausa, salta o termínalo.
Pantalla original de logros de 2025 con el progreso semanal
La cosecha: progreso que crece en vez de romperse.

Las seis pantallas de Shelly siguen a Maria: un trabajo de agencia en Barcelona, horarios irregulares, ningunas ganas de otro plan en el que fallar. Tres sliders fijan la rutina, días, minutos e intensidad. La pantalla de carga no se sale del personaje. Las sugerencias encajan con el día que está teniendo, un ejercicio se puede pausar o saltar sin castigo, y el progreso cuenta fresas ganadas, no días sobrevividos. Alrededor, la identidad del muro de research: verdes naturales, amarillos cálidos, letra redondeada. Los dieciséis participantes completaron el flujo principal en la última ronda de usabilidad. En 2026 volví a dibujar a mano las mismas seis pantallas con rotuladores y las puse en movimiento.

El rediseño de 2026

El rediseño de 2026

En 2026 rediseñé a mano las mismas seis pantallas de Shelly con rotuladores y las puse en movimiento. Un día de garabatos con la tortuga, la liebre y las páginas crema de un cuaderno de campo, y después dos días de vibe coding convirtieron los dibujos en un producto que funciona.

Hi. I'm Shelly.

slow wins. ask the hare.

Hola, soy Shelly: la identidad en movimiento, letra redondeada y una mascota sin nada que demostrar.

Set my routine

How many days a week?

1234567

How many minutes a day?

051015202530

How hard should it feel?

gentlesteadysweaty

pencilled in, never carved in

Configura mi rutina, redibujada: arrastra tú los sliders.

Loading....

no peeking. well. maybe one.

Cargando, redibujada: rojo, luego ámbar, luego adelante.

fig. 2 · a walk, any pace

15 minutes of walking

intensity: moderate · nothing needed

15:00

45 strawberries at the end

15 minutos de caminar, redibujada: elige un ritmo y dale a empezar.

fig. 3 · reach, then breathe

01:12

done counts, at any length

El ejercicio de respiración, redibujado, contando hacia atrás de verdad.

The harvest

WeekMonthYear

Aug 4th - Aug 10th

189

You met your goal 3 times!

Mo4Tu5We6Th7Fr8Sa9Su10

Breathe

3 min

Walk

15 min

Stretch

15 min

Bonus

30 min

La cosecha, redibujada: toca semana, mes o año.

Por fin una app que se siente como una amiga.

La línea de arriba salió de una participante en la última ronda de pruebas.

Uso de IA

Uso de IA

El sprint de 2025 de Shelly fue trabajo humano, con Anna, sin IA: research de UX completa y un recorrido de UI completo, dieciséis participantes, veintiséis pantallas, de las entrevistas, el diagrama de afinidad y las personas a los user flows, las rondas de usabilidad y un prototipo hi-fi en Figma.

Las pantallas de arriba son el lado de 2026. El prototipo de Figma ya se movía, smart animate se encargaba de eso. Quería iterarlo con código y mejorar el diseño por el camino. Empezó otra vez en papel: el ambiente esbozado a mano, coloreado rápido con rotuladores, la tortuga, la liebre, las páginas crema de un cuaderno de campo. Un día de garabatos, esos dibujos fueron la premisa. Dos días de vibe coding los convirtieron en un producto que funciona: los sliders se arrastran, la pantalla de carga cambia de opinión, el dashboard hojea semana, mes y año. De esos tres días salieron tres direcciones; ganó esta. Cada decisión la dirigí yo, qué líneas tiemblan, qué ideas viven, por dónde corre la liebre.

La research y el flujo probado quedan intactos.

Siguiente caso Lo que de verdad revela clonar Airbnb pantalla a pantalla Airbnb