Het visuele ontwerp van je site

In de voorbereidingsfase heb ik al toegelicht hoe je zelf het ontwerp van je site kunt schetsen. Op basis van van je doelgroepen, je doelen en je marketingplan weet je welke richting je aan je site wilt geven en wat voor gevolgen dit heeft voor je website. Hiermee kan je de offerte aanvragen. In het artikel Plannen – het ontwerp van je site licht ik dit volledig toe. Als je dit nog niet hebt gedaan, lees dit dan eerst.

Richtlijnen om te komen tot een goed ontwerp
1) Laat het ontwerp goed aansluiten bij je huisstijl. Als je nog geen huisstijl hebt, overweeg dan dit ook direct te laten uitvoeren. De huisstijl moet de basis zijn voor het onwerp van je website.
2) De totstandkoming van een ontwerp is een wisselwerking tussen jou, de ontwerper en de programmeur. Vergeet die laatste niet! Je ontwerper zal een eerste schets geven aan de hand waarvan je in een aantal slagen tot het uiteindelijke ontwerp komt. Als je in dat proces je programmeur niet meeneemt kan het zijn dat het oorspronkelijke ontwerp toch niet gerealiseerd kan worden. Een voorbeeld: stel dat je ontwerper kiest voor een flash-animatie, maar je programmeur kan geen flash programmeren, dan heb je daar een probleem.
3) Let erop dat in het ontwerp rekening gehouden wordt met de verschillende functionaliteiten van je website. Dit kun je bereiken met templates. In het vorige artikel heb ik dit principe van templates kort toegelicht door uit te leggen hoe je voor verschillende type pagina's, verschillende ontwerpen nodig kunt hebben.
4) Als je niet helemaal tevreden bent over het ontwerp laat dit dan direct weten. Hoe eerder je in het proces duidelijk maakt wat je wel wilt, des te beter dit is.
5) Laat het ontwerp zien aan vrienden, familie en klanten voordat je live gaat! Ik heb het helaas diverse keren meegemaakt dat een site na twee maanden volledig werd herzien, omdat de opdrachtgever zijn doelgroepen niet had betrokken in de totstandkoming van zijn site.

Andere wegen: kant-en-klare ontwerpen
Misschien denk je dat altijd moet werken met een ontwerper van een ontwerpbureau. Dat is niet altijd noodzakelijk. Je kunt ook gebruik maken van bestaande templates; zeker als je een opensource pakket gebruikt als Joomla, Drupal of WordPress is er een ruime keuze uit gratis en goedkope ontwerpen. Die kun je ook als basis gebruiken voor het uiteindelijke ontwerp van een website.
Ook al ben je niet van plan dergelijke templates te gebruiken, dan kan het nuttig zijn om ze toch eens te analyseren. Ze geven namelijk goed aan wat de ontwerpmogelijkheden en -beperkingen zijn van dergelijke templates.

Tot slot
Een aantal suggesties ter afsluiting:
1) Probeer te voorkomen dat je ontwerp al te zeer lijkt op dat je van je concurrenten. Je wilt je juist onderscheiden. Met name bij in-serie ontwerpen zie je dit nog wel eens (bijvoorbeeld bij restaurants die gebruik maken van dezelfde ontwerper).
2) Zorg ervoor dat je eigenaar wordt van het ontwerp. Dit voorkomt dat je bij aanpassingen volledig afhankelijk bent van je ontwerper.
3) Neem in de afspraken met de ontwerper op dat hij/zij de bestanden op de juiste manier aanlevert aan de programmeur. Daarmee bedoel ik: in een Photoshop bestand met layers en daarnaast alle afbeeldingen los aangeleverd en gecomprimeerd op de juiste resolutie (72 dpi).
4) Laat de ontwerper ook de kleuren ontwerpen waarmee de programmeur kan werken. Denk hierbij aan kleuren voor links.
5) Hetzelfde geldt voor lettertypes. Laat de ontwerper ook aangeven wat het alternatieve lettertype is mocht een lettertype niet voorkomen op een computer. Daarnaast moet de ontwerper ook aangeven wat de groottes zijn van het lettertype binnen de verschillende plekken in het ontwerp.
6) Veel ontwerpers ontwerpen op een Apple. Bekijk het ontwerp ook altijd kritisch op een PC.