Design Workflow Blog

Email design and dev

#web #landing-pages #email #forms

When to use forms in email

When to use forms in email

Deciding to use a form in an email and the best way to do it.

Switching from Taxi for Email

Switching from Taxi for Email

Transitioning your design system from Taxi for Email to Blocks Edit.

Email signature essentials

Email signature essentials

What to consider putting in an email signature and how to setup in your email client.

Modern email design

Modern email design

What to look forward to after the legacy Outlook for Windows rendering engine.

The design of a design system

The design of a design system

Maintaining your design system and keeping it creative.

Rolling out your design system

Rolling out your design system

Auditing current patterns and workflows and having your team join in the process.

A primer on design systems

A primer on design systems

Why you should have one and the main aspects that should be included.

Salesforce content editor alternative

Salesforce content editor alternative

Building emails and pages using a visual editor that connects to Salesforce Marketing Cloud Content Builder and CloudPages.

Emails with landing pages

Emails with landing pages

The most effective way to gain audience interest, and conversions.

54 marketing emails to send out

54 marketing emails to send out

Have all your bases covered by referring to this list of email types, with usage summaries and design examples.

Starter email components theme

Starter email components theme

Featuring 10 standard email templates built from common design patterns that come from referencing hundreds of real-world emails.

Newsletter email essentials

Newsletter email essentials

Newsletters are by far the most popular type of email sent out, meant to keep your readers in the know with news and updates.

Engagement email essentials

Engagement email essentials

Loyalty program notifications, product recommendations, and triggered emails for keeping customers engaged.

Helpful email essentials

Helpful email essentials

Providing instructions, offering support options, and asking for feedback on your customer’s overall experience.

Promo/e-commerce email essentials

Promo/e-commerce email essentials

Sales and special offers for your customers, upselling, and abandon cart techniques.

Notification email essentials

Notification email essentials

Before SMS and phone notifications, there were emails, and they are still the most effective way for your customers to get important, timely, notices.

Subscription and payment email essentials

Subscription and payment email essentials

Important member management options and recurring payments.

Confirmation email essentials

Confirmation email essentials

Confirmation emails are some of the most widely read, and are often saved to be referenced at a later time.

Event email essentials

Event email essentials

If you hold an event, email is a great way to inform your audience about it and set their expectations.

Announcement email essentials

Announcement email essentials

If you’re launching something new, why not let your valuable subscribers in on the news?

Welcome/onboarding email essentials

Welcome/onboarding email essentials

The welcome email has the highest open and click-through rates, use it well!

Template technique: handling spacing

Template technique: handling spacing

Maintaining consistent spacing in an email layout.

Template technique: levels of email dark mode

Template technique: levels of email dark mode

How to prepare your template for email clients and their dark mode affects.

Template technique: automatic mobile layout

Template technique: automatic mobile layout

Simple code for globally adjusting any column in an email template for mobile.

Letting go of Outlook for Windows

Letting go of Outlook for Windows

No more tables, no more VML, no more Outlook’s dirty code!

Why you should have an email content checklist

Why you should have an email content checklist

And 12 essential items you should include on your checklist.

How code is handled by email providers

How code is handled by email providers

Ways that email providers mess with your code and what to do about it.

Modular design technique: the 3 phases of template design

Modular design technique: the 3 phases of template design

The design phases towards turning your email design into a design system: structure, branding, modules.

Modular design technique: using standard layouts

Modular design technique: using standard layouts

What do these emails have in common? They all use the same essential layout, each with completely different branded designs.

Making your emails shareable

Making your emails shareable

Adding share links and utilizing meta info.

Starter modular email boilerplate

Starter modular email boilerplate

The framework we use for coding custom email templates that are accessible and lightweight, available as open source.

How visual email builders reinforce bad design practices

How visual email builders reinforce bad design practices

They primarily use outdated design practices that cause unintended issues and wasted effort.

Dealing with Outlook

Dealing with Outlook

Email clients have improved email rendering throughout the years. Except for Microsoft Outlook. Here’s how to support it and keep your sanity.

Modular design technique: components that work together

Modular design technique: components that work together

How DICK’S Sporting Goods designed their components to be reusable and plug into and along side each other.

Organizing your email design process

Organizing your email design process

3 steps towards systemizing your email’s production.

Modular design technique: creative collage layouts

Modular design technique: creative collage layouts

How Funimation uses collage-based visuals to promote their wide range of shows and products.

Modular design technique: utilizing color for tone

Modular design technique: utilizing color for tone

How Headspace uses different color palettes for their email content while keeping layout and formatting consistent.

What is modular design?

What is modular design?

A framework for more clearly defining the language around your design system and templating techniques.

Why visual email builders are bad at email design

Why visual email builders are bad at email design

They have more options than you need, yet still have design and workflow limitations.

Tracking links in email

Tracking links in email

The most important of email metrics, maybe the only thing you need.

Turning to the dark mode

Turning to the dark mode

Should you make your email design dark mode compatible?

Making accessibility a habit

Making accessibility a habit

Accessibility in email design doesn’t have to be an arduous task.

An email design system for your thoughts

An email design system for your thoughts

Using a design system helps you better analyze your emails, streamline production, and iterate on strategy for your campaigns.

Clarity in messaging

Clarity in messaging

How to stay on brand, hone your content craft, and make your writing memorable.

The fundamentals of email content production

The fundamentals of email content production

Like email being around for a long-time to come, so will these fundamentals.