Wireframes

Structuur

Het wireframe maakt gebruik van een strakke, modulaire opbouw. Omdat de site draait om professionaliteit. Dit weerspiegelt de lay-out door rust, duidelijke witruimtes en een sterke visuele hiërarchie.

Waarom is dit zo ingericht?

Doelgerichtheid boven complexiteit: Bezoekers van een portfolio- of fundingwebsite willen binnen 10 seconden weten wie je bent en wat je te bieden hebt. Door de navigatie te beperken tot vier kernpagina’s (Home, Mijn stage, Mijn CV, Login) . Hierdoor raakt de bezoeker niet verdwaald.

Laagdrempelige contactmogelijkheden: In plaats van een lang, generiek contactformulier, toont de footer direct het e-mailadres en telefoonnummer. Dit straalt transparantie, directe bereikbaarheid en professionaliteit uit.

Inclusiviteit & Toegankelijkheid (Accessibility): De integratie van de toegankelijkheidstool (Ally) zorgt ervoor dat de site direct aanpasbaar is qua contrast, tekstgrootte en leesbaarheid. Dit vergroot het bereik en de professionele inzetbaarheid van de website voor álle doelgroepen.

Userflows

Flow A: De Openbare Bezoeker

Doel: Snel ontdekken wie jij bent, wat je ambitie is en hoe ze contact met je opnemen.

Flow B: De Beoordelaar / Examinator

Doel: Toegang krijgen tot de afgeschermde bewijslast, analyses en projecten tijdens mijn stage bij Trek bicycle Utrecht.

Waarom is dit zo ingericht?

  • Sleutel-slot principe voor privacy: Omdat een stage bij een grote corporate als Trek gepaard gaat met concurrentiegevoelige informatie (zoals marketingstrategieën, interne cijfers of salesprocessen), is een login-muur essentieel. 

  • Duidelijke scheiding van doelgroepen: Een wildvreemde die op de site komt voor mijn CV ziet direct wie ik ben zonder lastiggevallen te worden met vertrouwelijke documenten. 

  • Conversie naar authenticiteit: De pagina fungeert nu als een live portfolio. In plaats van een papieren verslag te overhandigen.

Wil je meer weten over mij als professional?