Sådan griber du design af din e-mailoverskrift an som en professionel

Kunderne modtager mange e-mails dagligt, så hvis du lancerer en e-mailmarketingkampagne, skal du vide, hvordan du kan fange deres opmærksomhed mellem al den hvide støj.

En professionelt designet e-mailoverskrift kan øge din konverteringsrate - hvis du altså ved, hvordan du laver en sådan. Læs videre for at få al den vejledning, du har brug for.

Vi er vant til at høre, at djævelen ligger i detaljerne, men når det kommer til markedsføring, guddommelighed ligger i detaljerne, og dette synspunkt bør være det kompas, der styrer alle dine bestræbelser. Et godt eksempel er udformningen af e-mail-overskrifter. Selv om denne detalje kan virke som noget lille og ubetydeligt, har den magt til øjeblikkeligt at fange din målgruppe og holde dem engageret længe nok til at få dit budskab igennem.

Denne artikel vil dække alle de ting, du skal gøre og ikke gøre for at skabe en professionel e-mailoverskrift, og give dig ideer til design af e-mailoverskrifter, så du kan komme i gang.

En e-mailoverskrift er dit publikums første indtryk af dig, så den skal være god, hvis du vil have dem til at læse resten af e-mailen. Kort sagt skal den kommunikere din brandidentitet og være engagerende nok til at tilskynde til interaktion med indholdet. Så lad os gå i detaljer med, hvad der vil få din e-mailoverskrift til at få folk til at se dig.

Hvad er en e-mailoverskrift?

Den tekniske definition af en e-mail-header er den sekvens af HTML-kode, der indeholder autentificeringssignaturer (DKIM, SPF m.m.) sammen med andre detaljer som f.eks. e-mail-scoring, e-mail-behandlingstid og kategorisering.

Men inden for design og markedsføring er e-mailhovedet den øverste del af din e-mail, som normalt er afgrænset fra resten af e-mailens indhold. Denne del af e-mailen består af virksomhedens navn og logo. Den indeholder også normalt en produktmenu med links til webstedet eller en tekst, der reklamerer for et nyt tilbud eller en rabat.

De e-mails, der får mest opmærksomhed og har en høj konverteringsrate, er dem, der har en veludformet e-mailoverskrift, som gør arbejdet med at engagere din målgruppe. Dette kræver færdigheder hos grafiske designere, tekstforfattere, udviklere og marketingspecialister.

I dag er markedsføringsmails blevet så avancerede, at de nemt kan sammenlignes med landingssiderne på websites. Det betyder, at du skal være helt på toppen, når det gælder udformningen af hver enkelt del af mailen, hvis du vil forblive konkurrencedygtig.

En e-mailoverskrift må ikke forveksles med en preheader eller "Johnson Boxes". Disse korte tekststykker er placeret ved siden af e-mail-adressen og emnelinjen. Teksten opsummerer indholdet af din e-mail. Og selv om de som standard er et uddrag af den første sætning i e-mailen, der indsættes automatisk, kan de også udarbejdes manuelt.

Fodteksten er den nederste del af din e-mail, som også kan indeholde vigtige oplysninger for dine læsere, f.eks. kontaktoplysninger, links til sociale medier m.m. Men da overskriften er det første, dine læsere ser, skal du sørge for, at de vigtigste oplysninger altid er placeret der.

Tænk på e-mail-hovedet som en god bogs blurb. På samme måde som en blurb giver et øjebliksbillede af, hvad læseren kan forvente, fanger e-mail-hovedet øjeblikkeligt din målgruppes fantasi. Du har én chance for at gøre indtryk, så hvis du er i e-mail-marketingspillet, er det ikke tid til at være doven eller hurtig.

Nu hvor du har forstået, hvor afgørende e-mailhovedet er i din e-mailmarketingkampagne, er det tid til at finde alle de gode tricks, der kan føre dit hoved fra "meh" til "mesterligt". Vi vil vise dig hvordan ved at fokusere på hvert enkelt element og udpege alle de ting, du skal og ikke skal gøre for den pågældende komponent. Men først nogle generelle retningslinjer.

Generelle retningslinjer

E-mail-hovedet er et frit rum til at indsætte oplysninger om dit brand eller markedsføring, og du kan også bruge det til at gøre e-mailen nemmere at navigere i. Her er nogle overordnede retningslinjer, før vi går i detaljer med de nærmere detaljer.

Dos

• Overskriften på e-mailen skal kommunikere brandet og det, det står for. Med andre ord skal læseren straks vide, hvem e-mailen er fra.
• Overskriften skal være alsidig, så den kan bruges til alle dine e-mail-kampagner.
• Konsistens er nøglen, så læserne straks ved, hvem det er fra.
• Med hensyn til design og indhold er det altid mere effektivt at være enkel og kortfattet. Hvis der er for meget, vil dit publikum sandsynligvis blive forvirret og overvældet, hvilket ikke vil få dem til at læse videre.
• Af hensyn til effektiviteten er det bedre at have et udvalg af forskellige header-versioner ved hånden. Når du har oprettet et par muligheder, skal du have adgang til disse e-mailheader-skabeloner, så du nemt kan skifte fra den ene til den anden. Forskellige versioner vil også holde dit brand frisk.

Det skal du ikke gøre

• Når det gælder navigationen, bør du ikke have for mange valgmuligheder, som vil forvirre dit publikum.
• Størrelsen af e-mailhovedet må heller ikke være for stor. Målet bør være mindre end 70px højt, hvis der ikke er en menu, eller mindre end 200px, hvis du har en menu.
• Hvis du ændrer dine overskrifter, må du ikke gøre det for ofte, så dit publikum kan gætte, hvem det er fra.
• Brug ikke mere end tre eller fire elementer i dit menuvalg. I denne henseende er en enkel overskrift næsten altid den bedste løsning.
• Du må ikke ofre pointen med din header på skønhedens alter. Sørg for, at headerne altid repræsenterer dit brand med et klart budskab.
• Du må ikke tilføje for mange links, da e-mailen kan ende i spam-mappen. Ikke mere end tre links er nok.

Detaljernes guddommelighed

Nu hvor du har et generelt udgangspunkt, er det tid til at gå mere i detaljer med de forskellige komponenter i designet af din e-mail-overskrift.

Logikken i logos

Logoet er en afgørende del af dit mærkes identitet og er et vigtigt element i overskriften. Så hvis du ikke ved, hvordan du laver et godt logo, er det nu, du skal lære det.

Mærker skaber ofte en e-mail-hovedtekst ved hjælp af deres logo. Da logoet visuelt indfanger dit brand, er det et virkningsfuldt element, der har mulighed for at gøre det meste af arbejdet.

Vidste du, at 90 % af den information, som vores hjerne behandler, er visuel? Derfor er logoer så effektive. Desuden adskiller det e-mailen fra alt andet i dine læseres indbakke.

Alternativt kan du indsætte logoet øverst i overskriften og derefter inkludere en menu for at forbedre navigationen. Dette sparer plads og gør det muligt for publikum at genkende dit brand med det samme.

Med hensyn til placering er det standard at placere logoet i øverste venstre hjørne, fordi vi læser fra venstre mod højre, og det gælder også for scanning, hvilket gør dit logo uoverskueligt. Det viser sig, at logoer placeret øverst til venstre øger genkendelsen af mærket med 89 %.

Og hvis du er bange for, at det skal se gammelt ud, kan du pifte det op ved at lege med farverne. Nogle mærker udnytter f.eks. en kontrastfarve omkring logoet for at få det til at skille sig ud.

Hvis dit logo er for stort til denne placering, kan du altid lave en strømlinet version, der stadig kommunikerer kerneaspekterne af dit brand. Alternativt kan du flytte logoet til midten, så det er fremtrædende nok til at fange opmærksomheden. Placeringen i midten fungerer også bedre til smartphonevisning, eller hvis du planlægger at inkludere et stort billede under det.

Hvis du har til hensigt at følge dit logo med en stor tekst, er det bedre at gøre logoet mindre, især for populære mærker.

Din vigtigste pointe bør være følgende: Hold udseendet så ensartet som muligt. Du kan starte din e-mailmarketingkampagne med at lave nogle split-tests for at se, hvilken placering og hvilke elementer der fungerer bedst sammen, men når du har fundet et svar, skal du holde dig til det.

Kreativitet med farver

Vær smart med farver: Ved at lege med forskellige farvesammensætninger kan du gøre din e-mailoverskrift meget mere effektfuld.

Hvis du f.eks. vælger en baggrundsfarve, der fremhæver dit logo, din tekst eller dine billeder, kan du ændre din header fuldstændigt. Du kan skabe denne effekt ved hjælp af en HTML-baggrundsfarve, som du indsætter på begge sider af et billede eller logo eller endda under den levende tekst.

Og glem ikke, at farver er så stærke, fordi de fremkalder bestemte følelser.

Rød vækker appetitten, mens blå får os til at føle os rolige. Grøn er afslappende, og gul gør os begejstrede. Det er klart, at dine farvevalg kræver nøje overvejelse, så dette ville være et godt tidspunkt at lære mere om farvernes psykologi, og hvordan dette kan påvirke dit design.

At ændre farverne på din e-mail er også en effektiv måde at give dit brand et nyt ansigt, så folk bliver ved med at være engagerede. Du kan overholde kravet om konsistens ved at beholde alle de andre elementer uændret og kun ændre farverne. Hvis du beholder logoplacering, billed- og tekststørrelser og layout som hidtil, vil folk stadig kunne genkende brandet, men vil blive positivt overrasket over det nye, friske look.

Husk dog at bruge farver, der passer til dit brand. Dit farveskema skal passe til dit brands visuelle identitet, for hvis det bliver for eksperimenterende, vil dit publikum sandsynligvis blive afskrækket og forvirret.

De forskellige aspekter af billeder

Som vi har nævnt, er visuelle billeder utroligt stærke, fordi de fremkalder minder og andre konnotationer, der får dit brand til at blive hængende. Det er derfor ikke overraskende, at integrering af et fængende billede i e-mailhovedet kan gøre din e-mailhovedetekst meget mere virkningsfuld.

Målet er at finde billeder, der tiltrækker øjet. De billeder, du vælger, skal naturligvis passe til dit brandbudskab og supplere andre billeder, der måtte være i e-mailen.

E-mail-hovedet er f.eks. et fantastisk sted at vise dit produkt ved hjælp af billeder af høj kvalitet. Men sørg for at huske billedets størrelse, da hovedet ikke indlæses med det samme, hvis du bruger billeder på over 1 MB. Det er også derfor, at brands ofte inkluderer en "view on the web"-indstilling, da dette garanterer, at alle dine visuelle elementer indlæses korrekt, så de får et smukt udseende og en god fornemmelse.

Og bare rolig: Du kan bruge stockfotos eller stockbilleder af høj kvalitet, hvis du ikke har e-designere, der kan lave billeder fra bunden.

Ud over billeder kan du også overveje at indlejre GIF'er, især hvis dit brand er let og legende.

En anden effektiv strategi er at indarbejde baggrundsbilleder. Dette billede er bag alle dine e-mail-elementer, hvilket betyder, at billedet skal supplere alle aspekter af e-mail-designet.

Du kan betragte baggrundsbilledet som den komponent, der forbinder logoet, overskriften og e-mailfoden. Desuden kan dette billede henlede opmærksomheden på eventuelle call-to-action-knapper, som du ønsker at fremhæve.

Det er blevet vist, at baggrundsbilleder forbedrer din leveringsgrad, så hvordan skal du præcis integrere dem?

En vigtig faktor er igen den måde, hvorpå farverne i dine billeder står i kontrast til eller supplerer hele e-mailens design. Du kan endda sikre dig, at dine farvevalg er tilgængelige for offentligheden og handicappede ved at tjekke disse retningslinjer for tilgængelighed af webindhold.

Ifølge deres anbefalinger bør kontrastforholdet være mindst 3:1 for stor tekst og 4,5:1 for standardtekst.

Vi har allerede understreget vigtigheden af enkelhed, hvilket også gælder for baggrundsbilleder. Minimalisme gør din e-mail læsbar, for hvis der sker for meget i baggrunden, er det svært at scanne teksten eller andre vigtige designelementer.

Og da alle e-mail-programmer ikke understøtter billeder, er det også klogt at have en ensfarvet baggrundsfarve som en backupmulighed. Igen skal denne farve understøtte alle de andre elementer og få de vigtigste dele til at skille sig ud.

Du kan også vælge responsive baggrundsbilleder, hvis du er villig til at gøre en ekstra indsats. Dette garanterer, at det rigtige billede vises afhængigt af position, skærmstørrelse, orientering, opløsning og sidelayout. Responsive baggrundsbilleder giver hurtigere indlæsningstider og forbedrer brugeroplevelsen betydeligt, så det er indsatsen værd.

Overvejelser om kopiering

Teksten i din e-mail-hovedtekst er afgørende for at levere det centrale budskab, som du ønsker at få overført.

Når det kommer til indholdet af din tekst, er en almindelig strategi at starte med en kompliment efterfulgt af en kraftig opfordring til handling (CTA). Du kan også nævne eksklusive tilbud såsom gratis forsendelse, rabatter eller andre særlige tilbud. Dette fanger straks din læsers opmærksomhed, da der ikke er noget, folk elsker mere end en salgsfremmende e-mail.

Kortfattede og enkle tekster er altid at foretrække frem for langvarigt sludder, så tjek, at hver eneste del af teksten er nødvendig, og sørg for at inkludere slagkraftige CTA'er, der går lige til sagen.

Igen, kun de vigtigste oplysninger hører hjemme i overskriften, hvilket også gælder for teksten. Husk, at du kan uddybe teksten i selve e-mailen.

Ud over indholdet af din tekst skal du også overveje placeringen af dine CTA'er. De andre elementer i din header skal henlede opmærksomheden på den handling, du ønsker, at din læser skal foretage sig. Placer dine call-to-action-knapper i midten, og placer andre elementer, så brugernes øjne naturligt flyder hen mod dem.

Designprincipper

Nu er det tid til at gennemgå, hvordan alle ovenstående elementer skal hænges sammen for at skabe en e-mailoverskrift, der skaber en sammenhængende helhed.

For det første er professionelle e-mails, der bruges i e-mailmarkedsføringskampagner, standardmæssigt designet og kodet i HTML, men de kan også være designet som JPEG. Generelt er avanceret e-mailudvikling ikke anderledes end almindelig webudvikling. E-mail-designere opretter ofte e-mailoverskrifter ligesom de ville oprette websideoverskrifter.

Med hensyn til det overordnede design af din e-mail-hovedtekst skal du anvende et hierarki af betydning for de forskellige elementer. Det bestemmer den rækkefølge, som din målgruppe tager imod de forskellige komponenter i designet, hvilket i høj grad påvirker, hvor brugervenligt og læsbart indholdet er.

Dernæst skal du overveje, om stilen er konsistent. Ved at have din målgruppe i tankerne kan du beslutte, hvilken stil der passer til deres værdier i stedet for at kombinere forskellige stilarter, der ikke rammer plet. Er din målgruppe f.eks. typen, der er praktisk anlagt, eller er de mere kunstneriske og flamboyante?

Vi ved, at e-mails ses på forskellige enheder, hvilket påvirker, hvordan e-mailhovedet opleves. Med dette i tankerne er det bedre at vælge en bredde på 600px, da dette er universelt, med en opløsning på mindst 72ppi. Nogle gange er det at foretrække at gøre billederne større og dynamisk skalere dem ned til 600px ved hjælp af CSS.

Og når det gælder teksten, skal du sikre, at alle skrifttyperne vises uanset enhed. Derfor er det klogere at holde sig til skrifttyper, der er sikre til e-mail, som f.eks:

• Kurer
• Courier Ny
• Arial
• Arial Black
• Georgien
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

Andre muligheder omfatter Palatino, Linotype, Lucida Grande, Lucida Sans Unicode, Monaco, Book Antiqua, Geneva, Helvetica, Impact og Lucida Console.

Vi har allerede nævnt muligheden for at se e-mailen på nettet. Dette er afgørende, hvis du har valgt interaktive elementer i din e-mailhovedtekst, f.eks. GIF'er, nedtællingstimer, videoer osv. Da ikke alle udbydere af e-mailtjenester er lige gode, gør du det muligt for alle modtagere at se e-mailen som tiltænkt. Denne mulighed er ofte placeret øverst og er forbundet med et hyperlink.

Et andet almindeligt designelement er en menu, der fungerer som en miniudgave af dit websted og effektivt guider læserne til dit websted, da de nemt kan finde det, de leder efter, direkte fra overskriften.

Menuer fungerer særligt godt, hvis du er i tøj- eller fødevareindustrien, da læserne gerne vil vide mere om en bestemt varekategori, før de træffer en beslutning. Denne taktik er fordelagtig, når det kommer til konvertering.

Da sociale medier er så populære, inkluderer brands ofte ikoner for sociale medier i deres overskrifter. Dette leder læserne til andre kilder og platforme for engagement med dit brand og giver dem muligheder for, hvordan de gerne vil engagere sig i det. Ikoner for sociale medier vil straks fange dine brugeres opmærksomhed, hvis de er i e-mailoverskriften.

En anden effektiv strategi, som vi har nævnt, er at inkludere nedtællingstimere, der understreger tidsbegrænsningen på et tilbud og opfordrer folk til at udnytte det, mens de kan. Ved visuelt at kommunikere, hvor meget tid der er tilbage, og hvor hurtigt tiden løber ud, kan du få flere læsere til at handle nu. Nogle undersøgelser viser, at produkter i begrænset oplag også har en stærk effekt ved at skabeuopsættelighed.

En sidste mulighed er at blande tingene ved at tilpasse din e-mail-overskrift til særlige begivenheder eller helligdage. Sørg for, at der er tilstrækkelig konsistens til, at folk kan genkende dit brand med det samme. Behold f.eks. den samme positionering og stil, men skift farverne ud.

Vi har listet flere forskellige funktioner, som du kan inkludere i dit design af e-mail-overskriften, men husk, at selvom du ønsker at gøre den så engagerende som muligt, skal du heller ikke overdrive den. Hvis der er for meget, kan det overvælde dine læsere, hvilket betyder, at de ikke vil foretage sig noget, og at de sandsynligvis vil navigere væk fra e-mailen.

3 eksempler på design af e-mail-overskrifter diskuteret

Med disse retningslinjer i baghovedet er det tid til at gennemgå nogle idéer til design af e-mailoverskrifter for at se, hvordan forskellige brands har anvendt disse principper, og hvorfor de fungerer så godt.

Eksempel 1

Denne e-mail-header har taget princippet om enkelhed til sig, hvilket giver en effekt uden rod. I midten ser vi logoet, som skiller sig ud takket være den kontrasterende baggrundsfarve. Da der er et ret stort billede under det, fremhæver det orange bånd effektivt logoet, som trækker øjnene til sig, fordi der er så få andre elementer i headeren.

Teksten i øverste venstre hjørne er kortfattet og præcis og gør kunderne opmærksomme på den vigtige nyhed, at BrunchStop er kommet i gang på sin nye lokation. Derfor giver valget af billeder også mening, da de giver et billede af, hvordan lokalerne ser ud, og motiverer kunderne til at besøge butikken.

De skaber også mere interesse ved at annoncere nye tilgængelige måltider og motivere kunderne til at komme i butikken for at prøve noget nyt. Den eneste anden funktion er ikonerne for sociale medier i øverste højre hjørne, som gør det muligt for læserne at engagere sig i brandet, som de ønsker det. Det er også en god måde at få kunderne til at henvende sig, hvis de har spørgsmål.

Farvesammensætningen er også minimalistisk, men effektiv, da alle nuancerne supplerer hinanden og skaber en sofistikeret og alligevel hjemlig stemning, som er perfekt til et eksklusivt spisested. Alt i alt er det en meget effektiv e-mailoverskrift, der får arbejdet gjort.

Eksempel 2

Dette er en simpel e-mailoverskrift fra en tøjbutik. Logoet er fremtrædende og meget større end det foregående, hvilket fungerer godt, fordi skrifttypen er fed og usædvanlig. I dette tilfælde gør logoet det meste af det tunge arbejde, hvilket er en tiltalende løsning for mere kendte mærker med en stabil kundebase.

Det eneste andet element i denne overskrift er menuen, som opfordrer kunderne til at navigere direkte til de produkter, de er mest interesserede i. Det vil gøre det mere sandsynligt, at kunderne vil gå ind på webstedet og foretage et køb på baggrund af tilbuddene i mailens hovedtekst.

Med hensyn til farvesammensætningen har dette mærke valgt sort/hvid, hvilket er både minimalistisk og dristigt og tiltrækker øjet på grund af kontraststyrken. Det viser, at mere ikke altid er bedre.

Eksempel 3

Dette eksempel på et finurligt og sjovt brand indeholder mange af de allerede omtalte funktioner, men med et mere komplekst design for at rumme alle de forskellige elementer. Logoet er centreret for at give plads til alle de andre oplysninger, herunder en kampagne, en menu og sociale ikoner.

Den dristige illustrationsstil og de livlige farver fremhæver logoets og brandets identitet. Vi er også vilde med collagebilledet, da det får designet til at skille sig ud. Farvesammensætningen er meget mere fyldig end i vores tidligere eksempler, men det giver mening i betragtning af brandets karakter. Dette eksempel viser, at der ikke er én måde at lave en e-mailoverskrift på.

Bedste værktøjer til oprettelse af en e-mailoverskrift

Nu hvor du har en bedre idé om, hvad du vil skabe, er det tid til at dykke ned i nogle værktøjer, der kan hjælpe dig med at gøre dette. Du kan enten bruge færdige e-mailskabeloner eller oprette din e-mailoverskrift fra bunden.

Der findes mange e-mailmarketingplatforme med online-skabeloner, som du kan tilpasse ved at tilføje billeder, ændre farver og ændre størrelsen på elementer. Canva og VistaCreate tilbyder begge et bredt udvalg af skabeloner, som du kan tilpasse efter eget ønske.

Med denne mulighed kan du blot uploade dit logo og billede og derefter tilføje en tagline eller en CTA. Du kan derefter downloade det i et passende format, f.eks. JPG, PNG, PNG Transparent eller PDF.

Men husk på, at skabeloner altid har deres begrænsninger, så der er ingen erstatning for den kunstneriske frihed, der ligger i et avanceret designprogram som Vectornator. Med denne intuitive og funktionsrige løsning kan du skabe virkelig spektakulære e-mailoverskrifter, der får dine e-mails til at konvertere.

Design alt, hvad du kan forestille dig, op til 30 % hurtigere, og indarbejd detaljerede illustrationer, fantastiske layouts og virkningsfulde bogstaver. Vectornator tilbyder alt, hvad du kan få brug for, når du skal lave spændende logoer.

Da det er et professionelt vektorgrafikdesignprogram, har du endelig frihed til at skabe typografi, logoer og illustrationer, der passer til dit talent og dine evner.

Gør dig klar til at bruge penværktøjet til fantastiske kunstværker, og indfang alle dine idéer med kamerascanneren, som giver dig mulighed for at importere skitser, du måske har startet med.

Prøv Vectornator gratis, og se, hvordan det vækker din fantasi til live.

Download Vectornator for at komme i gang

Løft dine designs til det næste niveau.