Nieuwe website Stichting Gezondheid
Na een mooie opstartfase van anderhalf jaar waarin het publiek voor het eerst kon kennismaken met Stichting Gezondheid, vond deze opdrachtgever dat het tijd werd voor een nieuwe website. De focus moest gaan liggen op het promoten van de webshop en de producten, dus deze kregen bij de restyling een prominente rol toebedeeld. Ook werd een mobiel ontwerp het uitgangspunt van de nieuwe stijl, omdat de statistieken lieten zien dat een groot aantal bezoekers via smartphones op de site terechtkwam. Hier viel dus nog veel winst te behalen.
Ik heb gekozen voor een ontwerp waarin de communicatie met de bezoeker in het middelpunt staat. Het vertrekpunt is steeds de boodschap “waarover gaat je vraag?” De groene knoppen begeleiden de bezoeker vervolgens door het aankoopproces, zodat op elke pagina duidelijk is wat er van de bezoeker verwacht wordt en waar hij moet zijn om verder te komen in het bestelproces.
Wat ik zo leuk vind aan het werken aan een mobiele interface is dat alles binnen een klein kader aan beeld duidelijk moet zijn. Daardoor word je gedwongen om het heel minimalistisch te houden en je te beperken tot de meest noodzakelijke dingen, zowel qua beeld als qua tekst. Ook is het belangrijk dat de meest essentiële elementen ‘boven de vouw’ staan. Dat is natuurlijk in een desktopversie ook het geval, maar bij een mobiele website is het door het ruimtegebrek een veel grotere uitdaging, bijna een soort puzzel. Dat vind ik leuk om te doen en het stimuleert en inspireert me enorm. Ook moet je erop letten dat de klikbare elementen niet te klein zijn en niet te dicht bij elkaar liggen, zodat je deze met je vinger gemakkelijk kunt aantikken. Een mobiel ontwerp leent zich verder uitstekend voor beeldvullende foto’s, zodat deze optimaal bekeken kunnen worden.
Deze mobiele ontwerpen zijn allemaal getest op een smartphone om het ontwerp te toetsen aan de hierboven genoemde kwaliteitseisen. Zo weet ik voordat met de bouw wordt begonnen dat het met de usability goed zit.
Voor dit project heb ik meer ontwerpen gemaakt dan ik hier laat zien. Voor zowel de desktopversie als de mobiele versie heb ik de volgende ontwerpen gemaakt:
- Home
- Tekstpagina
- Contactpagina
- Versie met uitgeklapt menu
- Uitgeklapte footer (mobiele versie)
- Zoekresultaten / productoverzicht
- Zoekresultaten / productoverzicht met uitgeklapte filters (mobiele versie)
- Productpagina
- Productpagina met reviews
- Productpagina met reviews en reviewformulier
- Inhoud winkelwagentje bekijken (stap 1 bestelproces)
- Gegevens invullen (stap 2 bestelproces)
- (Stap 3 van het bestelproces is een externe betaalpagina)
- Bestelling geplaatst (stap 4 bestelproces)
- Geen zoekresultaten gevonden
- 404 error
Dit website-ontwerp is nog niet gerealiseerd en dus nog niet in werking te zien.