Designer 2.0

Product decision to make ripples in the industry and create a truly easy to use email design tool.

At Courier we decided to take our notification builder tool to the the next level. We plan to make ripples in the industry by creating a truly easy to use email designer tool.

Context

About Courier

Courier API provides infrastructure to create and send notifications. The long term vision for the product is to further expand the user base beyond developers to reach more non-technical users.

Project

Complete overhaul of the Courier tool which is used to design e-mail communications.

Context

About Courier

Courier API provides infrastructure to create and send notifications. The long term vision for the product is to further expand the user base beyond developers to reach more non-technical users.

Project

Complete overhaul of the Courier tool which is used to design e-mail communications.

Context

About Courier

Courier API provides infrastructure to create and send notifications. The long term vision for the product is to further expand the user base beyond developers to reach more non-technical users.

Project

Complete overhaul of the Courier tool which is used to design e-mail communications.

Research

Participants

I recruited heavy, power users to uncover deeper insights about how the tool functions.

Prioritization

I looked at the frequency and severity of issues to determine priorities.

Research

Participants

I recruited heavy, power users to uncover deeper insights about how the tool functions.

Prioritization

I looked at the frequency and severity of issues to determine priorities.

Research

Participants

I recruited heavy, power users to uncover deeper insights about how the tool functions.

Prioritization

I looked at the frequency and severity of issues to determine priorities.

Jobs to be done

Developers

Set up notification channels, build templates, set up email conditionals and automations.

Product Managers

responsible for setting the notification requirements. They design and send out email notifications and at times work with engineering to create the filters and automations they need.

Designers

In charge of authorizing the designs from a content and visual perspective. They translate emails to various languages.

Jobs to be done

Developers

Set up notification channels, build templates, set up email conditionals and automations.

Product Managers

Set notification requirements. Design and send out emails.

Jobs to be done

Developers

Set up notification channels, build templates, set up email conditionals and automations.

Product Managers

Set notification requirements. Design and send out emails.

Designers

In charge of authorizing the designs from a content and visual perspective. They translate emails to various languages.

Solutions

1. Global asset libary

Addresses the user issue of "too much repetitive work" by allowing users to reuse their copy. This library also contains primitive customizable blocks/layouts that can help speed up the design process.

2. A powerful WYSIWYG tool

Adds more no-code capabilities. One critical feature is the freedom to control the entire canvas. It also includes the ability to build tables that users can place assets (avatars/buttons) into.

3. Courier email templates

A library of Courier built designs templates including reusable primitive blocks/layouts. By providing these libraries, we can address the issue of "possibilities being unclear".

1. Global asset library

Former limitations

"I can see you have that copy"! a user said with frustration. The irony is that is the one place they didn't need it. For every new email, they had to copy an old one.

Easy access

A global asset library includes text, code blocks, images, buttons and primitives. It is accessable within all templates accross all the channels.

Interaction - assets to canvas

2. A more powerful WYSIWYG tool

Former Limitations

A forced margin around the outer edge of the canvas that users could not override without code.

More Power

Redesign allows users full control of the background canvas using the WYSIWYG alone. Images and colors can be brought to the canvas edge.

Interaction - adding image background


3. Courier email templates

Plug and Play

One solution we (my manager and I) are developing to solve confusion over what is possible to build in the WYSIWYG tool is to provide templates that cover the majority of our customers design needs.

To solve confusion over what is possible to build we have developed templates that cover the majority of our customers design needs.

To solve confusion over what is possible to build we have developed templates that cover the majority of our customers design needs.

Visualize Possibilities

Perusing through the template library, users can more easily visualize what they can build and they can also get started much faster.

Current Status

We are currently working on finalizing our designs. Concurrently, we are setting up the information architecture and backend work with the engineering team.

Current Status

We are currently working on finalizing our designs. Concurrently, we are setting up the information architecture and backend work with the engineering team.

Current Status

We are currently working on finalizing our designs. Concurrently, we are setting up the information architecture and backend work with the engineering team.