Goede e-mailmarketing begint bij aantrekkelijke e-mails, maar het gaat veel verder dan dat. Het gaat over jouw relatie met je lezers, het vertrouwen dat ze in jou hebben en ook wat jouw e-mailmarketing effectief opbrengt. 💸
In dit tweede deel van onze Be Bold E-mailmarketing Gids praten we over het design van jouw e-mail. Het oog wilt ook wat, dat klopt. Maar we gaan iets dieper dan mooie visuals of toffe lettertypes. Je e-maildesign moet ook converteren, het moet je lezer overtuigen dat jij zijn tijd (en geld) waard bent. Interessant hé? Allez, blijf dan maar lezen!
E-mails en webdesign
Ja, maar wat is het nu: ben ik hier voor e-mailmarketing of voor webdesign? Wel, je kan het design van jouw e-mails vergelijken met het ontwerp van een website. Zowel de principes waarop jij je baseert, als de resultaten die je wilt bereiken. Je creëert bepaalde verwachtingen, en die moet je natuurlijk ook inlossen. Liefst zo snel en efficiënt mogelijk.
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.
1. Contrast
Zorg voor genoeg contrast tussen jouw tekst en de achtergrond. Dit geeft de lezer visuele duidelijkheid en rust. Het maakt jouw e-mail ook veel aangenamer en minder vermoeiend om te lezen. Wat er dan weer toe leidt dat je lezer nog wat langer blijft plakken.
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 hoor, ook voor e-mails bestaan de ideale maten. Zo zit de perfecte breedte voor een e-mail tussen 500 en 640 pixels. Het lijkt vreemd, zeker omdat schermen over het algemeen breder en groter worden. Maar houd er rekening mee dat niet elke e-mailclient op dezelfde manier werkt.
4. Herkenning en je huisstijl
Trek je merkrichtlijnen door in alles wat je doet. Ja, ook (en vooral) in die nieuwsbrief. Zo verhoog je de herkenning en het vertrouwen bij je lezer. Doe je dat niet, dan wordt je lezer achterdochtig en is de kans heel klein dat hij actie onderneemt.
Don’t do this: je artistieke vrijheid volledig benutten. Of misbruiken in dit geval. Want die e-mail ziet er echt niet goed uit.
Do this: dat fancy lettertype vervangen door eentje dat veel leesbaarder is. Het gemak van de lezer staat voorop!
Structuur aanbrengen in je e-mail
Structuur is key. Je lezer wilt 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. 🤓
1. Witruimte
Ah, witruimte. De BFF van elke e-mailmarketeer. Witruimte in een tekst werkt op dezelfde manier 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 je lezer.
In principe is er geen specifiek nummer of percentage voor de witruimte in je e-maildesign. Test het uit en bekijk zelf wat er naar jouw mening het beste uitziet.
2. Tekststructuur
Je brengt veel structuur aan in je tekst door duidelijk gebruik te maken van titels, tussentitels, bullets, opsommingstekens en lijstjes. Op deze manier kan je lezer je e-mail scannen. Tegenwoordig heeft niemand tijd om nieuwsbrieven volledig te lezen, dus je tekst scanbaar maken, geeft je een enorme voorsprong.
3. Afbeeldingen
Afbeeldingen zijn een efficiënte manier om structuur helder te maken. Denk aan je header, begeleidende visuals, beelden die jouw tekst versterken enzovoort. Belangrijk is wel om een goede balans te vinden. De verhouding tussen jouw tekst en afbeeldingen ligt respectievelijk op 60% en 40%.
Kies voor afbeeldingen van goede kwaliteit met de juiste afmetingen. Afbeeldingen voor web moeten slechts 72 dpi zijn, anders maken ze je e-mail te zwaar en wordt hij gebouncet. De afmetingen hangen af van wat je met je afbeelding wilt doen. Wil je een visual over de volledige breedte? Dan neem je dezelfde breedte als je e-mail. Logisch, toch? Voor de hoogte neem je best rond de 250 pixels. Op mobiel neemt het beeld dan niet het hele scherm in beslag, en moet je lezer ook niet onnodig veel scrollen.
Tip: crop en resize je afbeeldingen voor je ze oplaadt in je e-mailtool, in plaats van in de tool zelf. Zo voorkom je dat je afbeeldingen er op verschillende apparaten toch anders uitzien.
Don’t do this: je lezers een brok tekst voorschotelen. Have fun figuring it out! 💁️
Do this: je e-mail structuur 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 pyramide
De omgekeerde pyramide is een slim samenspel tussen je copy, je beelden en je CTAs. Hiermee leid je onbewust het oog van de lezer rechtstreeks naar jouw CTA.
Bij een omgekeerde pyramide start je met een aandachtstrekker, bijvoorbeeld een beeld op de volledige breedte van je e-mail. Daaronder heb je een stuk tekst waarin je de verwachtingen opbouwt of een voorsmaakje geeft. Doorgaans is deze tekst smaller dan het beeld. Afsluiten doe je met een aanstekelijke call-to-action, die op zijn beurt ook weer iets minder breed is.
2. 1-kolom template
Een e-mailtemplate met slechts één kolom ziet er hetzelfde uit op desktop als op mobiel. Dat is waar we tegenwoordig echt naar streven, omdat e-mails steeds vaker alleen via mobiel worden geopend. Met een 1-kolom template zit je eigenlijk altijd goed.
Is het sterker dan jezelf en kies je tóch voor een template met 2 kolommen? Hou er dan rekening mee dat op mobiel de kolommen boven elkaar staan. We lezen van links naar rechts, dus een linkse kolom op desktop, staat op mobiel boven een rechtse kolom op desktop. Dus zet je jouw tekst links en je afbeelding rechts? Op mobiel staat jouw afbeelding dan onder de tekst. Best een belangrijk detail. 😉
Don’t do this: een superfancy e-mailtemplate kiezen met verschillende kolommen.
Do this: gaan voor een 1-kolom template en de omgekeerde pyramide toepassen.
De call-to-action (CTA) van je e-mail
En… actie! 🎬 Het doel van jouw e-mail is je lezer aanzetten tot actie. Hij gaat naar je website, hij klikt op een specifiek product of hij beantwoordt de e-mail. Stuk voor stuk belangrijke stappen die je lezer kan – en idealiter moet – ondernemen en die jou geld opbrengen. Maar dan moet je ze wel eerst zover krijgen. Dat doe je met een nauwkeurig opgestelde call-to-action die de aandacht trekt, duidelijk is en waardevol is.
1. De aandacht trekken
Een call-to-action die niet opvalt, krijgt geen clicks. Zo simpel is het. Geef hem dus wat extra TLC en opmaak. Beperk je best ook tot slechts één CTA, maar heb je nog een tweede, maak dan een onderscheid tussen de primaire en de secundaire call-to-action. De primaire zet je bijvoorbeeld in een felgekleurde knop. De secundaire CTA kan dan enkel een onderlijnde link zijn. De algemene regel: hoe minder CTAs, hoe krachtiger ze zijn.
2. Duidelijk zijn
Wees volledig in de copy van jouw knoppen. Gebruik actieve taal, maar houd het ook kort en bondig. Vermijd knoppen met “klik hier”. Gebruik eerder “start nu jouw gratis proefperiode”, “schrijf je snel in op de nieuwsbrief” of “pas jouw e-mail voorkeuren aan”. Die zeggen veel meer en overtuigen je lezer ook 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 helder moet zijn, voor je lezer natuurlijk, niet voor jouw bedrijf.
Don’t do this: een passieve call-to-action schrijven die je ergens onderaan je e-mail hebt verstopt. Hoezo, laat die clicks maar komen?
Do this: extra tijd steken in je CTAs, make them your money-makers.
Check de preview
Je maakt een pareltje van een nieuwsbrief, echt waar, je bent zó trots. “Deze gaat keigoed werken, ik voel het!” denk je nog. Je verzendt je campagne, de e-mail komt aan in jouw inbox en… Hij trekt op niks. Helemaal niets van jouw harde werk is zichtbaar. De CTAs staan verkeerd, het lettertype komt niet door en elke link staat onderlijnd. Herkenbaar? Je bent vast niet de enige. 😉 Onze raad: testen, testen en nog eens testen. Zo ben je zeker dat jouw e-mail eruitziet zoals jij hem ontworpen hebt.
Wij gebruiken de tool Litmus om te kijken hoe onze e-mails eruitzien in verschillende e-mailclients. Voornamelijk de mobiele versie is de dag van vandaag heel belangrijk.
Don’t do this: ziet de e-mail er goed uit in het programma? Hup, verzenden! Lekker snel en gemakkelijk.
Do this: een tool gebruiken om te zien hoe jouw e-mail bij verschillende e-mailclients toekomt.
A/B testing, an e-mail marketeer’s best friend
Dé perfecte e-mail, bestaat die eigenlijk? Het hangt allemaal af van jouw merk en doelgroep. Gebruik daarom A/B testing om te kijken wat werkt en wat niet. Experimenteer met verschillende lengtes van e-mails, een andere structuur, een formele of informele tone of voice of verscheidene calls-to-action. Alleen zo weet je wat jouw specifieke doelgroep laat klikken!
Wist je dat je in sommige programma’s ervoor kan kiezen om bepaalde content zichtbaar of onzichtbaar te maken voor de mobiele versie van jouw e-mail? Zo kan je ervoor kiezen de header te verwijderen en “download de app” toe te voegen, of je kan kortere teksten gebruiken. Een ideaal A/B testing-experiment!
Don’t do this: ervan uitgaan dat je e-mail wel oké is. Zó verschillend kunnen mensen toch niet reageren op een e-mail, ofwel? 🤔
Do this: A/B testing gebruiken en op basis van de resultaten je e-mails volledig optimaliseren.
Voilà, nu weet jij alle do’s en dont’s van jouw e-maildesign. Wees zo creatief als je kan of wil, maar blijf binnen de spelregels van deze blogpost. Succes gegarandeerd! 🎉
Het volgende deel van onze Be Bold E-mailmarketing Gids gaat over de timing en frequentie van jouw e-mails. Die verschijnt binnenkort online. Wil je meer weten over de settings van je e-mails? Bekijk dan het eerste deel van onze Be Bold 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!
