⌘
Benchmarking
Marktleiders in fitness/wellness naast elkaar. Wat werkt, wat frustreert.
Case study · Fitness app Brand · UX/UI · Prototype
MYCONIQ
Shape your goals.
Een voormalig personal trainer wilde een fitness-app lanceren die het echt anders zou doen. Geen paywall-plot-twist, geen 5-minuten onboarding-verhoor. Gewoon: download, zie waarde, bewegen. Als Mí Media deed ik de brand identity én UX/UI, van eerste research tot getest prototype.
Rol
Brand + UX/UI designer
Tijd
On-going
Sinds
2021
Work in progress
Momenteel doorontwikkelen we het platform voor particulieren (B2C) én bedrijven & personal trainers (B2B).
Proces · van research tot prototype
- Fase 01Research & discovery
Benchmarks, enquêtes, interviews en persona-scenarios. Wat verwachten mensen echt van een fitness-app, en waar knapt het meestal af.
- Fase 02Info-architectuur
Sitemap, flowcharts, happy path én pijnpad. Card sorting, affinity diagrams, beslismatrices tot elke schermkeuze klopt.
- Fase 03Design system
Kleur, typografie, grid, componenten en interactie-regels. Eén taal die op mobile, iPad en desktop identiek klinkt.
- Fase 04Prototype & test
Hoge-fidelity Figma prototype. A/B-tests binnen twee focusgroepen, iteraties tot het schrapt wat niet werkt.
Shape your goals · Sweat with intent · Move · Track · Repeat ·
Shape your goals · Sweat with intent · Move · Track · Repeat ·
Shape your goals · Sweat with intent · Move · Track · Repeat ·
Shape your goals · Sweat with intent · Move · Track · Repeat ·
01 De client
Trainer met een plan.
Michael Bouterse, ex-personal trainer, kwam met een specifieke frustratie: de meeste fitness-apps snappen niet hoe mensen sporten. Ze verhoren je bij binnenkomst, verstoppen hun waarde achter setup-schermen, en verrassen je met een paywall.
Zijn missie: een app die je gebruikt zonder eerst je hele levensverhaal te uploaden. Van eerste tap tot eerste sweat in onder 60 seconden. Klinkt simpel. Vraagt achter de schermen een compleet nieuwe UX-benadering.
We begonnen bij een diepgaand gesprek over de markt, de gaten, en waar MYCONIQ écht onderscheidend kon zijn. Vanaf dat gesprek is er nooit meer gestopt met bouwen.
Mobile · iPad · Desktop
< 60 sec time-to-value
Brand campaign
Shape your goals.
2021 →
End-to-end ✦
Brand campaign
Powered by MYCONIQ
Shape your goals · 2021
"Vier verhalen, één ambitie. Geen verhoor, geen paywall-plot-twist."
Brand video · Shape your goals
De campagne die het merk op de kaart zette.
Video in samenwerking met Capital Content. Concept, brand-tone en visual language door Mí Media.
02 Research & discovery
Onderzoek voor het ontwerp.
Zes verschillende research-methodes gecombineerd. Van kwantitatief benchmarking tot kwalitatieve focusgroepen. Wat mensen zeggen dat ze willen, is niet altijd wat ze uiteindelijk gebruiken.
☺
Enquêtes + interviews
Twee focusgroepen · fitness-fanatici én beginners. Pijnpunten tot op woord genoteerd.
◈
Concurrentieanalyse
4 koplopers uitgeplozen op onboarding, prijsstructuur en dagelijkse retentie.
◉
Persona-scenarios
Positieve én negatieve journeys uitgeschreven. Waar bots iemand af, en waarom.
⊙
Customer journey
Van eerste swipe in de App Store tot maand-drie loyaliteit. Elk friction-punt gemarkeerd.
△
A/B testing
Twee onboarding-varianten getest in de focusgroepen. Winnende versie doorgevoerd.
Customer journey
Elk friction-punt in kaart.
02.5 Information architecture
De blauwdruk, voor de pixel.
Voor er één screen getekend werd, lag de complete architectuur vast. Sitemap voor structuur, user flowchart voor elke beslissings-tap. Zo weet je vooraf waar iemand vastloopt, niet achteraf.
Klik een diagram voor volledig beeld Scroll om te pannen +/- om te zoomen
03 Wat we ontdekten
Drie blokkades die niemand fixt.
Uit de interviews en journey-analyse rolden drie hardnekkige friction-punten. De hele UX van MYCONIQ is opgebouwd om deze te vermijden.
01 Onboarding
Te veel vragen, te vroeg
Bestaande apps stelden 5+ minuten aan onboarding-vragen voordat je één workout zag. Personalisatie voelde als verhoor.
02 Time-to-value
Waarde onzichtbaar bij download
Gebruikers wilden meteen zien wat een app kán. De meesten pas na minuten scrollen door setup-schermen. Frustratie sloeg direct toe.
03 Transparantie
Betaalmuur als plot-twist
Gratis proberen, dan opeens een paywall. Een significant deel haakte af, niet omdat de app slecht was, maar omdat het vertrouwen op dat moment brak.
03.5 Logo exploration
31 voorstellen, één merk.
Eenendertig logo-voorstellen op tafel gelegd. Van dynamische fingerprint-symbolen tot geometrische wordmarks. Elk voorstel testte een ander verhaal: kracht, precisie, beweging, personalisatie. Het winnende systeem staat hieronder.
Klik om alle 31 voorstellen fullscreen te bekijken
Brand system
Logo · Icon · Lockup
04 Design system
Eén taal, drie schermen.
Kleuren, typografie, grid, componenten. Alles gebouwd om moeiteloos te schalen van iPhone naar iPad naar desktop, zonder dat het merk verwatert.
Onboarding
Doelen kiezen
Personalisatie
Spiergroep kiezen
Community
Eigen profiel
Typografie
Aa Aa
Display + body
Palette
4 kern-kleuren
Componenten
CTA Card Input
Library in Figma
05 Op alle schermen
Van eerste tap tot eerste sweat.
Complete UI-uitwerking in Figma. Mobile-first, maar getest op iPad en desktop parallel, zodat het ontwerp klopt in elke context.
Client · Michael Bouterse
"Mirishna zorgt voor een frisse blik, inspiratie en innovatie. Haar maatwerk is een directe weerspiegeling van onze visie en identiteit."
Founder · Myconiq
06 Toegepaste skills
Wat erin zit.
- UX-research
- Concurrentieanalyse
- Persona-ontwikkeling
- Customer journey mapping
- Information architecture
- Wireframing
- Design system
- UI design mobile · iPad · desktop
- Component library
- Interaction design
- Prototyping in Figma
- A/B testing & iteratie
- Brand identity
- Logo · typografie · kleuren
Brand · UX · Prototype · Testing
Heb je een idee,
maar geen designer?
Van eerste sketch tot getest prototype, ik neem het complete traject onder handen. Zoals ik voor MYCONIQ deed.