• Skip to main content
  • Skip to footer

Dyspatch

  • Products
      • Overview
      • No-code email builder
      • Email collaboration
      • AMP for Email
      • Template localization
      • Expert services
      • Overview

      By use case

      • Product reviews
      • Surveys
      • Add to cart
      • Calendar booking
      • Product carousel
      • Interactive polls
      • View all

      By vertical

      • SaaS
      • Ecommerce
      • Fintech
      • Travel
      • Healthcare
      • On-demand services
      Sendwithus Logo
      • Overview
      • Analytics
      • A/B testing
      • Triggered emails
  • Pricing
  • Case studies
  • Resources
    • Blog
    • Free templates
    • Product shorts
    • Webinars
    • White papers
    • Ebooks, guides, & reports
  • Company
    • About us
    • Careers
    • Contact us
  • Login
    • Dyspatch
    • Sendwithus
Get a demo

Overhauling Your Transactional Emails in Two Days

By Dyspatch | October 2, 2015 | Categories: Email Marketing
transactional email overhaul blog
⏱ 4 minute read

As an email company, we know all too well the perils of a fractured and inconsistent identity between your product styling and your email design. Email is your primary means of communication with your customers and should reinforce how they see your product. Leaving it as an afterthought can greatly deteriorate your customers’ experience.

Sendwithus’s goal is to make that process easier for transactional emails, but were we leading by example? What did our own emails look like?

There was no consistency to our emails and this was something we needed to change. The following outlines the steps we took to improve our customers’ experience throughout the email process.

Auditing

The first step was to take inventory of the current state of our own email stack. Using our template dashboard made this easier as we could manage and edit all of our email templates to the desired design, and deploy all at once. We also triggered each email as a new signup to give us a first-hand account of what a customer would experience when interacting with sendwithus.

Going through each email, we listed what we liked and didn’t like, and what we thought was missing. The biggest problem, as mentioned before, was the inconsistency between each one of our transactional emails. When comparing two of our emails side-by-side, we wouldn’t fault you for thinking they had been sent from two different companies.

Screen Shot 2015-10-01 at 5.33.27 PM

To get a bigger picture… we made a big picture.

IMG_1093-1

We laid out a flow chart of all the emails we send out, allowing us to view each trigger point for every event when interacting with sendwithus.

Researching

Having completed our audit, it was clear we needed a redesign. But before jumping the gun, we had to research how the transactional emails we were using were commonly being designed. We looked at the frequent trends that a few companies were using, and analyzed what we thought they were doing well, and what could we do to complement what we had to offer.

During our research, we found that most well designed emails tended to mimic the theme and colour palette of the website they were being sent from. A couple of good examples are Uber and Airbnb.

ubercompVanc_-_Airbnb

Criteria for Research:

  • Did the email represent the company well?
  • What colours schemes or layout were they using?
  • What kinds of tone were they using? Did this represent the company?
  • How were they presenting their links (including social media)?

One thing that stuck out during our research was that many companies used plain text email for their password reset emails. This is a lost opportunity to engage with your customer to reinforce your brand.

Redesign

After discussing our research, we began redesigning our new emails. During the audit phase, we decided that one of our footers from our original designs worked well, and this allowed to spend more time on designing the rest of the email, by only altering the footer slightly.

We wanted a strong representation of our Sendwithus orange, and we did this by incorporating it into the header. We felt that adding a background was a subtle change to emphasize the content of the email, and that sort of detail worked perfectly when we finished the design.

IMG_1102-1

Once we were satisfied with our design, we went into production.

Production

Using Sendwithus’ advanced features like Snippets and Jinja Macros, we created a base template to use for all our transactional email. This also provided us with the ability to update the base template once, and have the changes propagate across all of our emails automatically.

Here is a good comparison of the changes we made.

Before After

slice3

slice2

slice1

Conclusion

In the past, each of our emails were made at a different time, by a different person, for a different purpose, with no style guide to ensure consistency. This was an oversight on our end, and to rectify this problem we included snippets into the process of building new emails.

By using snippets, and having all emails built off of a single base template, we can make sure that changes in the future will affect the other emails being sent, allowing us to keep them consistent.

Result:

swu-land

Overall, the estimated time spent on each cycle are as follows:

  • Auditing – 4 hours
  • Researching – 4 hours
  • Design – 2 hours
  • Production – 6 hours

Completing the overhaul allows future emails we design to have a consistent look, by using the base template we created. This drastically reduces the time spent creating and designing new emails, thus allowing us to focus on the content of the email, and less on design.

Dyspatch

With Dyspatch, you can build engaging, interactive emails, without having to write code. By leveraging a custom modular email design system, non-technical teams can deploy beautiful, on-brand campaigns faster and achieve greater operational efficiency.

  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • YouTube

    Related Posts

  • How to Map Your Customer Lifecycle to Send Better Emails at Scale
  • Transactional Email and the Dreaded Rebrand
  • Case Study: A/B Test Transactional Email For an 8.6% Conversion Lift
Tags: Transactional Email
Share this post:
  • Facebook
  • Pinterest
  • Twitter
  • Linkedin
LET’S CHAT!

Why wait? Take your email marketing to the next level today.

Get a demo

737 Fort Street,
Victoria, BC
V8W 1G9 Canada

548 Market Street,
San Francisco, California
94104 US

  • Phone 1-877-458-9231
  • Email us@dyspatch.io
  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • YouTube

Get the latest email strategies, tips, and trends right to your inbox.

About Dyspatch

  • About us
  • Careers
  • Contact us
  • Pricing
  • Press & Media
  • Release Notes

Features

  • Dyspatch overview
  • No-code email builder
  • Email collaboration
  • Email template localization
  • AMP for Email
  • Sample AMP email templates
  • Expert Services
  • Sendwithus Overview
  • Agency Program

Email resources

  • Blog
  • Dyspatch product shorts
  • Webinars
  • White papers
  • Ebooks Guides & Reports
  • HTML email templates
  • Knowledge base
  • Email production glossary

Integrations

  • Integrations overview
  • Email builder for Braze
  • Email builder for Iterable
  • Email builder for Salesforce Marketing Cloud
  • Email builder for Pardot
  • Email builder for SendGrid
  • Email builder for Marketo
  • Email builder for HubSpot
  • Email builder for Oracle Eloqua

Dyspatch respectfully acknowledges the Lekwungen and W̱SÁNEĆ People, whose unceded territories we live and work on. We would also like to express our gratitude to all of the Coast Salish people as we continue to work and live as guests on their lands.

We recognize that acts of colonization created many inequities for First Nations, Inuit, and Métis people. As a company, we acknowledge that we have a responsibility to work towards reconciliation and to remain open to suggestions and consultations, especially with Indigenous communities.

Privacy policy    |    Terms of service    |    Web accessibility    |    Cookie policy    |    Usage    |    Sitemap

Copyright © 2023 Techdrop Labs Inc. All Rights Reserved.

Get a quote

Get a demo

Features & Functionality
StarterTeamsTeams+
Universal styling
Drag and drop email builder
Custom code editor
Custom fonts
Device specific elements
Version history
Social media link settings
Commenting
Live previews
Dark mode previews
Litmus testing
Custom merge fields
Image hosting
Brand & legal compliance guardrails
User role permissions
ESP logic
Code Export
AMP Email Support
Approval Workflows
API Access
User Management