The email isn't a flyer: how storytelling changes the way you design email campaigns

Email design

Principal Visual Designer

Phone showing an editorial layout where a hero image leads into a headline, the visual hook that earns the scroll in email design.
Phone showing an editorial layout where a hero image leads into a headline, the visual hook that earns the scroll in email design.
No headings found on page

Most promotional emails are designed like flyers. A hero image, a headline, a few product tiles, a button. The visual logic is: here is the thing, here is the price, click here.

That format works well enough when the subscriber already wants the thing. It fails almost completely when the job of the email is to make the subscriber want it. Flyers announce. Stories persuade. And persuasion is the majority of what lifecycle email marketing needs to do.

Readers are skimming for relevance, and the design controls what they skim past and what makes them stop. Narrative structure is the designer's tool for creating those stopping points intentionally.

Visual hierarchy is the story

Before a subscriber reads a single word in an email, they have already experienced the structure. The eye moves. The brain processes visual weight, contrast, whitespace, and color. That movement is a sequence, and that sequence is the designer's storytelling medium.

An email with a large hero, a tight copy block, a whitespace pause, and a clear CTA creates a rhythm: intrigue, context, breath, action. An email that puts four equal-weight product tiles below a hero creates no rhythm at all. Everything competes, so nothing wins.

Storytelling in email design is about creating intentional pacing through visual weight.

Hook, tension, resolution

The classic narrative arc maps directly to email structure.

The hook is the hero module. Its job is not to show the product. Its job is to earn the scroll. A strong hook creates a question in the subscriber's mind: what is this? Why does this matter to me? What happens next? If the hero answers too completely (here is the product, here is the price), the subscriber has no reason to keep reading.

Tension is the body of the email. The layout of the body modules should create forward momentum: a supporting claim, a social proof element, a product detail that deepens the initial hook. Each module should add something the previous one did not.

Resolution is the CTA module. It should feel inevitable given everything that came before it. The common mistake is treating the CTA as a separate design element dropped at the end. It should be the visual and emotional conclusion of the sequence above it.

Lifecycle sequences are stories with chapters

A single email is a short story. A lifecycle sequence is a novel, and the design decisions compound.

A welcome series, for example, is a narrative arc: introduction, value demonstration, invitation to engage. Each email in the sequence should feel like a chapter that builds on the last. The visual design can reinforce this by evolving the layout as the sequence progresses: starting more open and editorial in email one, becoming more product-focused in email three, more urgency-forward in email five.

Most lifecycle sequences are designed email by email rather than as a coordinated arc. The result is a series that feels like a stack of flyers instead of a story.

What this looks like in Figma

When I design a campaign, I build the module sequence before I design any individual module. I map out: what does this email need the subscriber to feel first, then understand, then do? That emotional map becomes the structural guide.

I use whitespace and visual weight deliberately: heavier elements at the top to command attention, lighter elements through the body to maintain forward movement, a visual anchor at the CTA to create resolution. Designing for skimmability is the technical execution of this principle.

The emails I'm most proud of are the ones where someone skimmed them for three seconds and clicked. That's the goal of the narrative: to make the click feel like the natural next step, not a decision.