UX/UI Design

Van eerste idee tot klikbaar prototype in Figma.

Figma User flows Design systems Prototyping

Hardloop-app — bewegen leuk en haalbaar maken

Voor een schoolproject ontwierp ik een hardloop-app die mensen stimuleert om vaker te bewegen. De app combineert duidelijke progressie, laagdrempelige uitdagingen en een sociale component met clubs en rankings.

Ik begon met de centrale vraag: “Waarom haken mensen af?” Voor dit project heb ik onderzoek gedaan door middel van interviews. Uit deze gesprekken bleek dat veel mensen een stok achter de deur misten en behoefte hadden aan een uitdagend gevoel om gemotiveerd te blijven. Op basis van deze inzichten werkte ik user stories en user flows uit. Vervolgens maakte ik wireframes en vertaalde deze uiteindelijk naar een high-fidelity prototype in Figma.

Focus in dit ontwerp

  • Heldere navigatie en states (empty, loading, error).
  • Motivatie via microcopy, progressie en feedback.
  • Bekende patronen met een eigen visuele identiteit.
Homescreen van de hardloop-app

Home

Direct overzicht van kilometers, doelen en actieve challenges.

Club/community scherm van de hardloop-app

Club

Teams, rankings en gezamenlijke runs voor extra motivatie.

Prototype

Klikbare flow in Figma

De complete start–tot–finish run-flow is uitgewerkt in een interactief prototype: van het kiezen van een challenge tot het afronden van een sessie en het delen van resultaat.

Gif van de hardloop-app prototype flow