🧩 Ontwerp (vtv) · Wireframes
Wireframes & userflow
Hieronder staan de wireframes en de userflow die ik vooraf heb gemaakt om te zorgen dat je makkelijk kan navigeren door de website. De structuur splitst tussen publieke content (Over Fieke) en afgeschermde stage-content (Stageomgeving).
Huisstijl: bruin/beige
Focus: UX
Publiek vs. ingelogd
FVG
Home (publiek)
Opleidingen
Ervaringen
Navigatie: publieke content is direct toegankelijk; stage-content wordt pas zichtbaar na inloggen.
FVG
Stageomgeving (ingelogd)
Mijn stagebedrijf
Mijn stageperiode
Professionele groei
Commerciële vaardigheden
Navigatie: na inloggen verschijnt het Stageomgeving-menu met alle onderdelen en bewijslast.
🧭 Ontwerp (vtv) · Userflow
Userflow: publiek → ingelogd
De userflow is ontworpen om bezoekers eerst kennis te laten maken met mij (publieke content) en pas na login toegang te geven tot stage-onderdelen en bewijsstukken.
Home (publiek)
→
Over Fieke
→
Inloggen?
Inloggen
→
Stageomgeving
→
Stagebedrijf
→
Stageperiode
→
Vaardigheden
→
Buddy / Inspiratie
Uitloggen
→
Terug naar publiek menu
Waarom deze flow werkt:
- Duidelijk onderscheid tussen publiek (portfolio) en privé (stageomgeving).
- Logische volgorde voor beoordeling: bedrijf → periode → groei → vaardigheden → bewijslast.
- SEO-vriendelijk: publieke pagina’s indexeerbaar, stage-content afgeschermd.