Samen met drie andere studenten (Max, Rick & Fleur) hebben we een heel process doorlopen om een herontwerp te maken van iCOV website in tien weken tijd.
Op deze website is informatie over iCOV te lezen, wat ze doen, hoe de organisatie werkt, praktijk voorbeelden etc. De website was nog in de oude huisstijl en het was aan ons om deze website te herontwerpen in de nieuw huisstijl met ook een kritisch oog op de informatie architectuur en interactie.
We hebben de website onderzocht en gekeken of de opbouw wel logisch was voor ons als buitenstaanders. Toen zijn we aan de slag gegaan met wireframes en indelingen van de pagina’s in de nieuwe huisstijl. We hebben daarvoor meerdere iteratie slagen gemaakt. We hadden elke week een meeting met twee dames die voor iCOV werkten en we namen hun feedback mee in de volgende iteratie.
Toen de dames tevreden waren over de informatie architectuur en het ontwerp ben ik samen met Max en Rick in de zesde week begonnen met bouwen van het statische HTML, CSS en JavaScript prototype. Dit moest allemaal remote omdat Covid toen net begon en alles moest vanuit huis. We gebruikte LiveShare, in plug-in van Visual Studio Code waarmee we tegelijkertijd konden werken aan het prototype. We liepen tegen wat moeilijkheden aan omdat we met een grit hadden ontworpen en we wisten niet goed hoe we dat konden implementeren. We probeerden Bootstrap grid en CSS grid maar dat had niet het gewenste effect. We kregen hulp van Rijk, een studenten assistent en hij hielp ons ook met andere features die voor ons lastig waren.
Uiteindelijk hebben we een compleet responsive prototype opgeleverd met wat feautures. Een item slider en een video header op de voorpagina, een sticky navigatie balk, een interactieve tijdlijn, nieuwe svg iconen, geanimeerde gifjes en alle andere pagina’s die op de website van toen er op.
Naar Prototype