Webdesign

gepost op Donderdag 04 maart 2010 door Inge

Bij het bepalen van een look van een website, hou ik rekening met twee zaken: het bestaande of gewenste imago van het bedrijf of de organisatie waarvoor we een website gaan bouwen alsook de doelgroep van dit bedrijf of deze organisatie.

De mood van een website

Belangrijk vooraleer aan het ontwerpen te slaan, is de bepaling van de verschillende elementen die moeten komen op de website. In samenspraak met de klant komt deze informatie-architectuur tot stand. Mijn job als webdesigner is om de prioriteit van deze elementen te gaan interpreteren.
Hoeveel ruimte ik besteed aan een element en de plaatsing ervan in het ontwerp, zijn dingen waarover ik ga nadenken vooraleer ik begin aan het grafische proces.

Eénmaal de plaatsing van de elementen bepaald is, ga ik op zoek naar de juiste 'sfeer' voor de website. Soms vind ik die quasi meteen en soms loop ik er n eindje mee rond. Eén van de fijnste momenten tijdens mijn job als webdesigner is wanneer ik het gevoel heb dat ik de juiste 'mood' gevonden heb voor een website.
De sfeer van een website wordt mede bepaald door het gebruik van kleuren, witruimte, cleane of dirty elementen, typografie, keuze van foto's, strak of rond, ...

Enkele voorbeelden

• Groene Appel
  Dat de naam van dit bedrijf dat gezonde ventilatiesystemen verkoopt Groene Appel is, is goed gekozen. Het belangrijkste key-word in de imago-beschrijving van dit bedrijfje is: gezond! En wat is er gezonder dan een appel? Het oproepen van de kleur groen, legt nogmaals de klemtoon op het gezonde aspect van de diensten van dit bedrijfje. Bij het design van deze website heb ik gebruik gemaakt van veel witruimte zodat de bezoeker van de site een gevoel van rust krijgt. Er is er een duidelijke startnavigatie waarbij meteen duidelijk wordt gemaakt dat er op drie doelgroepen gemikt wordt.
• VSDC
  Het Vlaams Studie- en Documentatiecentrum voor vzw's heeft als hoofddoel de belangen van de not-for-profit-sector in Vlaanderen op zich te nemen en te verdedigen. De informatie op deze website moet gemakkelijk te vinden zijn en er moeten niet veel doekjes om gewonden worden. Een clean en overzichtelijk design is het resultaat.
• Guppies
  Guppies is een nieuwe winkel die coole kinderkledij verkoopt. De sfeer die ik met deze site wou oproepen is er één waarbij je denkt aan de zorgeloze nonchalence die kinderen eigen is.
• Patyntje
  Het Genste restaurant 't Patyntje huist in een prachtige art-décovilla. Het strakke art-déco-gevoel heb ik subtiel getracht weer te geven in het webdesign. De grote foto's geven onmiddellijk een beeld van het restaurant.
• Sunglass Company
  Dit is een ontwerp voor een aan zee gelegen trendy zonnebrilshop. Voor het ontwerp van Sunglass Company heb ik gekozen voor een hip minimalistisch design. Het geel staat voor de zon, jawel :-)

Inspiratie is kijken en opnemen

Inspiratie kan je opdoen via de vormgeving van een andere website, de lay-out in een magazine, dingen die je ziet in het dagdagelijkse leven, kunstboeken, ...
Om evidente redenen ga ik van start met het ontwerp van de homepage. Vaak zijn de elementen op deze pagina een verzameling van alles wat op de website terug te vinden is. De bedoeling van een beginpagina van een website is om aan de bezoeker heel vlug en overzichtelijk aan te geven, wat de website voor hem of haar te bieden heeft.
Naast de bepaling van een sfeer van een website is het belangrijk alle elementen stuk voor stuk te integreren in deze mood en deze grafisch goed uit te werken.
Een grote hulp bij het ontwerpen van deze elementen voor een website zijn user interface gallerys zoals daar zijn Pattern Tap, UI Patterns, ...

De grootste evolutie die ik bij mijn ontwerpen zie, is dat ik de verschillende elementen grafisch beter ben beginnen uitwerken. Vroeger ging mijn aandacht vooral naar de grote elementen op een website zoals de navigatie, de header en de footer. Meer en meer probeer ik ook de kleine elementen op een website de aandacht te geven die ze verdienen.

Na de grafische uitwerking van een home pagina, stuur ik deze samen met wat duiding door naar de klant. Wanneer ik dan van de klant een 'Go' krijg, begin ik met de uitwerking van de andere pagina's.

Mooie verpakking

Een mooie website zorgt ervoor dat de surfer langer zal blijven hangen. Uw wederhelft zou uw wederhelft niet zijn, moest ze niet zo knap zijn zoals ze dat is. Maar uiteraard is de inhoud van een website hét belangrijkst. Moest uw lief nooit iets boeiends te melden hebben ...