Kan een goed webontwerp de conversieratio verhogen? Het antwoord is ja.

  • Het UX/UI-ontwerp (user experience / user interface) heeft de laatste jaren een grote relevantie gekregen. Bij duidelijk doelgerichte landingen kan elke beslissing in het ontwerpproces doorslaggevend zijn om de gebruiker tot een succesvol einde te brengen.

In veel gevallen levert een landing met een slecht opgelost ontwerp slechte resultaten op en kan deze bij een eerder onberispelijk werk aan de tramlijn worden gegeven. De strategie was goed, uw campagnes waren goed geconfigureerd en de gebruikers komen naar uw pagina, maar de conversiegraad ligt op de vloer. Klinkt dat bekend? Het is frustrerend om te zien hoe uw gebruikers uw site net zo snel verlaten als ze de site hebben betreden. Vervolgens leggen we 8 toetsen bloot om een landing te ontwerpen die gericht is op de conversie.

Eén doel, één oproep tot actie

u

Een landing moet slechts één doel en één TCLP hebben. Het ontwerpen van een landing is immers het traceren van een pad dat de gebruiker van punt A (binnenkomst op de pagina) naar punt B (uitvoeren van de actie die we van hem verwachten) leidt. Hoe meer opties u uw gebruikers geeft, hoe verder ze van de gewenste conversie verwijderd zijn. 

Kies de juiste kleuren

u

Kleur is een zeer belangrijk onderdeel van het visuele verhaal, je kunt het niet negeren. Er wordt gebruik gemaakt van een niet al te grote verscheidenheid aan kleuren. Een primaire kleur, die we kunnen gebruiken als accent of als kleur voor acties. Een secundaire kleur, die goed contrasteert met de primaire, en een paar grijstinten zouden moeten volstaan. 

Ontwerp een CTA die uitnodigt om geklikt te worden

u

Kies een prominente plaats voor uw CTA binnen uw samenstelling. Een grootte die de pulsatie ervan vergemakkelijkt. Een geschikte kleur; als je een goede primaire kleur hebt gekozen voor het kleurthema van je pagina, dan ben je klaar! Zorg ervoor dat de tekst duidelijk en leesbaar is. Vermijd dwingende termen, gebruik meer emotionele zinnen. Het gebruik van lichte schaduwen kan ook helpen uw knop te markeren.

Gebruikt goed gecontrasteerde rubrieken

u

De grootte van de kopteksten zorgt voor een visuele hiërarchie die uw gebruiker in staat stelt om de belangrijke onderdelen te onderscheiden van de minder belangrijke onderdelen. Slecht gecontrasteerde kopjes, dat wil zeggen, met vergelijkbare afmetingen, kunnen ervoor zorgen dat de gebruiker de hiërarchie tussen de verschillende secties van uw pagina niet duidelijk waarneemt. Het verschil tussen uw H1, H2, H3 en H4 moet met het blote oog worden gezien.

Ontwerp met de hoogst mogelijke reinheid

u

Elimineer alle onnodige elementen, het is altijd makkelijker om te verdwalen in de jungle dan in de savanne. Probeer functionele oplossingen te vinden en vermijd cosmetica. Het herladen van een pagina met visuele elementen maakt deze niet aantrekkelijker en helpt natuurlijk niet om uw inhoud begrijpelijker te maken, integendeel.

Zorgt voor lege ruimtes

u

Spaties tussen de elementen maken ook deel uit van de paginalay-out, het structureren en helpen bij het prioriteren van de inhoud. Als u kleine ruimtes gebruikt zal uw pagina er afwisselend uitzien, de elementen van uw ontwerp zullen zeer dicht bij elkaar liggen en het zal moeilijker zijn om ze te onderscheiden. En als je te grote ruimtes gebruikt, zal je informatie los van elkaar staan en zal het moeilijker zijn om een relatie tussen de verschillende elementen te leggen.

Gebruik krachtige beelden

u

De beelden van een landing moeten niet alleen helpen om de inhoud te verklaren, maar moeten ook verleidelijk zijn. Gebruik afbeeldingen die de emoties van uw gebruikers aanspreken, met gedurfde frames en levendige kleuren. Wees origineel, het oog houdt van anders. Maar vergeet niet dat de kleuren van uw foto’s een harmonische relatie hebben met het kleurengamma van uw landing.

Verwen alle versies van uw landing (responsive)

U navigeert niet zo veel op een telefoon als op een desktop computer of tablet. Pas uw inhoud aan het apparaat in kwestie aan. Zorg voor alle versies van uw landing, vooral de mobiele versie, en zorg ervoor dat in elke versie aan alle bovenstaande punten wordt voldaan.

Weet u nog steeds niet zeker hoe u uw webdesign kunt exploiteren? Neem contact met ons op!

Geschreven door

Pedro López

UX · 13 / 09 / 2019

Vond je het leuk?

Een citaat aanvragen

Digital Menta

UX · 17 / 12 / 2019

Bestemmingspagina's strategieën voor rekrutering in de onderwijs sector en dergelijke

bestemmingspaginas-strategieen-voor-rekrutering-in-de-onderwijs-sector-en-dergelijke Wanneer een student recruitment strategie is gedefinieerd en geïmplementeerd in digitale kanalen, een van de fundamentele beslissingen die kunnen betekenen succes of de doorslaande falen van campagnes is de landing pages strategie waarvoor te kiezen. Er zijn verschillende opties, variërend van het creëren van unieke landing pages tot het gebruik van primaire corporate websites. […]

Paloma García

UX · 12 / 12 / 2019

Gebruik PageSpeed ​​Insights om de kwaliteit van een Landing Page te verbeteren

PageSpeed es una herramienta de Google Developers que mide aspectos relacionados con el tiempo de carga y la experiencia de uso de una página web y, en base a los resultados de esa medición, nos devuelve una puntuación (sobre 100) y unos consejos para su mejora.

Paloma García

UX · 24 / 10 / 2019

Wat is CRO? Beschrijving en sleutelconcepten

En este post explicamos qué es CRO (Conversion Rate Optimization) y los conceptos clave relacionados con este conjunto de técnicas que nos ayudan a mejorar el rendimiento de nuestro sitio web y, finalmente, aumentar nuestras ventas.

Send this to a friend