Klaviyo email design
I design on-brand emails in Figma, get your approval, then set them up in Klaviyo so they look right on every phone and inbox. A beautiful email isn't automatically a good one, so every design I create combines strategy, copy, UX, and brand, not just graphics.
5.0 on Fiverr and Upwork · 190+ projects delivered · Klaviyo Product certified
Brands I've designed emails for
My approach
I've seen emails that look amazing in Figma but still underperform: a weak call to action, no clear hierarchy, an unclear offer, a poor mobile layout, or simply too much going on. That's why I don't treat email design as graphic design alone. Every email I create has to look like your brand and help someone decide to buy.
Three production methods
These aren't three competing services. They're three ways I produce an email, and I pick the one that fits the design and how often you'll edit it.
I design directly in Klaviyo's drag-and-drop editor, using sections, columns, product blocks, dynamic content, and reusable universal content.
I design the email in Figma first, you approve it, and I recreate it in Klaviyo. Design and setup are separate, so the creative work gets full attention.
For designs the native editor can't handle, I code the template in email-safe HTML and import it into Klaviyo, or create a hybrid template with editable areas.
| Area | Native Klaviyo | Figma + Klaviyo | Custom HTML |
|---|---|---|---|
| Coding required | No | No, design first | Yes |
| Design flexibility | Medium–high | Very high | Very high |
| Easy for your team to edit | Excellent | Excellent when set up natively | Limited |
| Speed | Fast | Medium | Slower |
| Dynamic Klaviyo features | Excellent | Excellent | More technical |
| Approval before setup | Good | Excellent | Good |
| Best for campaigns and flows | Excellent | Excellent | Good |
My workflow
This is how I produce every email. I only move to custom HTML when native Klaviyo genuinely can't do the design, because coding every campaign doesn't scale.
Inside the Figma process
Example: a new jacket launch, with one goal of sending customers to the product page.
What should the reader do after opening? Here, visit the product page.
Logo, hero, headline, benefits, lifestyle image, social proof, CTA, footer. Structure first, colors later.
Your colors, fonts, photography style, buttons, icons, and spacing, so the email feels like your website.
Around 600–640px wide, designed for how emails actually render, not like a 1440px landing page.
A separate mobile design for text size, button size, stacking, and image cropping. Mobile isn't just desktop made smaller.
You approve copy, images, layout, products, and CTAs before setup, which keeps revisions cheap.
Natively in Klaviyo for standard layouts, or as custom HTML or a hybrid template when the design needs it.
A typical email structure
One rule I keep
Exporting the whole Figma design as one long JPG.
Use Figma as the design reference, then set it up with live elements.
Template system
For long-term clients, I create a set of reusable modules instead of designing every email from scratch. Each campaign becomes a combination of modules, which makes production faster and keeps every email consistent.
My design checklist
Recent work
The biggest issue when getting an email designer is that you need to micro manage everything, they ask 100 questions to do the job. Well thats not the case here. All i did was give my product, content and website, he made the rest. I could write a whole paragraph.
The abandoned checkout flow recovers €2K+ every single month. The design quality is exceptional. It doesn't look like a Klaviyo template, it looks exactly like our brand.
Obaid is truly Amazing 💯 The level of Quality exceeded my expectations. Amazing work 😁 Very professional Quick to respond Quick delivery Will definitely recommend & use him again
FAQ
Let's talk
Send me your website and a recent email, and tell me what you'd like to change. The first conversation is free. You can also browse my email design portfolio first.
