Voor marketeers is effectief e-mailontwerp meer dan de lettertypen en afbeeldingen die u kiest. Een goede e-mailsjabloon ziet er niet alleen aantrekkelijk uit, maar houdt ook rekening met de speciale functies en beperkingen van de e-mailclients die worden gebruikt om de berichten te lezen.
E-mailpictogram door Oliver Sin
Het ontwerpen van een effectieve e-mailcampagne betekent denken als een marketeer. Dit is wat u moet weten om uw sjablonen geweldig te maken.
Voordat u begint met ontwerpen, moet u het doel van de e-mail begrijpen - zodat de lezer kan doorklikken naar een bestemmingspagina of website. De e-mail is niet de uiteindelijke ervaring van de lezer met het merk of bedrijf, het is slechts de eerste stap.
Ontwerp uw e-mailsjablonen om actie te inspireren, of het nu gaat om een share op sociale netwerken, doorsturen naar een vriend of klikken om een aankoop op een website te voltooien. De e-mail is de toegangspoort tot de rest van de marketingervaring.
Wanneer u begint met ontwerpen, wilt u een paar dingen in gedachten houden:
De meeste e-mailclients kunnen deze breedte aanpassen zonder dat de lezer zijwaarts hoeft te schuiven om meer te zien.
* Tenzij u voldoende zelfvertrouwen hebt om de wereld van responsief webdesign te betreden.
De preheader is de paar regels kleine tekst boven het hoofdkopbeeld. Preheaders bevatten meestal instructies voor het opnemen van witte lijsten, links naar een mobiele versie of websiteversie van de e-mail, of een korte samenvatting van de inhoud van het bericht. Plaats wat dummy-tekst hier als een plaatshouder voor de voorhand.
Gmail en Outlook tonen een voorbeeld van de tekst van een e-mail naast de onderwerpregel. Dit tekstvoorbeeld wordt het fragment genoemd en wordt meestal ingevuld door de inhoud van de voorzin of een beschrijving van een alt-tag in de eerste afbeelding van de e-mail.
Met het fragment kunnen marketeers hun berichtcontent plagen en hun onderwerpregels uitbreiden. Het toevoegen van een kleine transparante afbeelding bovenaan de sjabloon geeft marketeers de mogelijkheid om het fragment in de alt-tag van de afbeelding op te nemen in plaats van ruimte in hun preheader te besteden aan snippet-tekst.
Als u knoppen ontwerpt om lezers tot actie aan te zetten, wees dan voorzichtig met de tekst die u gebruikt. Zinnen als 'Nu kopen!' Kunnen natuurlijk aanvoelen, maar kunnen ook lezers afschrikken die nog niet klaar zijn om een aankoop te doen.
Maak de tekst minder bedreigend maar nog steeds direct - zoiets als 'Meer informatie' of 'Ontdek hoe' kan lezers nog steeds inspireren door te klikken zonder de grotere inzet om een aankoop te doen.
Wanneer u een e-mailsjabloon ontwerpt, denkt u waarschijnlijk aan de grote afbeelding, hoe het bericht eruit zal zien wanneer het volledig open is in een e-mailclient of browservenster.
Maar ten minste 64% van de consumenten opent zijn e-mail niet volledig, maar leest ze via het voorbeeldvenster van zijn e-mailclient.
Ontwerp met het voorbeeldvenster in gedachten: plaats het bedrijfslogo in de linkerbovenhoek van de e-mail en plan voor belangrijke tekstinformatie om weer te geven in het linkerbovenkwartier, zoals Old Navy dat doet.
Veel e-mailclients blokkeren afbeeldingen standaard als veiligheidsmaatregel. En slechts 33% van de internetgebruikers wijzigt deze instelling in hun e-mailaccount om afbeeldingen automatisch weer te geven.
Bestrijd geblokkeerde afbeeldingen en zorg ervoor dat de boodschap van de marketeer nog steeds overkomt door alt-tags te gebruiken om beschrijvingen van belangrijke visuele elementen toe te voegen, zoals logo's, navigatieknoppen of kortingsbonnen.
En maak uw ontwerpen niet volledig op afbeeldingen gebaseerd. Neem ruimte op voor tekst in uw sjabloon zodat de marketeer niet alleen op afbeeldingen hoeft te vertrouwen om de aandacht van zijn lezers te trekken.
Ten minste 34% van de consumenten gebruikt hun mobiele apparaat om e-mail te controleren. Maar niet alle e-mails vertalen goed naar mobiele gebruikers.
Of u nu responsief ontwerpt of een kleinere lay-out met een vaste breedte gebruikt, vergeet niet om de metatag voor de viewport op te nemen in de kop van uw sjabloon. Dit zorgt ervoor dat alle apparaten uw lay-outafmetingen interpreteren zoals u van plan bent.
Gebruik een grotere lettergrootte om de leesbaarheid op mobiele apparaten te garanderen. Vergeet ook niet om veel witte ruimte rond knoppen en koppelingen te laten zodat ze gemakkelijker met een vinger kunnen worden getikt.
Een goed ontworpen e-mail versterkt het merk van een bedrijf. Het combineren van een aantrekkelijke lay-out met eenvoudige navigatie zorgt voor een positieve ervaring voor de klant, wat kan leiden tot betere responspercentages voor de marketeer.
Wanneer u ontwerpt als een marketeer, zullen de marketeers die u ontwerpt, opvallen.
Klaar om uw eigen e-mailsjablonen te ontwerpen? AWeber, de toonaangevende e-mailmarketingsoftware voor ondernemers, bedrijven en non-profitorganisaties, organiseert een sjabloonontwerpwedstrijd om de lancering van haar nieuwe berichteditor met slepen-en-neerzetten te vieren. De winnende ontwerpers krijgen een lidmaatschap van Tuts + Premium en maximaal 10 tweedeprijswinnaars ontvangen 3 maanden AWebers e-mailmarketingservice gratis. Ga naar de AWeber-blog voor volledige wedstrijdregels en details.