UX-design voor een dienstenwebsite: wat een bezoeker nodig heeft voordat hij een gesprek boekt

UX-design voor een dienstenwebsite komt neer op drie dingen: de bezoeker begrijpt binnen enkele seconden wat je doet, ziet zonder zoeken wat de volgende stap is, en loopt nergens tegenaan waardoor hij gaat twijfelen. Faalt een van de drie, dan levert een site die er prima uitziet toch weinig boekingen op. Wij controleren alle drie voordat het visuele ontwerp begint.

Wat UX-design betekent voor een coach of consultant

UX wordt vaak gezien als een kwestie van smaak: mooiere lettertypes, betere foto's, een frissere kleurenpalet. Voor een dienstverlener is het praktischer. UX is hoe makkelijk een vreemde van het landen op je pagina bij het contact met jou komt.

Daarom kan een mooie site toch tekortschieten. De uitstraling bepaalt of de pagina professioneel overkomt. De structuur bepaalt of iemand er iets mee doet. Wij ontwerpen eerst de structuur, en daarom keur je een wireframe goed voordat we ook maar één kleur toevoegen.

Check 1: wat moet de bezoeker in vijf seconden begrijpen?

De meeste bezoekers lezen niet. Ze kijken vluchtig en beslissen of ze op de juiste plek zijn. De bovenkant van je pagina moet een paar vragen beantwoorden zonder dat er gescrold hoeft te worden.

• Voor wie is dit? Noem het soort klant met wie je werkt.
• Wat doe je voor die klant? Zeg het in gewone woorden, niet in een slogan.
• Wat verandert er voor hen? Beschrijf het resultaat, niet je werkwijze.
• Waarom zouden ze je vertrouwen? Eén stukje echt bewijs bovenaan, als je dat hebt.

Een snelle test: laat je homepage vijf seconden zien aan iemand buiten je vakgebied, verberg hem dan en vraag wat jij doet. Kan die persoon dat niet zeggen, dan moet de pagina eerst aangepast worden.

Check 2: waar is de volgende stap?

Een geïnteresseerde bezoeker moet zich nooit afvragen hoe hij contact opneemt. Wij bouwen pagina's rond hoe mensen echt lezen en scrollen, en streven naar twee klikken tot contact vanaf elke plek op de site.

• Eén hoofdactie, zoals een gesprek boeken, die op natuurlijke momenten terugkomt op de pagina.
• Een knop die zegt wat er daarna gebeurt, niet alleen "Verzenden".
• Dezelfde stap in de header, zodat die op elke pagina zichtbaar is.
• Geen doodlopende wegen: elke pagina eindigt met een vervolgstap.

Sommige sites van coaches en consultants bieden vijf acties tegelijk: volgen, abonneren, downloaden, lezen, boeken. Als alles wordt aangeboden, wordt er niets gekozen. Kies de actie die het belangrijkst is.

Check 3: wat houdt ze tegen om te boeken?

Ook een bezoeker die je begrijpt en de knop ziet, klikt soms niet. Meestal zit er iets kleins in de weg. Bekijk de pagina zoals een onzekere bezoeker die voor het eerst komt.

• Onduidelijk wat het gesprek inhoudt, hoe lang het duurt of of het geld kost.
• Een lang formulier dat meer vraagt dan nodig is om een gesprek te beginnen.
• Geen teken dat echte klanten zijn geholpen, waardoor het risico groot voelt.
• Pagina's die langzaam laden of onhandig zijn op een telefoon.
• Niets wat bezoekers die niet passen afraadt, waardoor bezoekers die wel passen twijfelen of het iets voor hen is.

Dat laatste punt is belangrijk. Een site kan ook filteren en niet alleen aantrekken: de juiste mensen binnenhalen en de verkeerde buiten houden. Duidelijk zijn over met wie je werkt wekt vertrouwen bij de mensen die je wilt bereiken.

Zo passen wij deze checks toe

FluoSite is een webdesignstudio in Amsterdam, en een UX/UI-audit en conversieoptimalisatie is een van onze diensten. Wij volgen hoe mensen je pagina lezen, waar ze kijken, scrollen en afhaken, en geven je een lijst met fixes op volgorde van prioriteit in plaats van meningen. Bij een nieuwe site bepaalt hetzelfde denken het wireframe dat je als eerste goedkeurt.

Onze afgeronde case study, OilTarator, was de eerste website van een Tsjechisch oliebedrijf, gebouwd met een heldere structuur en makkelijke navigatie. De eigenaar meldt 3 nieuwe contracten binnen ongeveer een jaar na de lancering, en de site werd door de belastingdienst geprezen om zijn duidelijkheid.