ul{ margin-left: 40px; list-style:none; }

Email Embed Redesign

ITERATING ON USER FEEDBACK FOR AN EXISTING FEATURE

EE-V2-Hero

BACKGROUND

My role on this project

Collaborated developers, product managers, UI/UX designers
As the designer for this squad, I collaborated with the product manager to synthesize years of user feedback on this feature. We held several ideating sessions to define what would be the next steps for this feature. I created user flows, analyzed similar competitor features, and created wireframes, mockups and prototypes. 

The challenge

Calendly provides a basic embed template for users to embed their available times in their email. Based on user feedback surveys and calls about the current template, the majority of user issues focus around three main concerns.

Key User Concerns

  1. Limited ability to display more than three dates with times
  2. Language in the template is not conversational
  3. Design takes up too much space in the email window

There are also technical limitations (corner radius, sizing) within the current design that affects performance across various email clients. Part of the challenge for this redesign was to create a native email experience that is cross-platform + email client compatible.

RESEARCH

User journey

This feature is accessible from multiple parts of the product (web app, mobile app, and browser extensions). The user journey needed to account for where users were coming from. Within this flow, the experience changes from the person sharing the times to the person receiving the times. 

User-Journey

User scenarios

I wanted to keep in mind the inherent power dynamics in sharing time and availability. I created user scenarios that encapsulated the emotional and social dynamics of sharing your time. 

Range-Choice
Multi-Choice

Competitor research

I researched how their customers were talking about what they did or did not like about emailing times within these products.  

Using this research, I compared where Calendly fit in the current competitive landscape to determine where the next iterations of the email embed design would make the most user and business impact.

2×2

PROCESS

Initial drafts

When creating the drafts for this project, I cast the net wide for the possibilities of the next iteration. I wanted to find the most natural way to send times... regardless of technical or design constraints. 

FINAL DESIGN

Narrowing down the choices
After considering the several different design approaches to templates, we pursued three different designs each addressing a different subset of user feedback. We narrowed the scope to designs that showed specific times and more compact design views to prioritize the majority of user feedback.

We ultimately chose the conversational design because it best reflected the nexus of these concerns.

Horizontal view

Approach-1

[WINNER] Conversational

Approach-3

Calendar Picker

Approach-2

RESULTS

Reflection

In the final design, I wanted to create an embed template that fits in with how people are using their email already. I wanted the design to fit seamlessly with how people format their emails —while showing more dates and times without becoming bulky.

Focus-Final-Design

SITEMAP

CREATIVE PROJECTS
Ceramics
Animation (Coming Soon)
Illustration 
3D Illustration (Coming Soon)
Interactive Websites (Coming Soon)

INTERESTS
Travel Essays
Book Recommendations
Every peach (Coming Soon)

Designed by Rachel Arredondo