ONTWERPSTUDIE / VOOR EN NA
Meer rust.
Een duidelijker verhaal.
Een ontwerpstudie voor een fictief lokaal bedrijf: bekijk hoe een duidelijk aanbod, rustige beelden en gerichte links een homepage overzichtelijker maken.
Bekijk de vergelijking ↓
De briefing blijft hetzelfde.
Voor deze studie gebruiken we Buiten, een fictieve tuinstudio. De ondernemer ontwerpt tuinen en geeft beplantingsadvies. Bezoekers moeten begrijpen wat ze kunnen aanvragen, een indruk van de aanpak krijgen en hun plannen kunnen bespreken. Het bedrijf verkoopt in dit voorbeeld geen producten via de website.
We veranderen dus niet het aanbod, maar de manier waarop dat aanbod wordt gepresenteerd. De beelden hieronder zijn schematische ontwerpen. Ze komen niet van een echte klantwebsite en we hebben geen stijging in aanvragen gemeten. We laten zien welke ontwerpkeuzes je kunt bespreken voordat je een homepage laat bouwen.
In onze eerdere studie met drie websiteontwerpen voor één ondernemer vergeleken we verschillende stijlen. Hier kijken we naar één andere vraag: wat gebeurt er als je de volgorde en nadruk van de inhoud verandert?
Voor: alles wil als eerste worden gelezen.
Het eerste ontwerp opent met een welkom en een brede verzameling links. Daaronder vragen nieuws, aanbod en diensten tegelijk aandacht. De knoppen hebben dezelfde tekst en bijna dezelfde nadruk. De bezoeker moet eerst zelf uitzoeken wat belangrijk is en wat achter “Lees meer” te vinden is.
Geen van die onderdelen is op zichzelf verkeerd. Nieuws kan nuttig zijn en een aanbieding kan relevant zijn. Het probleem in dit ontwerpvoorbeeld is dat ze geen duidelijke verhouding hebben. Het hoofdonderwerp, tuinontwerp, wordt daardoor niet als eerste uitgelegd.
Dit herken je ook zonder bezoekerscijfers: vraag iemand alleen op basis van de bovenkant te vertellen wat het bedrijf doet. Als het antwoord erg algemeen blijft, kan de introductie concreter. Dat is een bruikbare ontwerptest, maar geen bewijs dat een ander ontwerp automatisch meer omzet oplevert.
Na: eerst begrijpen, dan verder kijken.
In het tweede ontwerp begint Buiten met een concreet aanbod. De kop geeft het onderwerp karakter en de onderregel benoemt tuinontwerp en beplantingsadvies. Het menu bevat herkenbare bestemmingen. Een hoofdknop nodigt uit om tuinplannen te bespreken.
De andere inhoud verdwijnt niet noodzakelijk. Werkvoorbeelden en aanpak kunnen verderop een eigen plek krijgen. Een tijdelijk nieuwtje hoeft niet dezelfde aandacht te krijgen als de blijvende dienst. Zo ontstaat ruimte om iedere stap rustig uit te leggen.
We kiezen ook een beeld met één taak: de tuinsfeer ondersteunen. In een echte uitvoering zouden we kijken naar passende eigen fotografie. Belangrijke uitleg blijft gewone tekst. Daardoor hoeft een foto niet tegelijk sfeerbeeld, prijslijst en contactknop te zijn.
Voor het vervolg kan een projectvoorbeeld laten zien hoe de tuinstudio werkt. Eén goed uitgelegd voorbeeld is hier sterker dan een losse rij plaatjes. In de kennisbank lees je hoe je een project met context presenteert.
Wat nemen we mee naar jouw website?
Begin met het aanbod, de belangrijkste bezoekerstaak en de informatie die daarvoor nodig is. Pas daarna kies je welke onderdelen bovenaan komen. In de uitleg over de homepage van een lokaal bedrijf vind je een praktische indeling om dat voor te bereiden.
Rust betekent niet dat iedere website sober moet zijn. Je kunt kleur, animatie en een herkenbaar karakter gebruiken. Geef die elementen een functie: aandacht naar een belangrijk onderdeel brengen, een stap verduidelijken of de sfeer ondersteunen. Als alles voortdurend beweegt, wordt het lastiger om iets rustig te lezen.
Controleer het ontwerp ook op mobiel met de echte teksten. Een korte voorbeeldkop past vrijwel altijd; een lange dienstnaam laat pas zien of de indeling flexibel is. Kijk daarnaast of de contactroute begrijpelijk blijft wanneer iemand via een andere pagina binnenkomt.
Bij een bestaande website kunnen een nieuwe introductie en betere inhoudsvolgorde al een zinvolle eerste stap zijn. Bij websiteaanpassingen bespreken we wat binnen de huidige opzet kan. Als het hele ontwerp aan vernieuwing toe is, kijken we samen naar webdesign en redesign.