Email marketing
Email design that converts: hierarchy, mobile and one job per email
April 24, 2026 · 5 min · ScaleLab
Most ecommerce emails are designed as brochures: beautiful, dense and unread. An email has seconds of attention on a phone screen. Design for that reality and conversion follows; design for the brand book alone and you get gorgeous archives nobody clicked.
01One email, one job
Every email needs a single primary action — shop the drop, read the guide, finish the checkout. Three competing CTAs give the reader a decision to make, and the decision they'll take on a phone is 'later'.
Structure follows: a hook up top, one idea developed briefly, one unmistakable button. Secondary links can live quietly at the bottom for the committed.
02Mobile-first is not a slogan
Most opens happen on phones: single column, generous type, buttons sized for thumbs, and the core message visible before any scroll. Preview on a real device, not just the editor.
The subject line and preview text are part of the design — they're the only part most recipients ever see, and they deserve the same care as the hero.
03Never ship image-only emails
Image-only emails break with images off, say nothing to screen readers, weigh more, and pattern-match to spam. Live text for headlines and body, images for products and mood.
Bulletproof buttons — HTML, not image — mean the CTA survives every client. Dark mode is a rendering reality now; test that logos and contrasts survive inversion.
04A design system for email, too
Reusable blocks — hero, product row, proof strip, footer — in your typography and palette make every send faster to produce and instantly recognizable in the inbox.
Consistency compounds: recognition drives opens, familiar layout drives clicks, and production time drops with every campaign.