Project studio Mockup

Projectoverzicht

Tijdens Project Studio 2 (PS2) ontwierp en bouwde ik zelfstandig een complete website voor een sportvereniging. In dit project vervulde ik meerdere rollen, waaronder die van UX/UI-designer, front-end developer en tester.

Het doel van de opdracht was om een functionele én aantrekkelijke website te ontwikkelen waarmee de vereniging zichzelf online beter kon presenteren en nieuwe leden kon aantrekken.

Door dit project kreeg ik een helder inzicht in het volledige proces van briefing tot oplevering. Het voelde als mijn eerste 'echte' freelance opdracht.

Bekijk de live website

Mijn rollen

  • UX Designer (gebruikersonderzoek, persona’s, user flows)
  • UI Designer (wireframes, visual design, prototypes)
  • Front-end Developer (HTML, CSS, animaties)

Gebruikte tools

photoshop XD HTML CSS

Ontwerpproces

  1. Onderzoek

    Ik analyseerde websites van andere sportverenigingen en voerde deskresearch uit naar best practices op het gebied van structuur, toegankelijkheid en call-to-actions.

  2. Think Fase

    Ik bracht de wensen van de vereniging in kaart en combineerde die met de behoeftes van de doelgroep. Dit resulteerde in een overzichtelijke informatie-architectuur.

  3. Wireframing

    Low-fidelity wireframes zorgden voor een snelle iteratie van de indeling en inhoud. Ik testte de flow met testgebruikers voordat ik verder ging naar de visuele laag.

  4. Prototyping

    Ik maakte een klikbaar prototype in Adobe XD dat realistisch genoeg was voor feedbacksessies.

  5. Visueel ontwerp & realisatie

    Ik ontwikkelde een visuele stijl die past bij de sportieve en toegankelijke uitstraling van de vereniging. De site werd gebouwd met HTML en CSS en bevat subtiele animaties.

Resultaten

Het eindresultaat is een functionele en visueel aantrekkelijke website die informatie overzichtelijk weergeeft en uitnodigt om lid te worden. De opdrachtgever was erg tevreden met de uitstraling en structuur van de site. De site is responsief en geschikt voor desktop, tablet en mobiel.

Reflectie

Dit project heeft mij laten ervaren hoe het is om als zelfstandige een opdracht uit te voeren van A tot Z. Ik leerde om gestructureerd te werken, deadlines te bewaken en flexibel om te gaan met feedback.

Waar ik trots op ben is dat ik het volledige proces zelf heb doorlopen, van onderzoek en ontwerp tot ontwikkeling. Wel zou ik in een volgend project eerder en vaker feedbackmomenten willen inplannen, zodat ik niet te lang in mijn eigen tunnelvisie blijf zitten.

PS2 gaf me vertrouwen dat ik klaar ben om in de toekomst freelance opdrachten aan te nemen voor echte klanten.