De Be Bold E-mailmarketing Gids | Deel 2: het design

De Be Bold E-mailmarketing Gids | Deel 2: het design 

Goede e-mailmarketing begint met aantrekkelijke e-mails, maar het gaat veel verder dan dat. Het draait om de relatie die je opbouwt met je lezers, het vertrouwen dat ze in jou hebben en natuurlijk de resultaten die je behaalt. 💸 In het tweede deel van onze BeBold E-mailmarketing Gids duiken we in het design van jouw e-mails. Het oog wil immers ook wat, dat is waar. Maar we gaan dieper dan alleen maar mooie visuals en coole lettertypes. Jouw e-maildesign moet converteren, het moet je lezers overtuigen dat jouw boodschap de moeite waard is (en hun investering in tijd en geld). Klinkt interessant, nietwaar? Nou, dan is het zeker de moeite waard om verder te lezen! 

E-mails en webdesign 

Nu vraag je je misschien af: “Gaat dit over e-mailmarketing of webdesign?” Wel, het design van jouw e-mails kan je vergelijken met het ontwerp van een website. Beide hebben dezelfde basisprincipes en streven naar vergelijkbare resultaten. Je creëert bepaalde verwachtingen en het is aan jou om die verwachtingen snel en efficiënt waar te maken. 
Leestip: 5 tips voor jouw gebruiksvriendelijke website 

De basis van jouw e-mail 

Alles valt of staat met een goede basis. Ook jouw e-mail. Daarom is het belangrijk om zaken zoals contrast, lettertypes, e-mailbreedte en herkenning altijd in gedachten te houden. 

Contrast 

1. Contrast

Zorg voor voldoende contrast tussen jouw tekst en de achtergrond. Dit zorgt voor visuele duidelijkheid en rust. Het maakt jouw e-mail aangenamer en minder vermoeiend om te lezen. En dat betekent dat je lezer nog langer betrokken blijft. 

2. Lettertypes 

Rekening houdend met jouw huisstijl, kan je eender welk lettertype gebruiken in je e-mail. Maar houd de speciallekes enkel voor tekst op afbeeldingen. Voor je bodytekst kies je een goed leesbaar systeem- of webfont. Wat is het verschil? Systeemfonts zijn lettertypes die er op elk besturingssysteem of apparaat quasi hetzelfde uitzien. Met webfonts heb je niet altijd die garantie. Qua lettergrootte adviseren we tussen 14 en 16 pixels voor de bodytekst en zo’n 22 tot 24 pixels voor titels. 

3. E-mailbreedte 

Ja, zelfs voor e-mails zijn er ideale afmetingen. De perfecte breedte voor een e-mail ligt tussen 500 en 640 pixels. Het lijkt misschien vreemd, vooral omdat schermen over het algemeen breder en groter worden. Maar houd er rekening mee dat niet elke e-mailclient op dezelfde manier werkt. Het is belangrijk om consistent te blijven, zodat jouw e-mail er op elk apparaat goed uitziet. 

4. Herkenning en jouw huisstijl 

Laat jouw merkrichtlijnen terugkomen in alles wat je doet, ook (en vooral) jouw nieuwsbrieven. Hiermee vergroot je de herkenbaarheid en het vertrouwen bij jouw lezers. Als je dit niet doet, kan de lezer achterdochtig worden en is de kans klein dat hij actie onderneemt.  

Don’t do this: maak volledig gebruik van jouw artistieke vrijheid. Of beter gezegd, misbruik het niet. Want die e-mail ziet er echt niet goed uit.  
Do this: vervang dat fancy lettertype door een leesbaarder alternatief. Het gemak van de lezer staat voorop! 

5. Structuur aanbrengen in je e-mail 

Structuur is key. Je lezer wil niet nadenken als hij je e-mail opent. Daarom neem jij hem bij de hand en begeleid je hem door je e-mail, rechtstreeks naar jouw call-to-action. Structuur aanbrengen doe je op verschillende manieren, zowel visueel als in je copy.  

6. Witruimte 

Ah, witruimte. De beste vriend van elke e-mailmarketeer. Witruimte in een tekst werkt als ademruimte. Het geeft aan waar je bent en waar je naartoe gaat. Te weinig witruimte zorgt voor een benauwd en onprofessioneel gevoel, alsof je geen tijd hebt voor jouw lezer. Er is geen specifiek aantal of percentage voor de witruimte in jouw e-maildesign. Test het uit en kijk wat er naar jouw mening het beste uitziet. 

7. Tekststructuur 

Breng structuur aan in jouw tekst door gebruik te maken van duidelijke titels, subtitels, bullets, opsommingstekens en lijstjes. Op deze manier kan jouw lezer jouw e-mail scannen. Tegenwoordig heeft niemand tijd om nieuwsbrieven volledig te lezen, dus maak jouw tekst scanbaar en krijg een voorsprong. 

8. Afbeeldingen 

Afbeeldingen zijn een effectieve manier om structuur duidelijk te maken. Denk aan jouw header, begeleidende visuals en afbeeldingen die jouw tekst versterken. Het is belangrijk om een goede balans te vinden. De verhouding tussen tekst en afbeeldingen ligt respectievelijk op 60% en 40%.  
Kies voor afbeeldingen van goede kwaliteit met de juiste afmetingen. Webafbeeldingen moeten slechts 72 dpi zijn om te voorkomen dat jouw e-mail te zwaar wordt en niet goed wordt weergegeven. De afmetingen hangen af van wat je met de afbeelding wilt bereiken.

Wil je een visual over de volledige breedte? Gebruik dan dezelfde breedte als jouw e-mail. Logisch, toch? Voor de hoogte is een goede richtlijn ongeveer 250 pixels. Op mobiel neemt de afbeelding dan niet het hele scherm in beslag, waardoor jouw lezer niet onnodig hoeft te scrollen.  
Tip: bewerk en pas de grootte van jouw afbeeldingen aan voordat je ze uploadt naar jouw e-mailtool, in plaats van dit in de tool zelf te doen. Zo voorkom je dat jouw afbeeldingen er op verschillende apparaten anders uitzien. 

Don’t do this: jouw lezers een blok tekst presenteren. Have fun figuring it out!
Do this: je e-mailstructuur geven door tekst te schrappen waar je kan, witruimte/ademruimte toe te voegen en passende afbeeldingen uit te kiezen 

De lay-out van je e-mail 

1. De omgekeerde piramide 

De omgekeerde piramide is een slim samenspel tussen jouw copy, beelden en CTAs. Hiermee leid je onbewust het oog van de lezer direct naar jouw CTA.  

Bij de omgekeerde piramide begin je met een aandachtstrekker, zoals een beeld over de volledige breedte van jouw e-mail. Daaronder heb je een stuk tekst waarin je de verwachtingen opbouwt of een voorproefje geeft. Meestal is deze tekst smaller dan het beeld. Sluit af met een aanstekelijke call-to-action, die op zijn beurt ook iets minder breed is. 

2. 1-kolom template 

Een e-mailtemplate met slechts één kolom ziet er hetzelfde uit op desktop als op mobiel. Dit is waar we tegenwoordig echt naar streven, omdat e-mails steeds vaker alleen op mobiel worden geopend. Met een 1-kolom template zit je eigenlijk altijd goed.

Maar als je toch niet kunt weerstaan aan een template met 2 kolommen, houd er dan rekening mee dat op mobiel de kolommen onder elkaar worden weergegeven. We lezen van links naar rechts, dus een linker kolom op desktop staat op mobiel boven een rechterkolom op desktop. Dus als je jouw tekst links plaatst en jouw afbeelding rechts, staat jouw afbeelding op mobiel onder de tekst. Een belangrijk detail om in gedachten te houden.  

Don’t do this: kies voor een super fancy e-mailtemplate met verschillende kolommen. 
Do this: ga voor een 1-kolom template en pas de omgekeerde piramide toe. 

De call-to-action (CTA) van je e-mail 

En… actie! 🎬 Het doel van jouw e-mail is om jouw lezer in beweging te brengen. Ze moeten naar jouw website gaan, op een specifiek product klikken of de e-mail beantwoorden. Stuk voor stuk belangrijke stappen die jou geld opleveren. Maar je moet ze eerst zover krijgen. Dit doe je met een zorgvuldig opgestelde call-to-action die de aandacht trekt, duidelijk is en waarde biedt. 

1. De aandacht trekken 

Een call-to-action die niet opvalt, krijgt geen klikken. Zo simpel is het. Geef hem dus wat extra aandacht en opmaak. Beperk je bij voorkeur tot slechts één CTA. Als je er toch een tweede hebt, maak dan een onderscheid tussen de primaire en secundaire call-to-action. De primaire CTA plaats je bijvoorbeeld in een opvallende knop. De secundaire CTA kan een onderlijnde link zijn. De vuistregel is: hoe minder CTAs, hoe krachtiger ze zijn. 

2. Duidelijk zijn 

Wees duidelijk in de tekst van jouw knoppen. Gebruik actieve taal, maar houd het ook kort en bondig. Vermijd knoppen met “klik hier”. Gebruik liever zinnen als “Start nu jouw gratis proefperiode”, “Schrijf je snel in op de nieuwsbrief” of “Pas jouw e-mailvoorkeuren aan”. Deze zinnen zeggen veel meer en overtuigen jouw lezer sneller dan een droge “klik hier”. 

3. Waardevol zijn 

What’s in it for me? En met “me” bedoelen we natuurlijk de lezer. Ook bij e-mailmarketing staat jouw klant in de schijnwerpers. Onthoud dat bij elke CTA het voordeel heel duidelijk moet zijn, maar dan wel voor de lezer, niet voor jouw bedrijf. 

Don’t do this: een passieve call-to-action schrijven die ergens onderaan je e-mail verstopt is. Hoezo, laat die klikken maar komen? 
Do this: besteed extra tijd aan jouw CTAs en maak ze jouw money-makers. 

Check de preview 

Jij hebt een meesterwerk van een nieuwsbrief gemaakt, serieus, je bent zo trots als een pauw. “Deze gaat geweldig werken, ik voel het!” denk je nog. Je verzendt je campagne, de e-mail belandt in je inbox en… Hij trekt op niks. Al het harde werk is compleet onzichtbaar. De CTAs zijn verkeerd geplaatst, het lettertype komt niet overeen en elke link is onderstreept. Herkenbaar? Je bent zeker niet de enige. Onze tip: testen, testen en nog eens testen. Zo weet je zeker dat jouw e-mail eruitziet zoals jij hem hebt ontworpen.  

Wij maken gebruik van de tool Litmus om te controleren hoe onze e-mails eruitzien in verschillende e-mailclients. Vooral de mobiele versie is tegenwoordig ontzettend belangrijk. 

Don’t do this: ziet de e-mail er goed uit in het programma? Verzenden maar! Lekker snel en gemakkelijk. 
Do this: gebruik een tool om te zien hoe jouw e-mail wordt weergegeven in verschillende e-mailclients. 

A/B testing, de beste vriend van een e-mailmarketeer 

Bestaat de perfecte e-mail eigenlijk wel? Het hangt allemaal af van jouw merk en doelgroep. Gebruik daarom A/B testing om te ontdekken wat werkt en wat niet. Experimenteer met verschillende lengtes van e-mails, een andere opmaak, een formele of informele tone of voice, of verschillende call-to-actions. Alleen zo kom je erachter wat jouw specifieke doelgroep aanspreekt!  
Wist je dat je in sommige programma’s kunt kiezen om bepaalde content zichtbaar of onzichtbaar te maken in de mobiele versie van jouw e-mail? Zo kun je ervoor kiezen om de header te verwijderen en “download de app” toe te voegen, of kortere teksten te gebruiken. Een ideaal A/B testing-experiment! 

Don’t do this: ervan uitgaan dat je e-mail wel prima is. Mensen kunnen toch niet zo verschillend reageren op een e-mail, toch?
Do this: maak gebruik van A/B testing en optimaliseer je e-mails volledig op basis van de resultaten. 

Voilà, nu ben je op de hoogte van alle do’s en don’ts van e-maildesign. Wees zo creatief als je wilt, maar houd je aan de regels van deze blogpost. Succes gegarandeerd! Het volgende deel van onze BeBold E-mailmarketing Gids gaat over timing en frequentie van jouw e-mails. Binnenkort online beschikbaar. Wil je meer weten over de instellingen van je e-mails? Bekijk dan het eerste deel van onze BeBold E-mailmarketing Gids. 

Loop je na het lezen van onze E-mailmarketing Gids vast op bepaalde aspecten van jouw e-maildesign? Of heb je een brandende vraag over e-mailmarketing? Boek een call met een van onze experts. Zij helpen je graag op weg met concrete tips!