Design Workflow Blog

Screenshot of the Blocks Edit visual editor with a sidebar of checklist items.

Blocks Edit update: email checklist

Reminders for content that should be reviewed for your emails.

Listing of reported email code issues from various email providers.

How code is handled by email providers

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

An example email design and its text only version.

Designing for a branded email's text only version

How to account for your email designs text-only output.

Screenshot of the Blocks Edit visual editor with a comments sidebar.

Blocks Edit update: comments and notifications for reviewing emails

You can now review emails with your team by adding comments that appear in a panel on the right.

An example email layout and what it looks like with columns getting wrapped to a single column.

No more tables for email

An approach to eliminating the need for using tables for design structure.

An email design going from structural wireframes, to including branded elements, to layout modules being used.

Modular design technique: the 3 phases of template design

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

Examples of emails with various designs, but with content laid out in a similar way.

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.

Various social icons, with a title of 'Share this email'.

Making your emails shareable

Adding share links and utilizing meta info.

Iterable + Blocks Edit

Blocks Edit update: Iterable integration

Use Blocks Edit with your Iterable cross-channel marketing platform.

Screenshot of a video screen capture showing an email template example.

How to: template updates workflow

Maintaining updates to your template while working on emails.

Screenshot of a composed branded email.

Sending branded emails with your email client

For sending out designed emails the same way you would send individual emails with your email client.

Screenshot of the Starter boilerplate template.

Starter modular email boilerplate

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

Screenshot of heavily nested code.

How visual email builders reinforce bad design practices

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

Screenshot of the Blocks Edit visual template editor.

Blocks Edit template editor

Introducing our visual editor for setting editable properties for your HTML templates content editing.

A dumpster fire illustration with the Outlook logo on the side of the dumpster.

Dealing with Outlook

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

Previous | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Next