Hoe je kleuren gebruikt om conversies te verhogen

Wellicht ben je wel bekend met het gegeven dat kleuren een psychologisch effect op mensen kunnen hebben. Kleuren wekken bepaalde emoties op en communiceren met een deel van onze hersenen (de hypothalamus), die ervoor zorgt dat er hormonen worden afgegeven die invloed hebben op je humeur, emoties en gedrag.

Kleuren zijn belangrijk voor conversies

Uit onderzoek blijkt dat kleur een enorme invloed heeft op aankoopbeslissingen. Sommige marketeers geloven dat de kleur van een product voor 85% de reden is waarom je een bepaald product koopt. Daarnaast speelt kleur een belangrijke rol in doorklikratio’s van Call to Actions.

Het leek ons daarom zinnig om onszelf de uitdaging te geven om de wereld van kleurenpsychologie en die van CTA kleuren met elkaar te verbinden in de vorm van de volgende vraag:

“Welke achtergrondkleuren in combinatie met welke CTA kleuren zorgen voor de hoogste conversieratio?”

Allereerst een kleine disclaimer op bovenstaande vraag. Er is in online marketing nooit ‘1 single magic pill’ of een enkele route naar succes. Het zal per branche, niche, zelfs per ondernemer of bedrijf verschillen wat de optimale combinatie is. Wel is het mogelijk om te starten vanuit een aantal basis best practices die ervoor zorgen dat je een voorsprong hebt op de concurrentie. Het doel van dit artikel is dan ook om je de beschikking te geven over deze basisinzichten en hiermee zelf verder te kunnen toewerken naar een ideale kleur/CTA combinatie voor jouw business.

Kleuren best practices om conversies te verhogen

Om antwoord te krijgen op onze hoofdvraag moeten we eerst inzoomen op de focus doelgroep.

Wat voor type klant heb je mee te maken? Werk daarom eerst altijd je focusdoelgroep uit in de vorm van een persona. Dit is je startpunt voor het ontwerpen van copy, salespagina’s, CTA’s en dus ook kleurgebruik en kleurcontrast. Heb je een goed beeld van je focusdoelgroep? Stel jezelf dan de volgende vragen:

1. Is jouw klant B2B of B2C?

Business to business (B2B) en Business to consumer (B2C) zijn twee verschillende klanttypen die je op een andere manier wil benaderen. Op het gebied van kleurgebruik komt dit verschil onder meer tot uitdrukking in:

Het mindframe van de potentiële klant

Een B2B klant zoekt naar oplossingen voor zakelijke problemen. Een B2C klant zoekt naar oplossingen voor persoonlijke problemen. Dit verschil in motivatie zorgt ervoor dat een B2B klant eerder geneigd is om te kiezen voor aanbieders die:

• lijkt op de eigen organisatie
• hoog aangeschreven is/kwaliteit uitstraalt
• een propositie heeft die specifiek inhaakt op het probleem dat opgelost moet worden.

De B2C klant daarentegen vertegenwoordigt niet een organisatie, maar zichzelf en zijn eigen geld. Een B2C klant is daarom eerder geneigd om te kiezen voor aanbieders die:

• een goede prijs-kwaliteitverhouding bieden
• een concreet aanbod heeft dat het probleem wegneemt dat opgelost moet worden
• een uitstraling hebben die betrouwbaar is

Het verschil in mindframe verklaart waarom veel B2B aanbieders vaker hun heil zoeken in kleuren die betrouwbaarheid uitstralen (blauw), terwijl we bij B2C aanbieders vaak een veel bonter pallet aan kleuren zien, afhankelijk van de aard van hun producten of diensten.

Hieronder zie je een tabel met daarin de verschillende kleuren en hun bijbehorende psycholoigische lading:

En, ook nog even in tekst voor het geval het plaatje wegvalt of niet snel genoeg laadt:

2. Is jouw klant jong of oud?

Een algemeen kleurpallet wordt meestal gebruikt voor elementen zoals een logo, huisstijl en algemene look en feel van een website. Je kunt dit zien als het algemene frame dat rondom de content van webpagina’s heen zit. De content zelf (productagina’s, dienstenpagina’s, landingspagina’s, etc) wil je vervolgens scherper gaan afstemmen op de focus doelgroep(en) die je bedient. Juist op content niveau kun je het grootste verschil maken voor wat betreft conversies.

Een belangrijke overweging die je hierin mee kunt nemen is of de focus doelgroep overwegend jong of oud is. Besef je echter goed dat de keuzes die je hierin maakt nooit in steen gegoten staan: de manier waarop oudere doelgroepen nu omgaan met online media die zal over 10 jaar al veranderd zijn. Blijft echter het feit dat oudere gebruikers zich prettiger voelen bij iets dat vertrouwd of vriendelijk  is, betrouwbaar overkomt of vrede en gezondheid uitstraalt (blauw, groen, oranje) . Jongere doelgroepn voelen zich eerder aangetrokken tot opwinding, fantasie en creativiteit (Rood, paars, oranje).

3. Is het een man of een vrouw?

Tot slot voelen vrouwen zich tot andere kleuren aangetrokken dan mannen.

Bron: https://blog.kissmetrics.com/how-colors-affect-conversions/

De verschillende voorkeuren qua kleuren zie je veel terug bijvoorbeeld de kleur van producten en kleding. Vrouwen voelen zich minder aangetrokken tot ‘aardse’ tinten en mannen gaan meer voor de mannelijke tinten blauw, groen en zwart. Let er op dat deze voorkeuren met name van invloed kunnen zijn op de achtergrondkleuren en ontwerp elementen die er in een website worden gebruikt. De kleur oranje bijvoorbeeld is een erg sterk kleurelement om als speels element te verwerken in webontwerpen omdat deze kleur er op een vrolijke manier uitspringt. Ondanks dat de kleur oranje zowel onder mannen als vrouwen niet tot de favoriete kleuren wordt gerekend, kan het juist een krachtige contrastkleur zijn om conversies te verhogen.

Putting it together

Welke geoptimaliseerde combinaties van achtergromdkleuren en CTA kleuren kunnen we bedenken als we bovenstaande overwegingen in acht nemen? Over het algemeen is de belangrijkste vuistregel dat een CTA uit het ontwerp moet springen. Uit sommige testen blijkt dat de beste resultaten wordt behaald met CTA buttons in de kleuren Oranje, Groen en Rood. Je ziet tegenwoordig echter dat er steeds meer gekozen wordt voor een achtergrondkleur die goed past bij de focus doelgroep en identiteit van een aanbieder in combinatie met een witte CTA button die door het contrast uit het ontwerp springt.

Hieronder 12 suggesties die de moeite waard zijn om uit te testen:

En, ook nog even in tekst voor het geval het plaatje wegvalt of niet snel genoeg laadt:

Aan de slag met conversieoptimalisatie?

Neem gerust eens contact op om te kijken wat we voor je kunnen betekenen.