Digitalt design · 11

E-mail-design

Mails, der ser rigtige ud i alle klienter, og som bliver læst.

Kontakt os

Sådan arbejder vi med e-mail-design

Vi designer skabeloner til nyhedsbreve, flows og transaktionsmails, der matcher brandet og virker på mobil. Bygget i Klaviyo, Mailchimp eller jeres system. Ydelsen findes, fordi e-mail typisk står for 15–30 procent af omsætningen i en webshop, men skabelonerne ofte er lavet i platformens standardeditor af den, der havde tid, og ser anderledes ud end shoppen og forskelligt fra Gmail til Outlook.

Vi starter med at gennemgå de mails, der sendes i dag, og hvad de giver i klik og ordrer. Derefter designer vi et modulsystem i Figma: header, produktgrid, tilbud, tekstblok, anmeldelse, footer, som bygges som genbrugelige blokke i Klaviyo eller jeres platform. Alt testes i Litmus eller Email on Acid på tværs af klienter, inklusive mørk tilstand og Outlook. Vi arbejder sammen med jeres e-mail-ansvarlige og med paid, når kampagner går på tværs af kanaler.

I står med et sæt skabeloner, jeres marketing selv kan bygge kampagner og flows med uden at røre HTML, plus designede flows til velkomst, forladt kurv, genkøb og ordrebekræftelse. Alt matcher shoppen og virker i alle klienter. Vi leverer også en kort guide til, hvordan modulerne kombineres, og hvilke billedstørrelser der skal bruges.

Hvornår det giver mening

  • Jeres nyhedsbreve laves i platformens standardeditor og ligner ikke shoppen, de fører til.
  • Ordrebekræftelser og fragtmails sendes stadig med platformens standarddesign fra dengang shoppen blev sat op.
  • Flows som velkomst og forladt kurv findes, men er ikke opdateret i flere år, og klikraten er faldet.
  • Marketing bruger flere timer pr. udsendelse på at få layoutet til at holde i Outlook.

Det får du

  1. Skabelonsystem
  2. Design af flows og kampagner
  3. Opsætning i platformen
  4. Test på klienter
Kontakt os

Sådan foregår det

  1. Gennemgang af nuværende mails og resultater

    Vi gennemgår kampagner, flows og transaktionsmails fra det seneste år med klikrate og ordrer pr. udsendelse i Klaviyo og GA4 og noterer, hvad der virker, og hvad der knækker i klienter. Vi aftaler, hvilke moduler og flows der skal med.

  2. Design af modulsystem og flows

    Moduler og tre kampagneskabeloner designes i Figma på designsystemets tokens, til mobil først. Flows tegnes med dynamisk indhold, og vi gennemgår med jeres e-mail-ansvarlige, før noget bygges.

  3. Opsætning og test i platformen

    Modulerne bygges som gemte blokke i Klaviyo eller jeres platform, flows sættes op med dynamiske produktblokke, og alt testes i Litmus på 30+ klienter inklusive mørk tilstand. Fejl rettes, før noget sendes.

  4. Overlevering og første udsendelser

    Vi gennemgår systemet med marketing, leverer en kort guide med billedstørrelser og modulregler og følger de første to til tre udsendelser, så justeringer sker, mens vi stadig er med.

I dybden

Skabeloner i jeres identitet, testet i alle klienter

Skabeloner i jeres identitet, der ser rigtige ud i alle mailklienter, også på mobil og i mørk tilstand. E-mail-HTML er begrænset: ingen webfonte i Outlook, ingen SVG i Gmail, og mørk tilstand inverterer farver, hvis den ikke håndteres. Vi designer med det som præmis: fallback-fonte, der ligner jeres, PNG-logo med gennemsigtig baggrund, der virker på mørk baggrund, og en struktur på én kolonne, der ikke knækker på små skærme. Alt testes i Litmus før overlevering.

Moduler til automatiserede flows

Velkomst, forladt kurv, genkøb og nyheder som skabeloner, marketing selv kan bruge i mailsystemet. Vi bygger et modulsystem i Klaviyo, hvor hver blok, produktgrid, tilbud, tekst, anmeldelse, kan trækkes ind og udfyldes uden kode. Flows designes med dynamisk indhold: forladt kurv viser de rigtige produkter, genkøb viser det, kunden købte sidst. Transaktionsmails fra PrestaShop eller Shopify designes i samme system, så ordrebekræftelsen ligner nyhedsbrevet.

Måling på klik og ordrer

Klik og ordrer, ikke kun åbningsrater. Siden Apple Mail Privacy Protection er åbningsrater upålidelige, så vi følger klikrate, ordrer pr. udsendelse og omsætning pr. modtager i Klaviyo, kontrolleret mod GA4. Vi tester emnelinjer, indhold og timing i A/B-splits og bruger fundene til at justere skabelonerne: hvor højt skal tilbuddet sidde, hvor mange produkter pr. mail, og hvilke blokke der klikkes på.

Samspil med shop, annoncer og designsystem

Mailskabelonerne bygges på designsystemets tokens, så en farve- eller typografiændring i shoppen kan følges i mails. Kampagner planlægges sammen med paid, så en Meta-kampagne og nyhedsbrevet bruger samme billeder og budskab i samme uge. Produktbilleder hentes fra feedet, så de er de samme som i shoppen og Google Shopping, og landingssiderne, mailen fører til, tjekkes, så de matcher det, mailen lovede.

Fejl, vi ofte finder

  • Mails bygget som ét stort billedeEt billede med al tekst ser rigtigt ud i Figma, men vises ikke, når billeder er slået fra, kan ikke læses af skærmlæsere, og filtreres oftere som spam. Vi bygger med rigtig tekst og billeder kun til produkter og grafik, så mailen virker uden billeder.
  • Ingen håndtering af mørk tilstandMange mailklienter inverterer farver i mørk tilstand, så et sort logo på gennemsigtig baggrund forsvinder, og farvede knapper får ulæselig tekst. Vi bruger logoer med sikker kontur, tester alle skabeloner i mørk tilstand og sætter farver, der holder begge steder.
  • Transaktionsmails glemt i redesignetOrdrebekræftelse og fragtmail har den højeste åbningsrate af alle mails, men sendes ofte i platformens standarddesign fra opsætningen. Vi designer dem i samme system som nyhedsbrevet og bruger pladsen til levering, support og relevante produkter.

Sådan måler vi effekten

  • Klikrate pr. udsendelse og pr. flow i Klaviyo, sammenlignet med de seneste tre måneder før
  • Omsætning pr. modtager i flows (velkomst, forladt kurv, genkøb), tilskrevet i Klaviyo og kontrolleret i GA4
  • Tid brugt af marketing pr. kampagneudsendelse fra brief til afsendelse

Rammer

Pris
Fra 25.000 kr.
Varighed
4 uger
Hvem
E-mail-designer og Klaviyo-specialist
Kontakt os

Et eksempel fra virkeligheden

En webshop inden for hudpleje med ca. 20.000 modtagere i Klaviyo sendte nyhedsbreve bygget i standardeditoren og havde flows fra 2021, som ingen turde røre. Vi designede et modulsystem med ti blokke på deres designsystem, tre kampagneskabeloner og nye velkomst-, forladt kurv- og genkøbsflows med dynamiske produktblokke. Alt blev testet i Litmus, hvor det viste sig, at det gamle logo forsvandt i mørk tilstand i Gmail. Efter tre måneder lå klikraten på kampagner ca. 30 procent højere end året før, og forladt kurv-flowet gav omkring dobbelt så mange ordrer pr. modtager. Marketing bygger nu selv udsendelser på under en time.

Mere inden for Digitalt design

W M D S
  1. UX & UI
  2. Wireframes & prototyper
  3. Figma design systems
  4. Brand & identitet
  5. Motion & animation
  6. Ad creatives
  7. Illustration & ikoner
  8. Designsprint
  9. Usability-test
  10. CRO-design
  11. Social content
  12. Præsentationer
  13. Print

Se det i praksis

Cases

Sokkeposten

Sokkeposten

Nyt PrestaShop site og 360 graders digital marketing med SEO og PPC annoncering.

Se alle cases
Bolighuset Werenberg A/S

Bolighuset Werenberg A/S

Et digitalt sats på e-handel, der gav pote. Se vores arbejde for Werenberg, og hvordan vækstkurven blev stejl med en stabil og udviklingsdygtig webshop.

t.i.n.g. shop

t.i.n.g. shop

Skræddersyet design og udvikling af møbelshop. Markedsføring gennem PPC med 200% vækst.

Rigtig Kaffe A/S

Rigtig Kaffe A/S

All-around design, udvikling, branding, strategi og søgemaskineoptimering

Poetzsch Padborg

Poetzsch Padborg

Avanceret Google Tag Manager setup til konverteringstracking

Ofte stillede spørgsmål

  • Ja, sammen med jer eller helt selv, i jeres tone.

  • Et modulsystem med 8–12 blokke, tre kampagneskabeloner og design af fire standardflows koster fra 25.000 kr. inklusive opsætning og test. Transaktionsmails fra shoppen prissættes separat, fordi de ligger i platformen.

  • En brugeradgang til jeres mailplatform med rettigheder til skabeloner, jeres designsystem eller brandguide, og adgang til de transaktionsmails, der sendes fra shoppen, hvis de skal med.

  • Ja. Fra identitet og logo til retningslinjer og skabeloner, og vi sørger for, at det virker digitalt først.

  • Ja, alt design lever i Figma med komponenter og tokens, som udviklere kan bruge direkte.

Næste Social content →