top of page

Proces onderdelen

Welke technieken zijn ingezet om het resultaat te kunnen behalen en waarom zijn de keuzes voor deze technieken gemaakt?

Roze vloeistof
create a group of people all pink.jpg

Veldonderzoek naar vergelijkbare festivals en toffe website's

Co-Creatie

create an orange electrical circuit.jpg

Welke informatie is voor de gebruiker van waarde, en waar wordt deze getoond

Wireframing 

Create a user testing scene in orange_edited.jpg

Hoe vertalen we de geschiedenis naar een hedendaags ontwerp

Visual Design

lots of pink post its on pink wall.jpg
shutterstock_1658599456.jpg

Briefing & Content

Hoe verzorg ik een duidelijk overdracht op gebied van benodigde content?

Sitemap

Heldere sitemap voor Vlaardingen 1018, met focus op historie en goed vindbare pagina’s.

De sitemap legde de basis voor de nieuwe website en bracht de inhoud en navigatie in kaart. De tijdlijn en de historische verhalen kregen een prominente plek, zodat bezoekers eenvoudig de geschiedenis konden volgen. Daarnaast is er extra aandacht besteed aan de vindbaarheid van de onderliggende pagina’s, zodat bezoekers snel praktische informatie of specifieke evenementen konden vinden.

De wireframes toonden een eerste visuele indeling van de pagina’s en lieten zien hoe de tijdlijn en de navigatie zouden werken. Door deze opzet vroeg te delen met de projectgroep konden we keuzes bespreken en verschillende varianten voorleggen. Zo werd samen besloten hoe de historie het beste verteld kon worden en hoe bezoekers intuïtief hun weg vinden door de site.

Wireframes als ruw ontwerp om tijdlijn en navigatie te testen met de projectgroep.

Wireframe

Het overzicht van pagina’s maakte duidelijk hoe de website was opgebouwd. De tijdlijnpagina kreeg een centrale rol en leidde bezoekers naar detailpagina’s met meer informatie, beeldmateriaal en verhalen. Daarnaast werden er aparte pagina’s ontworpen voor praktische zaken en de evenementenagenda, zodat er een goede balans was tussen beleving en bruikbaarheid.

Structuur en samenhang van alle pagina’s, inclusief tijdlijn en detailpagina’s van historische gebeurtenissen.

Pagina
Overzicht

Visueel ontwerp dat de nieuwe huisstijl van Vlaardingen 1018 doorvoerde in alle onderdelen.

Het visuele ontwerp bracht de wireframes tot leven met kleur, typografie en beeld die passen bij de nieuwe stijl. De historische uitstraling en de eigentijdse huisstijl werden gecombineerd, waardoor de website zowel informatief als sfeervol werd. Iconen, foto’s en kleuraccenten zorgen ervoor dat de tijdlijn aantrekkelijk en overzichtelijk is, en dat bezoekers makkelijk doorklikken naar meer informatie.

Visual 
Design

Interactieve website met klikbare tijdlijn en duidelijke structuur, getest en positief ontvangen door bezoekers.

Het eindproduct laat zien hoe de tijdlijn interactief werkt en hoe eenvoudig bezoekers kunnen doorklikken naar onderliggende pagina’s. Tijdens de eerste clickthrough-testen bleek dat de navigatie logisch was en de historische verhalen goed tot hun recht kwamen. De projectgroep en eerste gebruikers reageerden positief, vooral op de duidelijke tijdlijn en de moderne uitstraling die aansloot bij de nieuwe stijl.

Eind
Product

User Experience Designer / Medior Allround Creative

Asset 1-8.png
Pink Poppy Flowers
bottom of page