Uit de praktijk · Design & conversie

Een mooie website versus een website die klanten oplevert

Een mooie website versus een website die klanten oplevert


Twee websites. De eerste is prachtig, strakke typografie, een mooie kleurenpalet, foto’s die kwaliteit uitstralen. De tweede is functioneel, doet zelfs een beetje vreemd aan op het eerste oog. Aan het eind van het jaar heeft de eerste 12 klanten opgeleverd, de tweede 47. Welke is “beter”?

We krijgen deze discussie met regelmaat bij klanten die hun bestaande site overwegen aan te passen. Een mooie website is bevredigend om naar te kijken, maakt de eigenaar trots, levert complimenten op van vrienden. Maar mooi en converterend zijn niet hetzelfde, en in de meeste MKB-trajecten zijn het zelfs verschillende doelen. Dit is het verschil, en hoe je weet welke van de twee jouw site nu is.

Wat is een “mooie” website?

Een mooie website prioriteert esthetiek. Het is een visueel kunstwerk waar de bezoeker over kan dwalen, ontwerp-keuzes bewonderen, en denken “wow, deze mensen weten wat ze doen”. Mooie sites zijn vaak:

  • Visueel symmetrisch. Elementen zijn precies uitgelijnd, ruimte is evenwichtig verdeeld, niets sticht visuele rommel.
  • Esthetisch terughoudend. Veel witruimte, minimalisme, niet schreeuwerig om aandacht.
  • Beeld-zwaar. Grote foto’s, video’s op de hero, prominente visuals door de hele site.
  • Type-precise. Zorgvuldig gekozen lettertypes, perfecte spatiering, weloverwogen contrasten.

Niets is mis met mooi. Voor sommige bedrijfstypes, portfolio-sites van fotografen, architecten, modeontwerpers, is mooi het verkoopargument. De site ís je werk laten zien.

Wat is een “converterende” website?

Een converterende website prioriteert besluitvorming bij de bezoeker. Het is niet geïnteresseerd in indrukwekken, het is geïnteresseerd in mensen door een trechter leiden van “ik kwam hier net binnen” naar “ik heb contact opgenomen / iets gekocht”. Converterende sites zijn vaak:

Een 3D-pijl in teal die diagonaal omhoog wijst, symbool voor een website met richting en intentie
Een converterende site heeft één richting: naar de actie die jij wilt dat de bezoeker neemt.
  • Asymmetrisch op de juiste momenten. Visueel evenwicht is geen doel, aandacht trekken naar de CTA-knop wel. Een knop mag visueel “uit balans” voelen als hij daardoor opvalt.
  • Direct in copy. Geen mooie metaforen over wat je bedrijf doet. Gewoon: “Wij doen X voor Y. Vraag een offerte aan.”
  • Beeld-functioneel. Visuals ondersteunen het verhaal, ze vervangen het niet. Een foto die niet bijdraagt aan de boodschap zit niet op de site.
  • Specifiek over wie de klant is. “Wij helpen bedrijven groeien” wordt vervangen door “Wij bouwen websites voor MKB-bedrijven van 5 tot 50 medewerkers”.

Een converterende site voelt soms iets minder elegant. Maar de aanvraagvolumes liegen niet.

Waarom botsen mooi en converterend zo vaak?

Dimensie Mooie site Converterende site
Primair doel Indrukwekken, merkgevoel, complimenten Aanvragen, offertes, omzet
Visuele kracht Symmetrisch, terughoudend, beeld-zwaar Asymmetrisch waar nodig, CTA mag visueel “uit balans” voelen
Copy-stijl Mooie metaforen, vage taglines, sfeer Direct: “Wij doen X voor Y. Vraag een offerte aan.”
Hero-sectie Grote foto met poetische tagline Specifieke claim met getallen of uitkomst
Prijsbeleid “Op aanvraag”, geen indicatie Range zichtbaar, bv. “vanaf €1.500”
Social proof Mooi vormgegeven, onderaan de pagina Boven de vouw, met cijfers (“5,0 op Google · 47 reviews”)
Succesmaat Awards, visuele kwaliteit, merkgevoel Conversieratio, formulierinvullingen, aanvragen
Typisch resultaat 12 klanten per jaar (voorbeeld) 47 klanten per jaar (voorbeeld)
Geschikt voor Portfolio-sites: fotografen, architecten, modeontwerpers MKB met één hoofddoel: meer klanten
Investering Vergelijkbaar, het verschil zit in keuzes, niet in budget Vergelijkbaar, mits conversie de eerste designfilter is

Voor het MKB met één hoofddoel, meer klanten, weegt converterend in 90% van de gevallen zwaarder. Maar dat betekent niet dat de site lelijk moet zijn. Het betekent dat élke designkeuze door de filter “helpt dit de bezoeker beslissen?” moet gaan, niet alleen door “is dit esthetisch verantwoord?”.

Hoe weet je of jouw site nu meer mooi dan converterend is?

Loop deze even langs voor je eigen site. Hoe meer punten je herkent, hoe meer je de balans naar conversie moet verleggen.

1. Je hero is een mooie foto met een vage tagline

“Wij brengen jouw visie tot leven.” Wat doe je dan? Voor wie? Een hero heeft 3 seconden om iemand te overtuigen om door te scrollen. Vage taglines verspillen die 3 seconden.

Converteer: vervang door specifieke claim met getallen of concrete uitkomst. “Webdesign vanaf €500. Live in 3 dagen.”

2. Je belangrijkste CTA-knop is dezelfde kleur als je menu

Als de “Vraag offerte aan”-knop visueel net zo lijkt op een gewone link, vindt niemand hem. CTA’s moeten visueel afstaan van de rest, lelijk-en-effectief verslaat mooi-en-onzichtbaar.

Converteer: kies één accent-kleur (vaak geel, oranje of een fellere variant van je hoofdkleur) en gebruik die alleen voor primaire CTA’s. In ons artikel over contactformulieren staat hoe je de volledige knop optimaliseert voor maximale conversie.

3. Je hebt geen prijzen of indicaties

Bezoekers willen weten wat iets kost, ook bij maatwerk. “Op aanvraag” verbergt informatie en jaagt mensen weg die niet voor elke offerte zin hebben in een telefoongesprek.

Converteer: geef een range. “Webdesign-projecten beginnen vanaf €1.500. Het exacte bedrag bespreken we in een gratis kennismakingsgesprek.” Specifiek genoeg om budgetten te managen, niet zo specifiek dat het je vastlegt.

4. Je over-pagina vertelt jouw verhaal in plaats van wat het de klant oplevert

“Wij zijn een gepassioneerd team dat opgericht is in 2015 met de droom om…” Niemand leest dit. De bezoeker is niet geïnteresseerd in jouw verhaal, tenzij dat verhaal verklaart waarom jij beter voor hem is dan de concurrent.

Converteer: begin de over-pagina met wie je helpt en hoe. “We werken al sinds 2015 met MKB-ondernemers die hun online zichtbaarheid serieus willen aanpakken. Onze klanten zijn typisch…”

5. Je social proof staat begraven onderaan

Testimonials, klantnamen, sterren-ratings, vaak prachtig vormgegeven, maar onderaan de site waar bijna niemand komt. Het is alsof je je beste verkooppraat ergens in een lade legt.

Converteer: verplaats minstens één krachtig stuk social proof binnen het eerste scherm bij scrollen, direct na de hero. “5,0 op Google · 47 reviews” doet meer dan een mooi rastered logo van een grote klant. Waarom Google Reviews specifiek werken als social proof bespraken we eerder.

Kun je een site bouwen die zowel mooi als converterend is?

Het is geen of/of. De beste sites zijn allebei: mooi op het oog en converterend in functie. Maar je moet bewuste keuzes maken in welke richting je leunt bij elke beslissing. Bij Circular Media werkt onze interne regel: conversie eerst, dan mooi maken. We bouwen eerst de site die zou converteren als hij volledig onopgemaakt was, en daarna voegen we de visuele kwaliteit toe zonder een ervan op te offeren.

Een paar concrete principes die we volgen:

  • Witruimte ondersteunt focus. Maar witruimte mag nooit de CTA verzwakken.
  • Lettertype-keuze maakt sfeer. Maar leesbaarheid op mobiel is altijd belangrijker dan elegantie.
  • Beelden vertellen verhalen. Maar elk beeld moet betalen aan een specifieke boodschap, niet als decoratie.
  • Animaties geven leven. Maar nooit ten koste van laadtijd of toegankelijkheid.

Tot slot

Een mooie site die niet converteert is een dure kunsthebbeke. Een converterende site die niet mooi is verkoopt zichzelf goedkoop. Het doel is allebei, in die volgorde. Loop je eigen site door met de 5-signalen-test hierboven en kijk waar je op dit moment leunt.

Veelgestelde vragen over mooie versus converterende websites

Is een mooie website ook automatisch converterend?

Nee. Een mooie website prioriteert esthetiek, een converterende website prioriteert besluitvorming bij de bezoeker. Ze kunnen samengaan, maar alleen als je bewust in de volgorde “conversie eerst, dan mooi maken” werkt. Een site die puur op esthetiek is gebouwd, mist vaak de CTA-contrast, directe copy en zichtbare social proof die conversie sturen.

Hoe meet je of je website klanten oplevert?

Kijk naar drie cijfers: het aantal aanvragen of offertes per maand, het formulierinvulpercentage (bezoekers die het contactformulier voltooien) en de bron van die aanvragen. Tools als Google Analytics of een privacy-vriendelijk alternatief geven inzicht. Een MKB-site die per maand minder dan 1% van de bezoekers naar een aanvraag stuwt, leunt waarschijnlijk te ver naar “mooi”.

Wat kost een converterende website?

Een converterende site kost niet meer dan een mooie site, het verschil zit in de keuzes, niet in het budget. Bij Circular Media beginnen webdesign-projecten vanaf €1.500, het exacte bedrag hangt af van de scope. De grootste investering zit in het denkwerk vooraf: wie is de klant, welke beslissing moet de site faciliteren, welke CTA krijgt de hoofdrol.

Welke onderdelen van een website hebben de grootste invloed op conversie?

In volgorde van impact: de hero-sectie (specifieke claim binnen 3 seconden), de CTA-knop (visueel contrast met de rest), prijstransparantie (range of vanaf-prijs), social proof boven de vouw (Google Reviews met cijfers), en een over-pagina die start met wie je helpt in plaats van met je oprichtingsjaar.

Moet ik mijn bestaande mooie site weggooien om te gaan converteren?

Bijna nooit. Vaak volstaan vijf tot tien gerichte aanpassingen: hero-tagline vervangen door specifieke claim, CTA-kleur naar een accent dat afsteekt, prijs-range toevoegen, social proof naar boven de vouw, en over-pagina herschrijven. De visuele basis kan grotendeels intact blijven, mits elke designkeuze door de filter “helpt dit de bezoeker beslissen?” gaat.

Twijfel je of je site nu te veel naar “mooi” leunt of juist te functioneel oogt? Vraag een gratis website-analyse aan. We doen een eerlijke check op zowel het esthetische als het converterende aspect, en sturen binnen een werkdag een recommendatie waar de balans nu doorslaat, en wat we als eerste zouden aanpassen om het beter werkend te krijgen.

Vragen of even sparren?

Stuur ons een bericht.

WhatsApp voor het snelste antwoord, of mail als het uitgebreider is. Binnen één werkdag reactie, geen verkooppraatje.