Choukoud Gym
About Project
Probleem
Choukoud Gym, een sportstichting in Den Haag, had behoefte aan een duidelijke en toegankelijke website. Er was nog geen goede online plek waar leden en geïnteresseerden snel informatie konden vinden over trainingen, tijden en de vereniging.
Opdracht
Ontwerp en realiseer een complete website die aansluit op de behoeften van de doelgroep, met aandacht voor gebruiksvriendelijkheid, duidelijke structuur en een visueel passende stijl.
Onderzoek
Voor dit project werkte ik vanuit een duidelijke UX-strategie: eerst begrijpen wat gebruikers nodig hebben en welke doelen de opdrachtgever wil bereiken, en daarna pas bepalen hoe de website moet worden ingericht. Door de debriefing en persona’s te analyseren kreeg ik inzicht in de belangrijkste doelgroepen en hun verwachtingen.
De kern van mijn strategie lag in het formuleren van heldere user needs, zoals:
“Als ouder wil ik snel het lesrooster kunnen zien, zodat ik weet wanneer mijn kind kan trainen.”
“Als beginner wil ik weten hoe ik me kan inschrijven, zodat ik makkelijk kan starten.”
Deze behoeften vormden de basis voor de structuur van de website. Vanuit deze inzichten ontwierp ik een logische sitemap die zowel de gebruikservaring als de doelen van de opdrachtgever ondersteunt.
Wireframes
Om een gebruiksvriendelijke en duidelijke website te creëren, werkte ik met strategische wireframes die de basisstructuur bepaalden. De navigatie werd bewust bovenaan vastgezet om directe toegang te bieden tot belangrijke onderdelen zoals het sportaanbod, lesrooster en contact. Op de homepage koos ik ervoor om het sportaanbod én een duidelijke “Word nu lid”knop centraal te plaatsen, zodat de route naar inschrijving zo kort mogelijk bleef.
Voor de visuele lijn ontwikkelde ik een compacte style guide. De gekozen donkerblauwe basis straalt kracht en vertrouwen uit, terwijl lichte accenten en ruime witruimte zorgen voor rust en helderheid. Voor typografie combineerde ik sportieve, krachtige koppen met toegankelijke bodytekst die op alle schermen goed leesbaar is. De iconen, knoppen en formulieren zijn ontworpen met focus op duidelijkheid en consistentie, zodat gebruikers intuïtief hun weg vinden.
Programmeren
In het high-fidelity prototype werkte ik het visuele ontwerp volledig uit, met een sterke focus op duidelijkheid en gebruiksgemak. Het design is volledig responsive, zodat de website zowel op mobiel als desktop intuïtief werkt. De belangrijkste call-to-actions, zoals “Word nu lid” en “Inschrijven”, zijn bewust groot en opvallend geplaatst om de conversie te versterken.
De fotografie geeft de energie en diversiteit van de gym weer en zorgt voor een levendige uitstraling. Formulieren zijn zo eenvoudig mogelijk gehouden, met alleen de noodzakelijke velden om de drempel tot inschrijven laag te houden. De agenda en het lesrooster zijn overzichtelijk in een grid geplaatst, waardoor gebruikers snel de juiste les of activiteit kunnen terugvinden.
© 2025 designedbyM