Flobot.io

Email Strategy

Visual  •  Information Hierarchy  •  Graphics

Email Strategy Project Image

In 2015, Revinate's application and brand had gone through a redesign, so we knew that we had to up the game on our email strategy to customers as well. This involved improving emails from the application, marketing, and as well as communications from the Training + Support team.

Goals
  • 1
    Furthering usability by enforcing content, layout, and color rules
    I used this opportunity to bring in the visual patterns we established in the application (the way we present reviews, CTAs, color rules, etc.) to be ported over to our email designs.
  • 2
    Consistent branding to establish familiarity and trust
    Our email strategy included our first contact with most of our customers. Our application and corporate website had grown and evolved over the years, but our emails had not, and we fixed that.
  • 3
    Clearer user goals
    I advocated for less text, more focus, and very obvious calls-to-actions in the new designs. Our previous emails were information-heavy, and the links did not stand out very much, or there would be many calls-to-action in one single email.

" Love the new look of this. You guys continue to keep it fresh." Kevin Scott, General Manager of HOTEL MAX

Project Details
Taking Inventory

This project gave us the opportunity to rethink the entirety of our customer communication from the ground up. I started with taking inventory of the entirety of the emails we send out to customers. Throughout the years the teams lost track of what kinds of emails were being sent out and when across all the different departments, so having a list and document for everyone to refer to was helpful to understand the variety of all the different emails we sent in totality.

Images of the old and new Invite Email designs
Starting from Scratch

I began looking for repeated layout patterns in the emails. After sketching a few out, I identified rough building blocks such as 1-column, 2-column, 3-column layouts (and how that would translate on mobile); as well as individual elements that would need to be defined (i.e. H1 text, body text, CTAs, etc.).

  • Sketches of email layouts
  • Sketch of mobile email layoutv
  • Example of email elements defined in an application email layout
  • Example of email elements defined in a marketing email layout
Application Emails

I worked closely with Product and Support to determine what content we should keep and what content we could cut from the emails. Some emails had a lot of text (i.e. our email to invite users to create accounts, which is a critical email). I proposed a more focused email so users would not get distracted (or worse, lose interest and abandon the email).

I took the opportunity to inject some visual elements into the emails to break up blocks of text; I wanted to make the point of contact engaging and friendly.

  • Images of the old and new Invite Email designs
  • Screenshot of the old Invite Email
  • Screenshot of an old Invite Email
  • Images of the old and new Guides and Resources email designs
  • Screenshot of the old Guides & Resources email
  • Screenshot of the new Guides & Resources email
  • New and old ticket emails
  • Example of an old ticket email
  • Example of a new ticket email
Marketing Emails

I designed email templates with modular sections for Marketing so that the team would be more self-sufficient in building email campaigns. The layouts were made to be flexible so that they could delete/add sections as need be.

  • Images of the old and new Marketing Email designs
  • Example of an old marketing email
  • Example of a webinar email template
  • Example of a nurture email template
  • Example of a newsletter email template
Cohesion and Consistency

With this project, application and marketing emails were updated to be on-brand and consistent with each other. We also tackled responsiveness since we knew that many users checked their reporting emails on their phones.

Kevin Scott, the general manager of HOTEL MAX actually emailed in a compliment to one of our account managers and told her: "Love the new look of this. You guys continue to keep it fresh."

Below is a screenshot of some application and marketing email templates together. A consistent visual story is told, and layouts are organized into consistent patterns.

  • Image of all the application and marketing emails
  • Closer examples of reporting emails
  • Closer examples of alerts emails (3 of 3)
Skills & Tools
  • Graphics
  • Visual Design
  • Information Hierarchy
  • Sketch App
  • AI Adobe Illustrator

Here's what I've worked on

Preview of the Unification + Style Guide Project

Unification + Style Guide

UI/UX • Design Leadership
Preview image for Email Strategy

Email Strategy

Visual • Information Hierarchy • Graphics
Preview image for the 'Advanced Filters: Campaign Targeting' project

Advanced Filters

UI • Prototype • Interaction
Preview image for the 'Invite New User Modal codepen'

Invite New User

UI • Front-End/Interaction
Preview image for the 'Intro to Dashboard' codepen

Intro to Custom Dashboard

UI • Front-End/Interaction
Preview image for the Room Upgrade Flow project

Revinate: Marketing

Graphic Design • Page & Layout Design
Preview image for Mania Magazine

Mania Magazine

Page & Layout Design • Design Leadership
Preview image for Becky Bones

Becky Bones

Character Design & Illustration • Page & Layout Design • Art Direction