Een lokale muziekschool biedt regelmatig workshops aan voor kinderen, jongeren en volwassenen. Het aanmeldproces verliep via een online formulier, maar bezoekers haakten vaak af vóór het afronden van hun inschrijving. De organisatie kreeg veel e-mails met vragen over de praktische zaken die eigenlijk al op de site stonden.

Doel
Een intuïtief, gebruiksvriendelijk aanmeldproces ontwerpen dat drempels verlaagt, vertrouwen wekt en meer conversie oplevert.

Van onderzoek tot eindontwerp

Ik nam het volledige UX/UI-ontwerpproces op me:

• Desk research & heuristische analyse
• Persona’s & user journey mapping
• Wireframing & prototyping (mobile-first)
• UI design (desktop & mobiel)
• Feedback verwerken en itereren

Tools: Figma

Informatie overkill
Belangrijke info (zoals tijden, kosten en locatie) stond verspreid over
meerdere pagina’s, wat verwarring veroorzaakte.

Onduidelijke formulierstructuur
Onlogische volgorde en interne termen als “categorie A/B”
zonder context.

Slechte mobiele ervaring
Tekst en velden waren te klein, layout brak op
verschillende schermformaten.

Geen foutafhandeling of feedback
Bij fouten of een succesvolle inzending ontbrak feedback,
wat onzekerheid creëerde.

Geen efficiëntie voor herhaalde inschrijvingen
Vaste deelnemers moesten telkens hun gegevens opnieuw invullen.

Content samengevoegd en gestructureerd
Alle essentiële informatie wordt nu overzichtelijk gepresenteerd op
één introductiesectie vóór het formulier.

Heldere vraagstelling en logische volgorde
Het formulier is opnieuw opgebouwd in duidelijke stappen, met
begrijpelijke taal en begeleidende uitleg.

Mobile-first ontwerp
Responsieve layout met toegankelijke invulvelden, grotere tap targets
en visuele hiërarchie geoptimaliseerd voor mobiel gebruik.

Realtime validatie + duidelijke bevestiging
Fouten worden direct gemeld met tips. Na verzenden krijgt de gebruiker een vriendelijke bevestigingspagina én e-mail.

Slimme interactie
Suggestie voor in de toekomst: login-optie voor terugkerende gebruikers of automatische herkenning via e-mailadres.

Ik wilde een aanmeldproces ontwerpen dat niet alleen werkt, maar ook aanvoelt als een uitnodiging. Geen drempels, geen ruis, alleen een duidelijke, prettige ervaring voor elke gebruiker, op elk scherm.

Onderzoek

Ik begon met een heuristische analyse van de bestaande inschrijfpagina (gebaseerd op Nielsens 10 usability principles). Deze toonde aan dat het formulier visueel rommelig, inconsistent en foutgevoelig was.
Daarnaast ontwikkelde ik drie persona’s: een ouder, een jonge muzikant en een terugkerende deelnemer, elk met andere doelen en frustraties.

Wireframes

De nieuwe aanmeldflow werd mobile-first opgezet en bevatte:

• Een duidelijke introductie met info over duur, kosten en benodigde materialen
• Een gestructureerd formulier in stappen (progress bar)
• Slimme validatie (bijv. automatische foutmeldingen bij vergeten velden)
• Visuele consistentie met de rest van de website

UI Design

De visuele stijl werd bewust toegankelijk en vriendelijk gehouden, met veel witruimte, duidelijke hiërarchie en herkenbare visuele patronen. Op mobiel zijn alle invulvelden “duimvriendelijk” en is navigatie gestroomlijnd.

De vernieuwde aanmeldflow is ontworpen om stress te verminderen en vertrouwen op te bouwen, precies wat nodig is wanneer iemand een investering doet in educatie.
Belangrijker nog: de oplossing is schaalbaar en toepasbaar voor andere educatieve organisaties met soortgelijke problemen.

Reflectie
Deze case leerde me hoe belangrijk het is om in kleine details te denken: van copywriting tot foutmeldingen, en van formulier-logica tot visuele ritmes. Wat voor een organisatie een ‘simpel formulier’ lijkt, is voor de gebruiker een cruciale eerste indruk.