Verschil goede en slechte webdesigners/webdesignbureau

Er zijn grote verschillen tussen goede en slechte webdesigners en webdesignbureau’s. Ik ben in de afgelopen jaren vele klagende opdrachtgevers tegengekomen met de meest bizarre verhalen van hoe webdesigners en ontwerpbureaus te werk gaan.

Ik heb de 10 meest voorkomende punten op een rij gezet met de positieve en negatieve eigenschappen en werkzaamheden. Daarnaast is het ook handig om ook de onderstaande artikelen te lezen als je je je website wilt uitbesteden.

1. Strategie & Vooronderzoek (fundering van succes)

Wat goedkope bureaus niet doen:

• Beginnen direct met ontwerpen.
• Geen doelgroepanalyse, geen bedrijfsdoelen, geen conversiedoelstellingen.

Wat een proactieve webdesigner doet:

• Doelgroepanalyse: Wie is de gebruiker? Wat zijn hun pijnpunten en doelen?
• Klantreis (Customer Journey) in kaart brengen: Waar komt de bezoeker vandaan? Wat zoekt hij? Wat moet hij doen op de site?
• Doelen bepalen: Inschrijvingen, aankopen, offerteaanvragen?
• Concurrentieanalyse: Wat doen anderen goed en slecht?
• Positionering bepalen: Wat maakt dit bedrijf uniek?

Voorbeeld: 
Voor een B2B-softwarebedrijf maakt het bureau persona’s zoals “IT-manager Peter”, met zijn doelen en frustraties, en stemt de contentstructuur en call-to-actions daarop af.

2. SEO & Zoekintentie – al vóór het ontwerp

Wat goedkopere bureaus vaak niet doen:

• Ze wachten tot na de lancering met SEO.
• Ze gebruiken geen zoekwoordenonderzoek of focussen blind op populaire keywords.
• Beginnen direct met ontwerpen.
• Geen doelgroepanalyse, geen bedrijfsdoelen, geen conversiedoelstellingen.

Wat een proactieve designer wél doet:

• Voert zoekwoordenonderzoek uit vóór het design (bijv. met tools zoals Ahrefs, SEMrush of Ubersuggest).
• Structureert de site rond zoekintentie: informatie vs. navigatie vs. conversiegericht.
• Maakt een contentstructuur (sitemap) op basis van zoekvolumes en klantreizen.
• Doelgroepanalyse: Wie is de gebruiker? Wat zijn hun pijnpunten en doelen?
• Klantreis (Customer Journey) in kaart brengen: Waar komt de bezoeker vandaan? Wat zoekt hij? Wat moet hij doen op de site?
• Doelen bepalen: Inschrijvingen, aankopen, offerteaanvragen?
• Concurrentieanalyse: Wat doen anderen goed en slecht?
• Positionering bepalen: Wat maakt dit bedrijf uniek?

Voorbeeld: 
Voor een fietsenwinkel: i.p.v. alleen een pagina “Fietsen” maak je ook pagina’s als “Elektrische fietsen kopen”, “Beste stadsfiets 2025”, “Fietsverzekering afsluiten”, enz.
of
dienst / boekhouding-mkb  
dienst / belastingadvies-zzp  
blog / hoe-boekhouder-kiezen  

3. Afbeeldingen & visuele elementen – met strategie

Wat goedkopere bureaus doen:

• Gebruik van generieke stockfoto‘s.
• Te grote afbeeldingsbestanden zonder alt-tekste zorgen voor een trage site. Ook geen instructiues voor klant.

Wat een proactieve partij doet:

• Maakt een beeldstrategie: welk gevoel moet de site uitstralen?
• Maakt of zoekt unieke, merkgerichte beelden (bijv. door AI-beeldgeneratie, of branding-fotografie).
• Optimaliseert alle afbeeldingen in WebP-formaat met compressie zonder kwaliteitsverlies.
• Past visuele hiërarchie toe (afbeeldingen die de boodschap visueel onderbouwen).
• Schrijft alt-teksten met SEO én toegankelijkheid in het achterhoofd.
• Implementeert lazy loading afbeelding en juiste afmetingen (responsive).
• Schrijft of zorgt voor relevante alt-teksten met oog op SEO én toegankelijkheid.
• Beeld + tekst laten samenwerken voor conversie (bv. pijlen, focuslijnen).

Voorbeelden: 
Een dienstverlenende website heeft foto’s van het echte team i.p.v. een lachende stockgroep met laptops. Alt-tekst: “IT-specialist [bedrijfsnaam] helpt klant met netwerkinstallatie in Amsterdam”.
Een mediabureau toont een animatie van hun werkproces als visueel storytelling-element i.p.v. saaie bulletpoints.

4. Technische optimalisatie (Web Vitals performance)

Wat goedkope partijen overslaan:

• Geen aandacht voor paginasnelheid.
• Gebruiken zware thema’s, overbodige plug-ins.
• Slechte mobiele ervaring

Wat een goede partij wél doet:

• Implementeert Google Lighthouse en Google Core Web Vitals standaard.
• Streeft naar een Google Lighthouse score van 90+. Ik ga zelf altijd uit van 95 of hoger.
• Maakt gebruik van lazy loading, caching, minificatie van CSS/JS.
• Host op snelle servers (bijv. met LiteSpeed of Cloudflare CDN).
• Maakt de site mobiel eerst (mobile first webdesign) en test deze met echte devices.
• Gebruik van lichte frameworks of custom CMS-implementatie.
• Laadtijden onder 2 seconden – d.m.v. optimalisaties als caching, gzip, minificatie van JS/CSS, CDN.
• Vermijdt onnodige plug-ins.
• Implementeert lazy loading, preloading, asset bundling.

Voorbeelden: 
In plaats van een populaire pagebuilder met 30 plug-ins (zoals Elementor plugin), bouwen ze een lichtgewicht template op maat in WordPress of gebruiken headless CMS (zoals Strapi + React/Vue frontend).
In plaats van een zwaar WordPress-thema met 20 plug-ins, wordt een licht custom thema gebouwd dat exact doet wat nodig is.

5. Structuur & UX (gebruikerservaring)

Wat veel bureaus doen:

• Maken een mooi ogende homepage (zie homepage maken website info) en vergeten de rest.
• Houden geen rekening met gebruikersflow of call-to-actions.
• Alles op één pagina proppen.
• Geen logische flow of hiërarchie.

Wat pro’s doen:

• Maken wireframes en user flows voordat er wordt ontworpen.
• Wireframes maken per pagina, gebaseerd op doelen en gedrag.
• Zetten duidelijke CTA’s op logische plekken.
• Testen navigatie op logica, leesbaarheid en snelheid.
• Bouwen sites op volgens AIDA-model (Attention, Interest, Desire, Action).
• Gebruiken design-principes als F-patroon, visuele hiërarchie en AIDA.
• Zorgen voor consistente navigatie en broodkruimelpad.
• Structureren content voor scanbaarheid (kort, visueel, bulletpoints).

Voorbeeld: 
Op een dienstenpagina komt bovenaan direct een kopje “Wat we voor je doen”, gevolgd door voordelen, bewijs, en onderaan een CTA met “Plan een gratis intake”. Dus:

• Probleem benoemen
• Oplossing introduceren
• Korte opsomming voordelen
• Klantcase of review
• CTA: “Plan gratis adviesgesprek”

6. Conversieoptimalisatie (CRO) al bij oplevering

Wat goedkope aanbieders vergeten:

• Geen data, geen hypothesevorming, geen testmogelijkheden.
• Geen tracking.
• Geen AB-testen.
• Geen funnel-denken.

Wat een proactieve webdesigner doet:

• Implementeert Google Analytics 4 en conversiedoelen direct.
• Gebruikt tools als Hotjar of Clarity voor klikgedrag-analyse.
• Bouwt in: trust-elementen (klantlogos, testimonials, keurmerken).
• Adviseert over conversiepsychologie (social proof, schaarste, urgentie).
• Implementeert conversiedoelen met Hotjar/Clarity.
• Gebruikt psychologische triggers: social proof, urgency, autoriteit.
• Bouwt trust-elementen in: reviews, klantlogo’s, cases, keurmerken.
• Implementeert tracking pixels (Facebook, LinkedIn, Google Ads).
• Voorbereid op A/B-testen via tools als Google Optimize, VWO, Convert.

Voorbeelden: 
Op een landingspagina: “Nog 3 plekken beschikbaar in augustus” + badge “5-sterren op Trustpilot”.
Inschrijfformulier bevat progress bar (“Stap 1 van 2”), testimonials naast het formulier, en een korte FAQ onderaan.

7. Security & onderhoud (vanaf het begin ingeregeld)

Wat goedkopere partijen doen:

• Niets, of alleen wat basis SSL.
• Geen updates, geen back-ups, geen monitoring.

Wat een proactieve partij doet:

• Automatische back-ups (dagelijks/wekelijks).
• Firewall, brute force-bescherming, 2FA-login.
• Beveiliging admin omgeving (admin-url wijzigen, IP-blocks).
• Maandelijkse updates van CMS, plug-ins en thema’s.
• Monitoringtools voor uptime en malware detectie.
• Beveiligt admin login IP-blocking, aangepaste URL).
• Gebruikt geen verouderde plug-ins en voert updates geautomatiseerd uit.

Voorbeeld: 
Na oplevering wordt het onderhoud ondergebracht in een SLA (Service Level Agreement) inclusief updates, uptime-monitoring en technische ondersteuning.

8. Contentstrategie & begeleiding

Wat goedkope bureaus zeggen: “Lever maar je teksten aan.”

Slechte aanpak:

• Teksten door klant laten schrijven zonder begeleiding.
• Geen logica, geen tone of voice, veel vaktaal.

Wat een proactieve partij doet:

• Helpt bij het opzetten van tone of voice en contentrichting.
• Redigeert of herschrijft aangeleverde teksten voor SEO én scanbaarheid.
• Content structureren volgens ‘scannend lezen’: koppen, bullets, callouts.
• Stelt content templates of briefingformats op voor blogs en cases.

Voorbeelden: 
In plaats van “Welkom op onze website” staat er: “Ben je op zoek naar een boekhouder in Utrecht die met je meedenkt? Dan zit je goed.”

Een blogtemplate bevat automatisch:
SEO-geoptimaliseerde H1/H2-structuur
Social share buttons
CTA-blok onderaan (“Meer weten? Neem contact op.”)

9. Juridische praktische vereisten (AVG & toegankelijk)

Veel vergeten:

• Geen privacybeleid, geen cookiebanner, geen toegankelijkheid.

Proactieve stappen:

• Juridisch correcte cookiemelding (met voorkeurenbeheer).
• Privacybeleid, disclaimer en algemene voorwaarden.
• Toegankelijkheidsmaatregelen (WCAG): Contrast, Keyboard navigatie, Alt-teksten, Formuliervalidatie

Voorbeeld: 
Contactformulier heeft duidelijke foutmeldingen, labels bij velden en werkt met toetsenbord (voor blinden/slechtzienden).

10. Onderhoud & begeleiding na oplevering

Meest genegeerde onderdeel:

• Site wordt opgeleverd en dan laat men alles los.
• Vaak gebeurt dit met opzet zodat je vastzit aan het ontwerpbureau en dan veel kosten moet maken voor onderhoud en plaatsen/aanpassen content

Wat een goed bureau doet:

• Maandelijkse updates & back-ups (SLA).
• Supportdesk voor kleine aanpassingen.
• Regelmatige rapportages: SEO, verkeer, conversie.
• Training voor klant (CMS, analytics, SEO basics).

Voorbeeld: Klant krijgt een maandelijkse e-mail: “Je site had deze maand 8.120 bezoekers, met 27 offerte-aanvragen. Je best presterende pagina: ‘/diensten/belastingadvies’.”

Lees eventueel meer handleidingen en cruciale strategische tips voor opdrachtgevers van webdesigners als je wilt starten met het uitbesteden je website.