EMAIL DESIGN CASE STUDY · CAMPAIGN GRAPHICS · OWNED CHANNEL

The Cheapest Channel Was the Ugliest. The Email Redesign That Made It #2 for Revenue.

Niche: Candle & Home Fragrance Ecommerce StorePlatform: Shopify + KlaviyoList: ~28,000Service: Email Design System + Campaign GraphicsDelivered with the SEOSkit team, where I run design.
23%Of Revenue From Email, Up From 9%
2.4xClick Rate on Campaigns
47%Of Email Revenue From Flows, Up From 22%

01 The Neglected Channel

Every visitor this store emailed had already asked to hear from it. Then it sent them the ugliest thing it made.

A candle and home fragrance Shopify store came to us with a beautiful website, strong product photography, 28,000 email subscribers, and email producing just 9% of revenue. For context, email consistently ranks among the highest-ROI marketing channels in industry studies, and for established DTC brands it commonly drives a quarter or more of revenue. The list wasn't the problem. The store had spent years building it through popups, checkout opt-ins, and packaging inserts.

The emails were the problem. Campaigns went out as barely-edited Klaviyo defaults: a logo, a wall of text, a grid of auto-pulled product thumbnails, a blue button the brand's palette had never contained. The abandoned cart email was one line of system text. The welcome email was a receipt-looking confirmation. Meanwhile the same brand's Instagram was gorgeous, because that's where the design attention went.

This is one of the most common asymmetries in ecommerce: stores polish the channels where they rent attention (ads, social) and neglect the one channel they own. This case study covers the email design system we built (six templates, four automated flows, and a campaign graphics kit) and how essentially the same list (it grew only ~4% organically) started producing 2.5x the revenue share.

The core email design insight: an email is a one-screen store visit that happens inside someone's inbox. Subscribers judge it with the same trust instincts they apply to your website, and a default-template email from a premium brand reads like a premium storefront with a hand-scrawled cardboard sign in the window. The design gap between your site and your emails is a trust leak.

02 What the Email Audit Found

We audited a year of campaigns and every automated flow: design review, click map analysis per email, device split, and a render test across major email clients. The problems:

DESIGN PROBLEMS

Default template styling: system fonts, off-brand blue buttons, no visual connection to the site subscribers signed up on

Product thumbnails auto-pulled at inconsistent sizes and crops; the email grid looked like a marketplace digest

Walls of text above the fold; the product, the reason to click, buried two scrolls down

No hierarchy: every campaign had 5+ competing CTAs of equal visual weight

MOBILE FAILURES

71% of the list's opens were mobile; the templates were designed and previewed on desktop

Three-column product grids collapsed into tiny unreadable stacks on phones

Body text at 12px on mobile, buttons under 40px tall

Hero images with baked-in text that was illegible at phone width

FLOW NEGLECT

Abandoned cart: one plain-text system email, no product image, no urgency, sent once after 24 hours

Welcome email looked like an order receipt; the promised 10% code was easy to miss

No post-purchase flow at all, in a category where reorder timing is predictable (candles burn out)

Flows generated 22% of email revenue; for most stores flows should rival or beat campaigns

THE NUMBERS

Campaign click rate: 1.1%, well below typical ecommerce benchmarks

Click maps showed most clicks on the logo and the unsubscribe link: subscribers looking for the store, or for the exit

Email: 9% of revenue from an owned list of 28,000 warm subscribers

The old default campaign email, drawn at phone width71% of opens were mobile, but the templates were designed and previewed on desktop
First screen: a logo, then a wall of text
Further down: the three-column grid collapsed into tiny stacks, and 5+ equal CTAs
Schematic, not a screenshot: the layout as the audit in this section describes it. Red marks the auto-pulled thumbnails at inconsistent sizes and crops, collapsed into tiny stacks on a phone, and the 5+ CTAs competing with equal visual weight.

03 The Email Design Approach

Email design has unforgiving constraints: hostile rendering engines, one-column reality, a mobile majority, and readers deciding in a second whether to scroll. Our system:

1
The inbox is part of the brandContinuity

Same palette, same typefaces (with email-safe fallbacks), same photography treatment, same button language as the website. A subscriber moving from email to site should feel zero seam. This is the same brand-coherence principle that governs the site itself, extended to the one channel most stores exempt from it.

2
One email, one job, one primary CTAHierarchy

Every email gets a single primary action, visible without scrolling on a phone, with everything else visually subordinate. The old five-equal-CTAs pattern splits attention five ways and wins none of them. Secondary content can exist, below the fold, visibly secondary.

3
Templates the store can run without usHandoff

Six locked Klaviyo templates with defined image slots, character limits, and usage notes, plus a graphics kit for campaign heroes. The store's one-person marketing team assembles a branded campaign in under an hour. A design system that requires the designer for every send isn't a system; it's a subscription.

04 The Six-Template System

Every email the store sends now comes from one of six templates, each designed mobile-first at 375px and render-tested across major clients:

TemplateJobKey Design Decision
Product spotlightLaunch or feature one productOne large photo, one paragraph, one button. The restraint is the design
Collection storySeasonal collectionsEditorial hero graphic, then max three products with consistent crops
OfferSales and promotionsThe offer as designed typography, not a starburst. Code auto-applied via link
ReplenishmentReorder remindersShows the subscriber's actual last purchase, one-tap reorder
EditorialScent guides, care tipsValue content that earns opens between promotions, with soft product placement
Transactional skinReceipts, shipping noticesThe most-opened emails a store sends, finally on-brand, with a subtle cross-sell slot
Four of the six templates, drawn at phone widthDesigned mobile-first at 375px, each with a single primary action
Product spotlight: one photo, one paragraph, one button
Collection story: editorial hero, then max three products with the same crop
Offer: the offer as designed typography, code auto-applied via link
Replenishment: the subscriber's last purchase, one-tap reorder
Schematic, not a screenshot: layouts drawn from the key design decisions in the table above. The editorial and transactional templates are not drawn because the table does not describe their layout.

The balance we design to: image-only emails break when images don't load (a real share of opens) and hurt deliverability; text-only emails waste a visual brand. Every template keeps its core message, offer, and CTA as live text that renders even with images off, with photography carrying the atmosphere around it.

05 Redesigning the Automated Flows

Flows are where email design compounds: designed once, they sell every day. Four flows were built or rebuilt on the new templates:

1
Welcome (3 emails)

The 10% code as the unmissable hero of email one, the brand story in email two, best sellers in email three. The code redemption rate tripled once people could actually see it

2
Abandoned cart (3 emails)

From one plain-text nudge to a sequence: the abandoned product photographed large with a one-tap return to cart, then social proof, then a gentle expiring incentive

3
Post-purchase (3 emails)

New: candle care tips at day 3 (pure value, no sell), a review request at day 14, and a replenishment reminder timed to typical burn time at day 45

4
Win-back (2 emails)

For 90-day-inactive customers: what's new since they left, then a comeback offer. Runs on autopilot against the segment most stores silently lose

The old abandoned cart email next to email 1 of the new sequenceBefore: one plain-text email, sent once after 24 hours. After: a sequence of 3 emails
Before: one line of system text, no product image
After, email 1: the abandoned product photographed large, one-tap return to cart
Schematic, not a screenshot: both emails as described in this case study.

06 Campaign Graphics Without the Clip Art

Sales and seasonal campaigns are where brand discipline usually dies: red starbursts, drop-shadowed "50% OFF", holiday clip art. For a brand selling $38 candles on atmosphere and craft, discount graphics that look like a flyer undo the premium positioning at the exact moment of the pitch. The campaign graphics kit enforces restraint:

Campaign graphics before and after the kitSale and seasonal emails, where brand discipline usually dies
Before: flyer energySale announcementsRed banner, yellow starburst, three exclamation marks, a countdown GIF from a free generatorSeasonal campaignsStock clip art pumpkins and snowflakes pasted over product photosResultEmails that visually contradicted the premium brand subscribers signed up for
After: the kitSale announcementsThe discount set in the brand's own display type, large, on a solid brand color. The number is the graphicSeasonal campaignsSeasonality carried by photography and palette shifts (amber tones for autumn), never pasted iconographyResultPromotions that raise urgency without lowering the brand

07 Results: The Owned Channel Started Pulling Its Weight

Email's share of revenue, and flows' share of email revenue, before and after12 weeks before rollout vs weeks 3–14 after; send frequency unchanged
Email share of total revenue
Before9%
After23%
Flow share of email revenue
Before22%
After47%
Drawn from the results table below (metrics from Klaviyo and Shopify). Both groups share one scale.

Templates and flows rolled out over four weeks. Measured in weeks 3 to 14 after full rollout, with essentially the same list, the same send frequency, and no list-buying or new acquisition campaigns:

MetricBeforeAfter (Weeks 3–14)Change
Email share of total revenue9%23%↑14pts
Campaign click rate1.1%2.6%↑2.4x
Flow share of email revenue22%47%↑25pts
Abandoned cart recovery rate4%11%↑7pts
Welcome code redemptionBaseline3.1xVisible code, visible lift
Unsubscribe rate0.4%0.3%Held steady

Metrics from Klaviyo and Shopify, comparing the 12 weeks before rollout against weeks 3–14 after. List size grew organically ~4% across the window; send frequency unchanged at 2 campaigns/week. The post-purchase and win-back flows were new, so part of the flow revenue gain comes from coverage, not just design; the campaign click rate rising 2.4x is the cleanest design-only signal.

23%Revenue from email, from 9%
2.4xCampaign click rate
11%Cart recovery, from 4%
4 wksFull rollout

Context: email revenue is the store's most defensible gain from this whole engagement. Ad costs rise, algorithms change, but the list is owned, and the design system keeps producing branded sends at zero marginal design cost. The honest caveat: two of the four flows were new, so this result mixes better design with better coverage. Both were design decisions; only one is a pure redesign effect.

08 Why It Worked

Three decisions drove the result.

Flows got the design attention campaigns usually hog Biggest lever

A campaign is designed once and sends once. A flow is designed once and sends forever. Rebuilding the cart and welcome flows and adding post-purchase and win-back flows moved flow revenue from 22% to 47% of email revenue, and those emails keep selling with zero ongoing effort. Stores chronically over-invest in the weekly campaign and under-invest in the emails that run every day.

One CTA per email, visible on a phone Hierarchy

The click rate didn't rise 2.4x because the emails got prettier. It more than doubled because each email finally asked for one thing, showed it above the fold at phone width, and made the button impossible to miss. Hierarchy is the conversion mechanism; the visual polish is what lets the hierarchy breathe.

The system survives because the store runs it Durability

Locked templates with image slots, character limits, and a graphics kit mean every send since handoff has stayed on-brand without a designer in the loop. Six months later the emails look like week one. Design systems beat design projects because entropy is undefeated against one-off work.

09 Key Takeaways for Store Owners

1
Open your last campaign on your phone, next to your website.

If they look like two different companies, your most loyal audience gets your worst design. The gap is costing you revenue from people who already said yes to hearing from you.

2
Design flows before campaigns.

Cart recovery, welcome, post-purchase, win-back: designed once, selling daily. Check what share of your email revenue comes from flows; if it's under a third, your always-on emails are underbuilt.

3
One email, one job, one CTA above the mobile fold.

Most opens are on phones. If the main action isn't visible and tappable on the first screen, the email is a scroll test most subscribers won't take.

4
Promotions don't require abandoning your brand.

Set the discount in your own typography on your own colors. If your sale graphics would look at home on a windshield flyer, they're taxing the premium you charge the rest of the year.

5
Buy templates, not one-off emails.

A designed template system with locked styles and clear slots keeps every future send on-brand at zero marginal cost. One-off email designs decay into defaults within a quarter.

Reading Time: 10 minutes · Category: Ecommerce Design · Email Design · Campaign Graphics

Next case study Homepage Redesign →