12 essentiële kenmerken van een zakelijke website die klanten aantrekt

Het korte antwoord

Een goede bedrijfswebsite maakt duidelijk wat u aanbiedt, helpt bezoekers uw werk te beoordelen en biedt een eenvoudige manier om contact op te nemen. Daarvoor moeten tekst, ontwerp en techniek op elkaar aansluiten. Een mooie homepage schiet tekort als een bezoeker niet begrijpt welke dienst bij zijn vraag past, vastloopt op een mobiel scherm of een formulier verstuurt waarvan het bericht nooit aankomt.

Bezoekers kennen uw bedrijf vaak niet zo goed als u. Zij willen weten welke dienst bij hen past, hoe u werkt en wat er gaat gebeuren tijdens het eerste gesprek. Beoordeel uw site eerst aan de hand van deze vragen. Zo ziet u eerder wat klanten nodig hebben dan wanneer u alleen naar kleuren en beelden kijkt.

Met de volgende twaalf kenmerken kunt u uw bestaande site beoordelen of de eisen voor een nieuwe website vastleggen. Hoe u elk kenmerk invult, hangt af van uw bedrijf. Een adviesbureau heeft bijvoorbeeld een ander aanvraagproces nodig dan een technische dienstverlener die spoedmeldingen ontvangt. Kijk bij elk criterium naar wat uw eigen klanten willen doen.

1. Een duidelijke introductie waarin u uitlegt wat u doet

Het eerste gedeelte van de startpagina moet de naam van uw dienst bevatten, wie u helpt en uw belangrijkste voordeel. Een uitspraak als “Samen vormen we de toekomst” alleen zal de bezoeker niet doen begrijpen dat hij of zij hier aan het juiste adres is. Een meer concrete uitleg biedt de context die nodig is om een beslissing te nemen.

Een bedrijf dat bedrijfstrainingen verzorgt, kan bijvoorbeeld specificeren voor welke teams de training is voorbereid en hoe deze wordt uitgevoerd. Het is niet nodig om elk detail op het eerste scherm te plaatsen. Het kan voldoende zijn om de dienst eerst te introduceren en vervolgens bezoekers naar de betreffende programma- of consultatiepagina te verwijzen.

Laat iemand die uw bedrijf niet kent uw inleidende tekst lezen. Vraag hen dan om uit te leggen wat u aanbiedt en wie hiervan kan profiteren. Als er aanzienlijke onduidelijkheden in het antwoord zitten, vereenvoudig dan de titel. Deze kleine controle kan uitspraken aan het licht brengen die iedereen in de organisatie begrijpt, maar de klant niet.

2. Dienstenpagina's die vragen van klanten beantwoorden

Vermeld niet alleen de naam van het werk dat u doet op de dienstenpagina. Beschrijf welk probleem de dienst oplost, wat eronder valt, hoe deze werkt en welke initiële informatie nodig is. Na het lezen van deze pagina moet de bezoeker beter voorbereid zijn op het eerste gesprek.

Schrijf bij een onderhoudsdienst welke systemen u ondersteunt, hoe klanten hulp aanvragen en welke werkzaamheden zijn inbegrepen. Dat zegt meer dan alleen ‘professionele ondersteuning’. Grenzen uitleggen is ook waardevol. Als u de indruk wekt dat u alles doet, kan dit tot aanvragen die niet bij uw diensten passen leiden.

Als u uw diensten op één lange pagina verzamelt, moet het gemakkelijk zijn om ze allemaal te vinden. Als u afzonderlijke pagina's gebruikt, mag de teksten geen vrijwel identieke kopieën zijn. Elke pagina moet een andere behoefte toelichten, een relevant voorbeeld geven en een passende contactroute bieden.

3. Goede bruikbaarheid op mobiele apparaten

Mobiele compatibiliteit houdt meer in dan alleen het verkleinen van de desktopindeling. De bezoeker moet de tekst gemakkelijk kunnen lezen, het menu kunnen gebruiken en het formulier kunnen invullen terwijl het schermtoetsenbord geopend is. Vaste knoppen of pop-uppanelen mogen belangrijke informatie niet verbergen.

Beperk het testen niet tot het schermvoorbeeld in ontwikkelaarstools. Zoek op een echte telefoon de dienstenpagina, vul het formulier in en test de foutstatussen. Gebruik een lange naam, een internationaal telefoonnummer of een bericht van enkele regels. Echte inhoud onthult problemen die niet zichtbaar zijn in blanco ontwerpvoorbeelden.

De betekenis van de afbeeldingen moet ook in de mobiele weergave behouden blijven. Een projectscherm dat helder is op een desktop, is mogelijk niet leesbaar op de telefoon. Kies zo nodig een andere uitsnede of voeg een duidelijk bijschrift toe. Het verkleinen van het beeld mag er niet toe leiden dat de informatie die het bevat verloren gaat.

4. Pagina's die snel reageren en stabiel blijven

De bezoeker moet de hoofdinhoud kunnen zien wanneer de pagina wordt geopend en begrijpen dat de bedieningselementen reageren terwijl er actie wordt ondernomen. Een knop die van positie verschuift of een menu dat te langzaam opent, maakt het gebruik lastig. Denk niet dat de prestaties beperkt zijn tot het eerste moment van laden.

Controleer of grote afbeeldingen, autoplay-video's en tools van derden nodig zijn. Elke animatie- en trackingtool moet een doel dienen. Het verwijderen van een ongebruikt onderdeel kan een betere oplossing zijn dan het voortdurend proberen te versnellen.

Concentreer u eerst op de meest gebruikte pagina's van de klant. Hoewel de startpagina goed werkt, wordt de belangrijkste taak van de bezoeker nog steeds verstoord als het offerteaanvraagformulier traag is. De prestatiebeoordeling moet gepaard gaan met een daadwerkelijke taak: het vinden van de dienst, het beoordelen van een projectvoorbeeld en het verzenden van een bericht.

5. Projectvoorbeelden die uw werk laten zien

Vertrouwen ontstaat niet alleen met sterke bijvoeglijke naamwoorden. Relevante projectvoorbeelden, duidelijke contactinformatie en uitleg van het werkproces maken het voor de bezoeker makkelijker om te beoordelen. Vermelden wat voor werk u doet is beschrijvender dan alleen het tonen van een klantlogo.

In een projectvoorbeeld kunt u de initiële behoefte en het geleverde werk beschrijven. Als u een merkidentiteit hebt opgesteld, zeg dan dit; als u geen software hebt ontwikkeld, wek dan niet die indruk. Als u een meetresultaat gaat delen, beschrijf dan de periode, de meting en de vergelijkingsomstandigheden.

Publiceer klantbeoordelingen alleen met toestemming en voldoende context. Het moet duidelijk zijn over welke dienst de opmerking gaat. Presenteer geen generiek scenario als klantverhaal als er geen echt voorbeeld beschikbaar is. Maak duidelijk wanneer een voorbeeld illustratief is, zodat het verhaal geloofwaardig blijft.

6. Knoppen die de volgende stap beschrijven

Een knop moet de bezoeker vertellen wat hij moet doen. Voor sommige formulieren kan “Verzenden” voldoende zijn; zinsneden als “Beschrijf uw project” of “Stuur een offerteaanvraag” kunnen het proces echter duidelijker maken. De uitdrukking die u kiest, moet overeenkomen met de actie die plaatsvindt nadat de knop is ingedrukt.

Als u in elke sectie een andere actie vereist, kan dit de beslissing van de bezoeker bemoeilijken. Bepaal het hoofddoel van de pagina. Voor degenen die nog geen keuze hebben gemaakt, kunt u secundaire trajecten aanbieden, zoals een relevante project- of procesgids. Niet iedere bezoeker is bereid om direct een afspraak te boeken.

Stel duidelijke verwachtingen naast de knop. Als er een eerste gesprek gepland moet worden, geef dan aan welke informatie gevraagd wordt. Als u een reactietijd vermeldt, zorg er dan voor dat uw team deze kan halen. De call-to-action moet overeenkomen met de manier waarop het bedrijf met vragen omgaat.

7. Een duidelijk en betrouwbaar contactformulier

Het formulier moet de informatie verzamelen die nodig is voor het eerste gesprek. Bedenk waarom elk veld nodig is. Het vragen van gedetailleerde bedrijfsgegevens aan iemand die een simpele vraag wil stellen, kan onnodige lasten met zich meebrengen. Bij een complexe projectaanvraag kan enige aanvullende informatie de evaluatie vergemakkelijken.

Velden moeten zichtbare labels, duidelijke beschrijvingen en foutmeldingen hebben die helpen bij het herstel. De bezoeker hoeft niet al zijn gegevens opnieuw in te voeren nadat hij een fout heeft gemaakt. Deze aanpak voldoet aan de principes voor duidelijke labels en noodzakelijke instructies in W3C's toegankelijke formulierengids.

Beoordeel het succes van het formulier niet door te kijken naar de boodschap die op het scherm verschijnt. Controleer of de testaanvraag daadwerkelijk bij de betreffende persoon is aangekomen. Als het formulier is verbonden met een ander systeem, plan dan ook wat er gebeurt als de verbinding wordt verbroken. Het eerste contact met de klant is afhankelijk van de gehele technische keten voor het afleveren van berichten.

• W3C's toegankelijke formulierengids

8. Navigatie waarmee bezoekers informatie vinden

Schrijf menunamen in de taal van de klant. Creatieve afdelingsnamen die binnen het bedrijf worden gebruikt, kunnen voor een buitenstaander onduidelijk zijn. Het hebben van duidelijke kopjes zoals diensten, projecten en contact vermindert het giswerk voor de bezoeker.

Ook links binnen de pagina moeten duidelijk zijn. In plaats van 'klik hier' specificeert u de inhoud waarnaar de link leidt. Wanneer u een dienst beschrijft, helpt het verwijzen naar een relevant projectvoorbeeld de bezoeker om uw claim te beoordelen. Voeg de link niet alleen voor de zoekmachine toe.

Probeer het navigatieprobleem niet op te lossen door meer items in het menu te plaatsen. Organiseer eerst de inhoud en de prioriteiten van de bezoeker. Sommige informatie is betekenisvoller in het hoofdmenu, andere op de relevante dienstenpagina. Het belangrijkste is niet dat alle pagina's evenveel aandacht krijgen, maar dat de benodigde informatie op de juiste plaats staat.

9. Inhoud die zoekvragen beantwoordt

Een goede blogpost beantwoordt een echte vraag over uw bedrijf. Deze vragen kunnen betrekking hebben op omstandigheden die van invloed zijn op de prijs, de projectvoorbereiding of de vergelijking van twee benaderingen. De titel en het antwoord in de tekst moeten met elkaar overeenkomen.

Bedenk welke beslissing de lezer in elk artikel zal nemen. Als het om de kosten gaat, is het niet voldoende om alleen maar te zeggen "prijzen variëren"; leg de items uit die de verandering hebben veroorzaakt. Als het probleem tijd is, toon dan de werkfasen en de redenen voor de vertraging. De uitleg moet zo concreet zijn dat de lezer deze op zijn eigen situatie kan toepassen.

Koppel inhoud op een natuurlijke manier aan dienstenpagina's. Kies pagina's die een nuttige volgende stap zijn in plaats van het aantal irrelevante links te vergroten. De taak van de blog is niet om in elke paragraaf te verkopen, maar om klanten te helpen het onderwerp te begrijpen en indien nodig de juiste dienst te vinden.

10. Consistent gebruik van branding en taal

Het logo, de kleuren, de typografie en de tone of voice creëren samen een identiteit. Wanneer de homepage te formeel is, de dienstenpagina te vriendelijk en de formuliertekst technisch is, kan de ervaring gefragmenteerd zijn. De toon van de tekst moet net zo consistent zijn als het visuele ontwerp.

Consistentie betekent niet dat alle secties er hetzelfde uitzien. Een alert, een uitleg en een call to action kunnen verschillende functies hebben. Het belangrijkste is dat het verschil gebaseerd is op een bewuste regel. Als hetzelfde type knoppen zich op dezelfde manier gedragen, is het voor de bezoeker gemakkelijker om te leren.

Als u meerdere talen gebruikt, bewaar dan merknamen en dienstbenamingen in een gezamenlijke begrippenlijst. Vertalingen hoeven niet hetzelfde aantal woorden te hebben. Streef naar een verhaal dat begrijpelijk en natuurlijk is en compatibel is met de diensten die het bedrijf feitelijk in elke taal aanbiedt.

11. Metingen die inzicht geven in het resultaat

Stel het aantal bezoeken niet gelijk aan klantenwerving. Een blog lezen, op de contactknop klikken en een geldige aanvraag versturen zijn verschillende stappen. Behoud dit onderscheid in het meetplan. Zo kunt u zien in welk stadium u de verbetering moet doorvoeren.

Houd een eenvoudig overzicht bij van de aanvragen die uw team beoordeelt. Om welke dienst is verzocht, is het verzoek passend, heeft de vergadering plaatsgevonden? Er kan een totale evaluatie worden gemaakt die voldoende is om inzicht te krijgen in de bedrijfsresultaten, zonder dat persoonlijke informatie onnodig naar analysetools wordt overgebracht.

Verander kleine veranderingen niet in grote aankondigingen van succes. Verschillen in campagne, periode en doelgroep kunnen de resultaten beïnvloeden. Gebruik metingen als beslissingsondersteuning; maak van één enkel percentage geen indicator voor de kwaliteit van de hele site.

12. Doorlopend onderhoud na de lancering

Verantwoordelijkheden eindigen niet wanneer de website wordt opgeleverd. Diensten, teaminformatie, links en communicatiekanalen kunnen in de loop van de tijd veranderen. Spreek af wie teksten controleert en wie technische problemen oplost.

Neem niet alleen software-updates op in het onderhoudsplan, maar ook regelmatige controles van belangrijke klanttaken. Werkt het contactformulier? Klopt het telefoonnummer? Kan het nieuw toegevoegde project op mobiel worden gelezen? Deze vragen hebben rechtstreeks betrekking op de dienst-ervaring.

Houd wijzigingen bij met een kort logboek. Als u weet wat er op welke pagina is bijgewerkt, kunt u gemakkelijker een probleem onderzoeken dat zich later voordoet. Het team dat inhoud toevoegt, moet ook de opgegeven visuele, titel- en linkregels kunnen gebruiken.

Een snelle checklist voor het beoordelen van uw site

Pas de checklist toe op een echte taak

In plaats van alle functies van uw site in één keer te beoordelen, kiest u voor één bezoekersscenario. Een potentiële klant ziet bijvoorbeeld uw dienst voor het eerst, is op zoek naar een relevant projectvoorbeeld en wil een vraag stellen. Voltooi dit pad, beginnend vanaf de startpagina. Let op waar de uitleg ontbreekt, waar er onnodige stappen zijn.

Het kan ook handig zijn om deze test te laten uitvoeren door iemand die uw vakgebied niet kent. Luister, zonder de persoon te sturen, naar wat hij begrijpt en naar welke informatie hij op zoek is. Een link die u uit gewoonte ontdekt, is mogelijk niet zichtbaar voor de nieuwe bezoeker. Dit verschil laat zien welk onderdeel van het ontwerp moet worden aangepast.

Zet de problemen die u tegenkomt in volgorde van impact. Een defect formulier moet onmiddellijk worden verholpen; een secundaire visuele bewerking kan later worden uitgevoerd. Probeer voor elke wijziging dezelfde taak opnieuw. Zo vertaalt u de twaalf kenmerken naar een uitvoerbaar plan waarmee bezoekers gemakkelijker hun doel bereiken.

Kies de eerste verbetering

In plaats van de hele site in één keer te veranderen, moet u het eerste probleem vinden dat de klant ervan weerhoudt zijn taak te voltooien. Een vage dienstbeschrijving, een formulier waarvan de berichten niet aankomen of een moeilijk te gebruiken mobiel menu kunnen een goed begin zijn. Controleer opnieuw met dezelfde taak of de oplossing heeft gewerkt.

U kunt de webdesignaanpak en voltooide projecten van Pixel bekijken en uw huidige site delen vanaf de contactpagina.

• Webdesign bij Pixel
• Bekijk projecten van Pixel
• Neem contact op met Pixel