Build Design Systems With Penpot Components
Penpot's new component system for building scalable design systems, emphasizing designer-developer collaboration.

UX Power Tools – Medium | Jon Moore Marketing made me do it.
If you work at a big enough company, there’s probably a designer or five on the marketing team whose sole responsibility is designing emails.
The important word here: designing.
I, for one, was shocked to discover that those InVision emails don’t just design themselves when Clark emails a hundred thousand designers from his iPhone.
Crazy, right?
So yeah, that means someone is actually responsible for designing these emails and figuring out the best time to drop them in the proverbial internet mailbox to end up in our already-overstuffed inboxes.
Matthew Smith and his squad over at ReallyGoodEmails have been collecting email designs like baseball cards since at least 2014 when the domain was first registered, and ever since then, they’ve featured thousands of emails from all kinds of businesses. It’s funny…it’s kind of like a digital museum of bygone advertisements. I’m sure those exist in the real world.
Really Good Emails – The Best Email Designs in the Universe (that came into my inbox)
This article explores 4 categories of emails that get sent to users and customers. ReallyGoodEmails™ does a ReallyGoodJob™ at categorizing, so we’re just going to formalize those definitions. Credit to them for the categories, credit to me for the [hopefully not terrible] definitions.
Before we really dive in, it’s important to understand the distinction between transactional emails and one-to-many emails. MailChimp does a smashing job at describing them here, but allow me to summarize:
Within each of these blanket categories (sounds…soft), there are different types of emails you can send users to fulfill the goal(s) you’re trying to achieve.
http://reallygoodemails.com/promotional/social/treehouse-community-response/
http://reallygoodemails.com/behavioral/survey/tell-us-what-you-think-3/
http://reallygoodemails.com/inaugural/welcome/welcome-to-deed-smiles-davis/
http://reallygoodemails.com/inaugural/welcome/thank-you-for-joining-us/
http://reallygoodemails.com/promotional/holiday/black-friday/black-friday-special-save-51/
http://reallygoodemails.com/promotional/holiday/because-those-leftovers-wont-last-long/
http://reallygoodemails.com/punctual/newsletter/typeform-round-up-october-2017/
http://reallygoodemails.com/behavioral/abandoned-cart/good-news-your-pins-price-dropped-2/
http://reallygoodemails.com/transactional/receipt/your-ride-with-nuh-on-september-24/
http://reallygoodemails.com/transactional/forgot-password/
It’s easy to feel overwhelmed when you start studying the various flavors of email tactics and design, so it’s advantageous to draw things out.
When I map a user’s journey in and out of the app, I’ll mark every place where I think it would be opportune to email the user.
Would you just look at all those stars:
I’ll then sit with marketing to pitch the communication needs, then they’ll work their magic to design some really good emails.
If I have to do it myself (which is always, since I work at an agency), then I’ll usually design them directly in my concept file so I can match the brand as closely as possible. I built myself a bunch of common email design boilerplates that sync with my Sketch stylesheet so that they look pretty darn good before I even touch them. It saves me a lot of time. I made them available if you use Sketch, and you know, you’re into that sort of thing:
Email Design System | UX Power Tools
When I’m not designing tons of emails, I’m working on Sketch design tools at UX Power Tools to make you a better, more efficient designer.
Follow UX Power Tools on Twitter
Follow me on Twitter
5 Types of Really Good Emails was originally published in UX Power Tools on Medium, where people are continuing the conversation by highlighting and responding to this story.
AI-driven updates, curated by humans and hand-edited for the Prototypr community