Coddin.nl
Een ontwerp is pas af als iemand anders het kan bouwen zonder te raden. Deze opdracht ging over de site zelf — wat er staat, in welke volgorde, en hoe het eruitziet — en over de overdracht naar de realisatie in WordPress.
01Eerst wat de site moet zeggen, dan pas hoe hij eruitziet.
De vraag was een site die het verhaal draagt: wat het bedrijf doet, voor wie, en waarom je zou bellen. Dat is een kwestie van volgorde en nadruk voordat het een kwestie van kleur is.
Daarbij kwam de eis dat de site daarna in WordPress zou draaien en door de organisatie zelf gevuld wordt. Een ontwerp dat daar geen rekening mee houdt, wordt tijdens het bouwen alsnog uit elkaar getrokken.
02Wat er gebouwd is
De volgorde van de pagina
Het ontwerp begint bij wat een bezoeker achter elkaar moet lezen: waar het over gaat, wat het oplevert, wat het bewijs is, en pas dan wat de volgende stap is.
Dat legt de secties vast voordat er iets getekend wordt, zodat het ontwerp de inhoud volgt en niet andersom.
- Secties in leesvolgorde
- Nadruk waar het verhaal het vraagt
- Eén volgende stap per pagina
- Inhoud vóór vorm
Typografie en ritme
De vorm zit vooral in de typografie: schaal, regelafstand en witruimte doen het meeste werk op een site die vooral gelezen wordt.
Beeld en kleur ondersteunen dat in plaats van het te overstemmen, wat een site ook makkelijker vol te houden maakt als er later inhoud bij komt.
- Een schaal die op elk scherm werkt
- Witruimte als structuur
- Beeld ondersteunt de tekst
- Vol te houden bij groei
Te bouwen zoals bedoeld
Wat er geleverd is, is niet één plaatje per pagina maar een set componenten: de secties waar de site uit bestaat, met hun varianten en hun gedrag op smalle schermen.
Zo is de bouw in WordPress het samenstellen van bestaande onderdelen, en kan de organisatie later een pagina maken die er nog steeds uitziet alsof hij ontworpen is.
- Componenten in plaats van pagina’s
- Varianten en smalle schermen benoemd
- Nieuwe pagina’s zonder nieuw ontwerp
- Overdraagbaar naar de bouwer
de site zoals hij nu live staat03Technische keuzes
Ontwerpen in secties
Een site die als losse pagina’s wordt ontworpen, valt bij de eerste nieuwe pagina uit elkaar. Secties met varianten dekken ook wat er nog niet bestaat.
Typografie draagt het
Op een site die gelezen wordt, is tekst het ontwerp. Als de schaal klopt, heb je minder beeld en minder kleur nodig om het rustig te houden.
Rekening houden met de bouw
Het ontwerp is gemaakt om in WordPress te bestaan. Wat daar lastig te maken is, is vooraf opgelost in plaats van tijdens het bouwen weggelaten.
04Een ontwerp dat gebouwd is zoals het bedoeld was, en dat blijft kloppen als er pagina’s bijkomen.
De site staat live in WordPress. Wat er later bij komt, wordt samengesteld uit onderdelen die er al zijn, dus het ontwerp blijft overeind zonder dat er telkens iets nieuws bedacht moet worden.
Wat er nog kan: de componenten uitbreiden naarmate het aanbod op de site groeit.
