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 rebuilt automated flows, and a campaign graphics kit, and how the same list started producing 2.5x the revenue share with zero new subscribers.
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 the exit
Email: 9% of revenue from an owned list of 28,000 warm subscribers
03 Our 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:
Continuity
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.
Hierarchy
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.
Handoff
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:
| Template | Job | Key Design Decision |
|---|---|---|
| Product spotlight | Launch or feature one product | One large photo, one paragraph, one button. The restraint is the design |
| Collection story | Seasonal collections | Editorial hero graphic, then max three products with consistent crops |
| Offer | Sales and promotions | The offer as designed typography, not a starburst. Code auto-applied via link |
| Replenishment | Reorder reminders | Shows the subscriber's actual last purchase, one-tap reorder |
| Editorial | Scent guides, care tips | Value content that earns opens between promotions, soft product placement |
| Transactional skin | Receipts, shipping notices | The most-opened emails a store sends, finally on-brand, with a subtle cross-sell slot |
The 40/60 rule 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 rebuilt on the new templates:
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
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
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
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
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:
BEFORE: FLYER ENERGY
Sale announcements
Red banner, yellow starburst, three exclamation marks, a countdown GIF from a free generator
Seasonal campaigns
Stock clip art pumpkins and snowflakes pasted over product photos
Result
Emails that visually contradicted the premium brand subscribers signed up for
AFTER: THE KIT
Sale announcements
The discount set in the brand's own display type, large, on a solid brand color. The number is the graphic
Seasonal campaigns
Seasonality carried by photography and palette shifts (amber tones for autumn), never pasted iconography
Result
Promotions that raise urgency without lowering the brand
07 Results: The Owned Channel Started Pulling Its Weight
Templates and flows rolled out over four weeks. Twelve weeks after full rollout, with the same list, the same send frequency, and no list-buying or new acquisition campaigns:
| Metric | Before | After (12 Weeks) | Change |
|---|---|---|---|
| Email share of total revenue | 9% | 23% | ↑14pts |
| Campaign click rate | 1.1% | 2.6% | ↑2.4x |
| Flow share of email revenue | 22% | 47% | ↑25pts |
| Abandoned cart recovery rate | 4% | 11% | ↑7pts |
| Welcome code redemption | Baseline | 3.1x | Visible code, visible lift |
| Unsubscribe rate | 0.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 replenishment and win-back flows were new, so part of the flow revenue gain comes from coverage, not just design; the campaign click rate doubling is the cleanest design-only signal.
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, welcome, 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 double because the emails got prettier. It 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
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.
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.
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.
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.
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.
Is Your Email List Earning What It Should?
We'll audit your templates, flows, and campaign graphics against your site's brand, and show you where your owned channel is leaking revenue.
Reading Time: 9 minutes · Category: Ecommerce Design · Email Design · Campaign Graphics