Marco Ramos Steinfort · Product designer & developer Madrid, ES ·
← Al het werk

Shelly · 2025

Wellness-app voor mensen die wellness-apps haten

Gezonde routines opbouwen met flexibiliteit, niet met druk. Herschetst en in beweging gezet, 2026.

Rol
UX/UI Designer · 4 weken teamsprint, met Anna · 2026-herschets in 3 dagen, solo
Discipline
Product design · Behavioural UX · Branding
Jaar

Kort samengevat

De meeste wellness-apps straffen je zodra je een dag mist. Streaks maken van zorg schuldgevoel.

Een gewoontebouwer zonder schuldgevoel, getest op usability: elke deelnemer voltooide de kernflow.

MVP-designsprint
4 weken
Deelnemers aan de research
16
Happy-path-schermen, nul verwarring in de tests
26

Je streak is gebroken. Precies op cue slaat het schuldgevoel toe. Shelly is een routine-app die weigert zo te werken.

De klant, de Daily Health Conference, is een non-profit die sinds 1983 wellness promoot. De expertise is echt; de technologie bleef achter, en de ledenaantallen zakten mee. Ze hadden een modern aanbod nodig dat hun community vasthoudt, in een drukke health-tech-markt, strikt binnen de AVG.

De research

De research

Voor Shelly laat stadsleven geen ruimte voor starre wellnessplannen. Research met 16 deelnemers legde het conflict bloot:

15 van 16willen meer beweging
10 van 16noemen mentale gezondheid of stress als grootste zorg
4 van 16noemen werk als grootste obstakel voor een routine

Bestaande apps straffen het missen: sla een streak over en de app veroordeelt je, dus mensen haken af. En een meerderheid zet mentaal welzijn boven fysieke cijfers. Het antwoord komt van de schildpad en de haas: langzame, gestage, flexibele gewoontes. Vandaar de haas die door de schermen rent.

Affiniteitsdiagram dat de researchbevindingen ordent in vier pijlers, waaronder beweging en mentaal welzijn Shelly-typografiegids naast de schildpadmascotte die een vredesteken maakt
De researchmuur, en de identiteitsbeslissing die eruit volgde: afgeronde letters, een mascotte die nooit moppert.

Het originele prototype

Het originele prototype

Origineel welkomstscherm uit 2025 met zwaaiende Shelly-mascotte
De begroeting: de toon gezet vóór de eerste tik.
Origineel scherm uit 2025 voor het instellen van een weekroutine met drie sliders
Routine instellen: in potlood, nooit in steen.
Origineel laadscherm uit 2025 met drie cirkels
Laden: een korte pauze, aangekleed zodat het er geen lijkt.
Origineel scherm uit 2025 met Shelly's suggesties voor vandaag
Shelly's suggesties: kies wat vandaag past.
Origineel oefenscherm uit 2025 met pauze- en skipknoppen
Midden in de oefening: pauzeren, overslaan of afmaken.
Origineel prestatiescherm uit 2025 met de weekvoortgang
De oogst: voortgang die groeit in plaats van breekt.

Shelly’s zes schermen volgen Maria: een bureaubaan in Barcelona, onregelmatige uren, geen zin in nóg een plan om in te falen. Drie sliders stellen de routine in, dagen, minuten en intensiteit. Het laadscherm blijft in karakter. Suggesties passen bij de dag die ze heeft, een oefening kan zonder straf gepauzeerd of overgeslagen worden, en voortgang telt verdiende aardbeien, geen overleefde dagen. Daaromheen de identiteit van de researchmuur: natuurlijke groenen, warme gelen, afgeronde letters. Alle zestien deelnemers voltooiden de kernflow in de laatste usabilityronde. In 2026 tekende ik dezelfde zes schermen opnieuw met de hand met stiften en zette ze in beweging.

De herschets van 2026

De herschets van 2026

In 2026 herschetste ik dezelfde zes Shelly-schermen met de hand met stiften en zette ik ze in beweging. Eén dag krabbelen met de schildpad, de haas en de crèmekleurige pagina’s van een veldjournaal, daarna maakten twee dagen vibe coding er een werkend product van.

Hi. I'm Shelly.

slow wins. ask the hare.

Hoi, ik ben Shelly: de identiteit in beweging, afgeronde letters en een mascotte die niets hoeft te bewijzen.

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

Routine instellen, herschetst: sleep de sliders zelf.

Loading....

no peeking. well. maybe one.

Laden, herschetst: rood, dan oranje, dan gaan.

fig. 2 · a walk, any pace

15 minutes of walking

intensity: moderate · nothing needed

15:00

45 strawberries at the end

15 minuten wandelen, herschetst: kies een tempo, druk op start.

fig. 3 · reach, then breathe

01:12

done counts, at any length

De ademhalingsoefening, herschetst, telt echt af.

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

De oogst, herschetst: tik op week, maand of jaar.

Eindelijk een app die als een vriend voelt.

De regel hierboven kwam van een deelnemer in de laatste testronde.

AI-gebruik

AI-gebruik

Shelly’s sprint van 2025 was mensenwerk, met Anna, zonder AI: volledige UX-research en een volledig UI-traject, zestien deelnemers, zesentwintig schermen, van interviews, affinity mapping en persona’s via user flows en usabilityrondes naar een hi-fi prototype in Figma.

De schermen hierboven zijn de kant van 2026. Het Figma-prototype bewoog al, smart animate zorgde daarvoor. Ik wilde het itereren met code en het ontwerp onderweg verbeteren. Het begon opnieuw op papier: de sfeer met de hand geschetst, snel ingekleurd met stiften, de schildpad, de haas, de crèmekleurige pagina’s van een veldjournaal. Eén dag krabbelen, die tekeningen waren het uitgangspunt. Twee dagen vibe coding maakten er een werkend product van: de sliders slepen, het laadscherm verandert van gedachten, het dashboard bladert door week, maand en jaar. Uit die drie dagen kwamen drie richtingen; deze won. Ik stuurde elke keuze, welke lijnen wiebelen, welke ideeën blijven, waar de haas rent.

De research en de geteste flow zijn onaangeraakt.

Volgende case Wat Airbnb scherm voor scherm naklonen echt blootlegt Airbnb