Ontwikkeling
Wireframes en userflow
Voordat je een pagina bouwt, teken je hem uit. Op deze pagina staat hoe mijn stageportfolio is opgebouwd: eerst de structuur van de site, dan de routes die bezoekers erdoorheen afleggen, en tot slot de schetsen van de vier soorten pagina’s.
01 · Structuur
Hoe de site is ingedeeld
Het menu heeft zeven ingangen: vijf naar de inhoud, plus de knoppen Contact en Inloggen. Twee van die ingangen klappen uit naar onderliggende pagina’s. Alles is vanaf het hoofdmenu in hoogstens twee klikken te bereiken.
02 · Userflow
De routes die bezoekers afleggen
Twee soorten bezoekers komen op deze site: mijn docent, die mijn ontwikkeling beoordeelt, en een werkgever, die wil zien wat ik kan. Ze zoeken iets anders, dus ze lopen een andere route.
03 · Wireframes
De opbouw van de pagina’s
De site heeft vier soorten pagina’s. Hieronder staan ze als schets: alleen de indeling, zonder kleuren, foto’s en teksten. Zo zie je waar de aandacht naartoe gaat en in welke volgorde iemand de pagina leest.