Een goed ontwerp
wijst de weg.
Ontdek de ontwerpkeuzes
Je pagina vertelt.
In de juiste volgorde.
Eerst begrijpen. Dan verder lezen. Een bezoeker komt met een vraag, niet met kennis van jouw organisatie. De eerste woorden moeten duidelijk maken wat je doet en voor wie. Een concrete belofte met een passend beeld geeft richting. De bedrijfsgeschiedenis kan later; eerst moet iemand herkennen dat hij goed zit.
Niet alles kan het belangrijkste zijn. Grootte, contrast en witruimte bepalen waar je oog naartoe gaat. We geven de hoofdboodschap meer gewicht dan de toelichting. Verwante informatie staat bij elkaar. Koppen vertellen samen de hoofdlijn, zodat ook iemand die alleen scant de pagina kan volgen.
Laat zien wat je woorden bedoelen. Een project, product in gebruik of concrete werkwijze maakt een belofte tastbaar. Dat bewijs hoort dicht bij de vraag die het beantwoordt. Een echt voorbeeld kan meer uitleg geven dan een rij algemene woorden als kwaliteit, maatwerk en service.
Maak duidelijk wat er hierna gebeurt. Een knop hoort aan te sluiten op de inhoud en op wat iemand nu wil doen. “Bespreek je project” schept een andere verwachting dan “Bestel direct”. Eén hoofdactie kan op passende plekken terugkomen. Niet iedere sectie heeft een nieuwe bestemming nodig.
Rust is ook
een ontwerpkeuze.
Witruimte is geen lege ruimte. Ruimte tussen groepen maakt de structuur zichtbaar. Een prettige regellengte en regelafstand maken tekst makkelijker leesbaar.
Ook achter het ontwerp moet de kopstructuur kloppen, zodat je de pagina met hulpmiddelen kunt doorlopen.
Deze donkere tekst blijft duidelijk op wit. WCAG AA gebruikt voor gewone tekst minimaal 4,5:1 contrast, en voor grote tekst 3:1. We beoordelen dus de combinatie van tekst en achtergrond, niet alleen de kleur op zichzelf.
Deze lichte tekst haalt de grens voor gewone tekst niet. Wat op je eigen scherm verfijnd lijkt, kan voor een andere bezoeker lastig leesbaar zijn. We bewaren zachte kleuren voor accenten die geen belangrijke informatie dragen.
Dezelfde inhoud.
Een ander ritme.
Gebruik de ruimte om te laten zien. Bij Empaso zie je de producten in gebruik. Beeld, kop en navigatie vertellen samen wat het bedrijf biedt en waar je verder kunt.
Verkleinen is niet genoeg. Uitsnede, tekst en navigatie veranderen mee. Inhoud blijft bereikbaar en knoppen blijven bruikbaar, ook met grotere tekst.
Expertise zichtbaar maken.
Letterlijk.
Bekijk de Orange-case 
Een abstract aanbod. De financiële datadiensten van Orange vragen om een ontwerp dat hun samenhang laat zien.
Een zichtbaar denkmodel. Zeven verbonden stappen tonen het geheel. Per stap kan de bezoeker de uitleg lezen.
Een keuze die je kunt uitleggen. De vorm volgt de werkwijze van Orange. Zo helpt het ontwerp een complex aanbod te begrijpen.
“Een ontwerp moet je
kunnen uitleggen.”
We kijken samen of je aanbod helder is en je bedrijf herkenbaar. Ik ontwerp én bouw, zodat die keuzes terugkomen in de werkende website.
Bekijk Webdesign & realisatieVeelgestelde
vragen.
Wat is het verschil tussen webdesign en een huisstijl?
Een huisstijl bepaalt onder meer je logo, kleuren en typografie. Webdesign vertaalt die identiteit naar pagina’s die ook werken: informatievolgorde, navigatie, beelden, interactie en mobiele indeling. Je bestaande huisstijl is het vertrekpunt. Een volledige nieuwe merkidentiteit spreken we apart af.
Waarom beginnen jullie met inhoud en structuur?
De inhoud bepaalt wat het ontwerp moet uitleggen. We kijken naar je doelgroep, de vragen die klanten stellen, je belangrijkste diensten en het bewijs dat je kunt laten zien. Met die basis krijgt iedere pagina een doel. Zo voorkomen we dat je verhaal achteraf in een willekeurige indeling moet passen.
Is maatwerk hetzelfde als alles zelf programmeren?
Nee. Maatwerk betekent dat het ontwerp, de inhoud en de gekozen onderdelen bij jouw bedrijf en bezoekers passen. Een bestaand CMS of bruikbare WordPress-basis kan daar onderdeel van zijn. We kiezen de techniek op basis van de inhoud, functies en het gewenste beheer.
Hoe beoordelen we of het ontwerp goed is?
We bespreken concrete vragen: is het aanbod begrijpelijk, klopt de informatievolgorde, ondersteunt het beeld de boodschap en is de volgende stap duidelijk? Daarna controleren we de uitwerking op echte schermbreedtes en met toetsenbordbediening. Na livegang kunnen beschikbare gegevens en klantvragen aanleiding geven tot verdere verbetering.
Wat doen jullie met animatie?
Beweging moet iets duidelijk maken: een verbinding, de overgang naar een volgende stap of het effect van een handeling. Belangrijke informatie blijft ook zonder een animatie begrijpelijk. We houden de uitvoering licht en laten onzichtbare doorlopende animaties waar mogelijk pauzeren.
Moet ik zelf alle teksten en foto’s aanleveren?
We bespreken wat je al hebt en wat nog ontbreekt. Jij kent je bedrijf, aanbod en klanten; ik help met het ordenen en uitwerken voor het web. Eigen foto’s en echte projecten zijn waardevol als bewijs. Illustratieve of gegenereerde beelden gebruiken we niet als bewijs van klanten of resultaten.
Levert een nieuw ontwerp gegarandeerd meer aanvragen op?
Nee. Ook je aanbod, bezoekers, concurrentie en opvolging spelen mee. Een ontwerp kan wel onduidelijkheid en onnodige stappen wegnemen. We beoordelen concrete knelpunten en beschikbare gegevens, zonder een aantal aanvragen of omzetgroei te beloven.
Kan ik eerst een ontwerp zien?
Ja. Je begint met een vrijblijvende websitevraag. Na kort persoonlijk contact volgt een afspraak met een gratis eerste paginaontwerp en projectvoorstel. Pas jouw schriftelijke akkoord start de betaalde opdracht. Bekijk Webdesign & realisatie voor de projectaanpak en pakketten.