Landingspagina ontwerpen: vormgeving die aanvragen oplevert

Wat ontwerp met aanvragen te maken heeft

Een bezoeker leest je pagina niet, hij scant hem. In een fractie van een seconde bepaalt hij waar hij gaat kijken, en dat besluit neemt hij op vorm: grootte, contrast, witruimte, kleur. Pas daarna leest hij woorden.

Daarom bepaalt het ontwerp wat er van je tekst overkomt. Een sterke kop in een klein grijs lettertype tussen drie andere blokken wordt gewoon niet gezien. Dezelfde kop groot bovenaan met rust eromheen, is het eerste wat de bezoeker leest. De tekst is niet veranderd, het resultaat wel.

Ontwerp en tekst horen dus bij elkaar. Wij maken ze in één beweging: de tekst voor je landingspagina en de vormgeving worden samen bedacht, niet los ingekocht en achteraf op elkaar geplakt.

Zes ontwerpprincipes die bepalen of je aanvragen krijgt

Zes principes doen het meeste werk. Ze zijn niet spannend, maar ze bepalen of je pagina aanvragen oplevert of alleen mooi is.

• Eén blikvanger per scherm. Scrol je door de pagina, dan moet in elk stuk beeld duidelijk zijn waar je oog eerst heen gaat. Twee even zware elementen naast elkaar is er één te veel.
• Witruimte is geen verspilling. Ruimte om een knop maakt die knop belangrijk. Alles volstoppen tot aan de rand maakt alles even onbelangrijk.
• Contrast op de actie. De knop krijgt de meest opvallende kleur van de pagina, en die kleur gebruik je nergens anders voor. Zo herkent de bezoeker hem overal terug.
• Één kolom leest het snelst. Op een landingspagina hoef je nergens heen; een rechte lijn van boven naar beneden houdt mensen in het verhaal.
• Leesbare tekst. Grote letters, regels die niet te lang zijn en genoeg regelafstand. Klein en grijs oogt strak op een ontwerpscherm en is onleesbaar op een telefoon in de zon.
• Herhaal de actie. Op een langere pagina komt de knop drie of vier keer terug, telkens op het moment dat de bezoeker overtuigd kan zijn. Hij hoeft dan nooit terug te scrollen.

1. 1KopWaar de pagina over gaat, in gewone taal.
2. 2BelofteWat je krijgt en wat het je oplevert.
3. 3BewijsErvaringen, logo's of voorbeelden van werk.
4. 4AanbodWat er precies in zit en hoe het werkt.
5. 5FormulierDe actie zelf, kort en zichtbaar.
6. 6ContactTelefoon, mail en je bedrijfsgegevens.

Deze zeven ontwerpfouten kosten je aanvragen

Deze fouten zien we het vaakst. Ze lijken klein en kosten allemaal aanvragen.

Fout	Wat het kost	Wat je doet
Volledig menu bovenaan	Bezoekers klikken weg naar de rest van je site	Menu weghalen of terugbrengen tot het logo
Meerdere knoppen met verschillende doelen	Twijfel; de bezoeker kiest niets	Eén hoofdactie, de rest weg of onopvallend
Formulier met tien velden	Mensen beginnen wel, maar versturen niet	Alleen vragen wat je nodig hebt om terug te bellen
Sliders en carrousels bovenaan	De belangrijkste boodschap schuift weg voor hij gelezen is	Eén vaste kop met één beeld
Pop-up direct bij binnenkomst	Irritatie voordat er vertrouwen is	Geen pop-up, of pas bij vertrek
Grijze tekst op lichtgrijze achtergrond	Onleesbaar voor een deel van je bezoekers	Donkere tekst op een lichte achtergrond
Knop onder aan de pagina verstopt	Bezoekers die eerder overtuigd zijn, haken af	De actie meerdere keren herhalen

Twee van deze punten verdienen extra aandacht, want daar valt meestal de meeste winst te halen: het inkorten van je formulier en de tekst op je knop. Een knop die zegt wat er daarna gebeurt, wordt vaker ingedrukt dan een knop met "Verzenden".

Elf velden

Elke regel is een vraag die de bezoeker moet beantwoorden voordat hij iets van je hoort.

Drie velden

Vraag alleen wat je nodig hebt om terug te bellen. De rest vraag je in dat gesprek.

Mobiel eerst ontwerpen

Het meeste webverkeer in Nederland komt van een telefoon. Toch worden de meeste pagina’s nog steeds op een groot scherm bedacht en daarna "ook nog even" mobiel gemaakt. Dat is de verkeerde volgorde en je ziet het aan het resultaat.

Wij beginnen op een schermbreedte van een telefoon. Wat daar niet past, past nergens. Dat dwingt tot keuzes: minder tekst per blok, één ding tegelijk, grote knoppen, korte formulieren. Op een groot scherm wordt zo’n ontwerp daarna vanzelf ruimer.

Hoe je dat verder aanpakt staat bij een landingspagina die op mobiel werkt. Google publiceert de meetpunten voor snelheid en gebruikservaring op web.dev.

Wat krijg je van het ontwerp te zien, en wanneer?

Van eerste gesprek tot live duurt het bij ons 48 uur. Dat lukt omdat we niet vanaf nul beginnen met kleuren en lettertypes, maar met een vaste opbouw die we telkens hetzelfde aanhouden en die we op jouw huisstijl en jouw aanbod zetten. Het ontwerp zelf loopt in drie stappen.

De stappen eromheen, dus de intake, het schrijven van de tekst, de bouw en het instellen van de meting, staan van begin tot eind beschreven bij onze werkwijze van intake tot lancering. Van jou hebben we alleen je logo, je prijzen of een prijsindicatie en een paar foto’s van je eigen werk nodig; de rest halen we uit het intakegesprek.

Zelf een landingspagina ontwerpen?

Dat kan, zeker als je een beetje handig bent met een paginabouwer. Houd het dan simpel: één kolom, twee lettergroottes voor koppen en één voor lopende tekst, twee kleuren plus grijstinten, en één opvallende kleur die je alleen voor de knop gebruikt.

De grootste valkuil bij zelf een landingspagina ontwerpen is te veel willen. Elke extra kleur, elk extra kader en elk extra icoon maakt de pagina drukker en de keuze voor de bezoeker moeilijker. Begin met de vaste blokvolgorde uit het landingspagina template en voeg alleen iets toe als het een vraag beantwoordt.

Loop als laatste de kenmerken van een goede landingspagina na. Ontbreekt er iets, dan weet je waar je nog moet bijschaven voordat je live gaat.

Wat kost het om een landingspagina te laten ontwerpen?

Bij ons zit het ontwerp in het pakket, samen met de tekst, de bouw, de hosting en de meting. Dat begint bij €109 per maand en je kunt maandelijks opzeggen. Een los ontwerp verkopen we niet, want een ontwerp zonder de bijbehorende tekst levert zelden iets op.

Wat er in de andere pakketten zit en waarom de prijzen in de markt zo uiteenlopen, lees je bij de kosten van een landingspagina. Twijfel je wat bij je past, bel dan 085 123 45 67 of kijk eerst bij landingspagina laten maken.