Ga naar de hoofdinhoud
Inhoudsopgave
Afdrukken

De juiste bestelknop-kleur voor meer conversies

Als bezoekers op je webshop dan eindelijk zijn beland op de productpagina wil je natuurlijk dat ze allemaal op de bestelknop drukken. De kleur van die bestelknop kan veel invloed hebben op de conversie. Heb jij al de juiste kleur?

In deze les leer je over het effect van een opvallende bestelknop en welke kleur het meest geschikt is voor jouw webshop.

Een truc om jouw conversie te verhogen is een opvallende bestelknop. Mensen hoeven zo minder moeite te doen om het product te bestellen en zullen minder snel afhaken bij de verkoop.

Opvallende kleur

Bij het laten opvallend van de bestelknop is de kleur belangrijk. Is je hele lay-out blauw? Maak dan niet de bestelknop ook blauw, maar kies een opvallende kleur. 

Kleur kiezen

Welke kleur het meest opvallend is binnen jouw webwinkel heeft te maken met kleurcontrast. Het grootste kleurcontract ontstaat in de primaire kleuren. De bekende Zwitserse ontwerper Johannes Itten heeft een kleurencirkel ontwikkeld die de kleurcontrasten ideaal laat zien. Je kiest daarbij de kleur die precies aan de andere kant staat van de cirkel.

Zo kun je de ideale kleur voor jouw bestelknop kiezen. Is jouw webwinkel blauw? Dan is de ideale bestelknop oranje. Is je webwinkel rood, dan is je ideale bestelknop groen.

Gebruik opvallende kleur met mate

Heb je een overwegende blauwe webwinkel, dan is oranje goed als contrastkleur te gebruiken voor zaken waar je extra de aandacht op wilt vestigen.

Gebruik je oranje echter te vaak, dan wordt dat effect teniet gedaan. Gebruik de contrastkleur dus enkel voor belangrijke onderdelen als een bestelknop.

Het effect van een goed contrasterende bestelknop is het beste te zien aan de hand van 3 praktijkvoorbeelden. Straks volgen 3 voorbeelden van webshops.

Bij deze webwinkel worden groen en rood bijna evenveel gebruikt, hierdoor valt eigenlijk niets meer extra op. 

De beste bestelknop is de groene bestelknop van CoolBlue. Coolblue gebruikt een groene bestelknop om extra op te vallen binnen de overwegende blauwe layout. 

De kleur groen zou volgens sommige sites overeen komen met een positief gevoel, uit andere onderzoeken blijkt echter dat “de beste kleur” voor een button niet bestaat. Alleen door zelf te testen is een geschikte kleur te kiezen.

In dit voorbeeld is de bestelknop net als de rest van de lay-out zwart. Daarmee gaat de bestelknop volledig op in de lay-out en springt hij er niet uit. Een gemiste kans.

Werk je al met een opvallende kleur om belangrijke zaken meer nadruk te geven, doe dit dan met mate! Als je jouw opvallende kleur op teveel plekken laat terug komen, dan doe je het effect teniet. In de regel kan op je scherm maar één ding eruit knallen, bij jouw productpagina zou dat de bestelknop moeten zijn.