Webdesign is het visuele en functionele ontwerp van een website: alles wat bepaalt hoe een bezoeker je merk ervaart en hoe makkelijk hij doet wat je wilt. Het is geen kwestie van een pagina mooi maken, maar van keuzes die vertrouwen wekken en sturen. Deze gids loopt het hele onderwerp langs, van de eerste richting tot een live site, zodat je als ondernemer in Twente weet waar het om draait voordat je een opdracht geeft.
Wat webdesign precies is
Webdesign omvat het hele visuele systeem van een site: de lay-out, de typografie, het kleurgebruik, het beeld en de manier waarop dat samen een bezoeker leidt. Vormgeving en functie zijn daarbij niet te scheiden. Een pagina die er prachtig uitziet maar waarop niemand de juiste knop vindt, is geen goed ontwerp. Andersom is een functionele pagina zonder karakter een gemiste kans om vertrouwen te wekken.
Het verschil tussen amateurwerk en professioneel ontwerp zit zelden in toeters en bellen. Het zit in rust, consistentie en doordachte keuzes. In het artikel goed webdesign herken je zo staan zes herkenbare kenmerken op een rij. Die kenmerken vormen de rode draad door de rest van deze gids.
Goed ontwerp begint bij je merk
Een website die op duizend andere lijkt, valt nergens op. Daarom begint elk goed ontwerp niet bij een sjabloon, maar bij de vraag wie je bent: wat je doet, voor wie, en welke indruk je wilt achterlaten. Pas als dat helder is, worden kleur, vorm en sfeer keuzes met een reden in plaats van toevalligheden.
Doelgroep en doel
Wie bezoekt je site en wat moet die persoon kunnen doen? Een aannemer die offerteaanvragen wil, ontwerpt anders dan een coach die vertrouwen wil opbouwen. Het hoofddoel van de site bepaalt de structuur, de toon en welke actie centraal staat.
Merkgevoel vertalen
Een merk heeft een toon: zakelijk, speels, ambachtelijk, premium. Goed webdesign vertaalt die toon naar het scherm, zodat de site aanvoelt als een verlengstuk van je bedrijf. Heb je al een huisstijl, dan trek je die consistent door. Dat onderwerp werk ik uit in de gids over website laten herontwerpen en in het artikel over huisstijl naar website.
De bouwstenen van een ontwerp
Een ontwerp valt uiteen in een aantal vaste onderdelen. Wie die los begrijpt, ziet beter waar een site klopt of juist niet.
- Lay-out en raster. De plaatsing van elementen bepaalt of een pagina overzichtelijk of rommelig oogt. Een helder raster en bewuste witruimte zorgen dat het oog weet waar het moet kijken.
- Visuele hiërarchie. Niet alles is even belangrijk. Met grootte, contrast en positie stuur je de aandacht naar wat telt. Meer hierover in visuele hiërarchie.
- Typografie. Lettertypes dragen meer sfeer over dan veel mensen denken en bepalen de leesbaarheid. Zie typografie op het web.
- Kleur. Een doordacht palet maakt je merk herkenbaar en laat acties opvallen. Zie kleurgebruik op je website.
- Beeld en iconen. Foto's en pictogrammen ondersteunen het verhaal als ze passen bij de stijl, en leiden af als ze willekeurig zijn.
Deze bouwstenen werken alleen als ze samen kloppen. Consistentie is daarbij de lijm: dezelfde knoppen, dezelfde afstanden, dezelfde stijl op elke pagina. Daar gaat het artikel over consistentie in design dieper op in.
Hoe een ontwerptraject verloopt
Een goed traject kent een vaste opbouw, zodat je nooit voor verrassingen komt te staan. In grote lijnen ziet dat er zo uit:
1. Kennismaking en richting
We bespreken je merk, je doelgroep en wat je wilt uitstralen. Voordat er een pixel staat, verzamel ik de richting. Een moodboard helpt daarbij om sfeer en stijl tastbaar te maken.
2. Ontwerp
Je krijgt een visueel ontwerp van de belangrijkste pagina's. Eerst zien, dan bouwen. We schaven samen bij tot het klopt. Hoe je in deze fase nuttige feedback geeft, lees je in ontwerp-feedback geven.
3. Realisatie en oplevering
Het goedgekeurde ontwerp wordt omgezet naar een snelle, mobielvriendelijke site en gaat live op jouw domein, met een korte uitleg om zelf verder te kunnen.
Van ontwerp naar werkende site
Een ontwerp is pas waardevol als het ook echt werkt in een browser. Bij de realisatie komen techniek en vormgeving samen. Twee keuzes vallen daarbij op.
WordPress of statisch HTML
Wil je zelf content beheren, dan is WordPress vaak de logische keuze. Wil je maximale snelheid en geen onderhoud, dan past statisch HTML beter. Beide kunnen, de keuze hangt af van hoe je de site wilt gebruiken.
Snelheid en mobiel
De meeste bezoekers komen via hun telefoon, dus een ontwerp dat alleen op desktop klopt is half af. Mobiel eerst ontwerpen en aandacht voor snelheid en design zijn daarom geen bijzaken maar onderdeel van het ontwerp zelf. Bekijk ook de dienst webdesign en de pagina over UX en gebruiksvriendelijkheid.
Veelgemaakte fouten en hoe je ze voorkomt
Veel sites lopen op dezelfde punten vast. Door ze vooraf te kennen, voorkom je ze.
- Te veel willen tonen. Drukte oogt amateuristisch en verbergt de boodschap. Durf weg te laten.
- Een onduidelijke volgende stap. De bezoeker moet zonder nadenken weten wat hij kan doen. Een heldere call-to-action maakt het verschil.
- Kiezen voor een template dat niet past. Goedkoop in aanschaf, duur in gemiste herkenbaarheid. Het afwegen daarvan staat in template of maatwerk.
- Vormgeving die niet converteert. Mooi zonder doel helpt niemand. Zie design dat converteert en de overige veelgemaakte webdesign-fouten.
Een webdesigner kiezen
Let bij het kiezen niet alleen op portfolio en prijs, maar ook op de werkwijze. Zie je het ontwerp voordat er gebouwd wordt? Word je eigenaar van ontwerp, code en domein? Zit ontwerp en bouw in één hand, zodat er niets verloren gaat in de overdracht? Dat zijn de vragen die het verschil maken tussen een site die klopt en een site die net niet is wat je voor ogen had.
Wil je sparren over jouw situatie, dan kijk ik vrijblijvend mee. Bekijk de diensten of neem direct contact op.
Veelgestelde vragen
Dat hangt af van omvang en complexiteit. Een visueel ontwerp van de kernpagina's start vanaf €375, een compleet traject van ontwerp tot live site vanaf €725. Losse uren voor advies of uitbreiding gaan op offerte. Je krijgt vooraf een vaste prijs, exclusief btw, zodat je niet voor verrassingen komt te staan.
Een eenvoudige site is vaak binnen enkele weken klaar, een uitgebreider traject duurt langer. De doorlooptijd hangt vooral af van hoe snel content en feedback worden aangeleverd. Omdat ontwerp en bouw in één hand zitten, valt er geen tijd verloren in overdracht tussen partijen.
Het helpt, maar het is geen voorwaarde. Heb je al een huisstijl, dan trek ik die consistent door naar de site. Heb je die nog niet, dan maken we tijdens het ontwerp keuzes over kleur, typografie en stijl die je later ook offline kunt gebruiken.
Ja. Ontwerp, broncode en domein staan op jouw naam. Er is geen lock-in, dus je kunt later met een andere partij verder of de site zelf beheren.
Verder in de kennisbank: UX en gebruiksvriendelijkheid · Website laten herontwerpen