Timeline

Timeline

06 months

06 months

Project Name

Project Name

Product Email Redesign

Product Email Redesign

My Role

My Role

Lead Designer

Lead Designer

BUSINESS CHALLENGE

BUSINESS CHALLENGE

How can we streamline the email design for efficiency and consistency?

How can we streamline the email design for efficiency and consistency?

Only

Only

10%

10%

of emails follow a unified design

of emails follow a unified design

Average

Average

4

4

days taken to design a new email

days taken to design a new email

Less than

Less than

25%

25%

emails optimised for mobile and dark mode

emails optimised for mobile and dark mode

INFORMATION gathering

INFORMATION GATHERING

I reviewed 100+ existing emails & conducted interviews with 20+ stakeholders

I reviewed 100+ existing emails & conducted interviews with 20+ stakeholders

A detailed research plan over 8 weeks involved Product Managers, Engineers and Designers

A detailed research plan over 8 weeks involved Product Managers, Engineers and Designers

Participants included key users of our email system across various departments

Participants included key users of our email system across various departments

I uncovered critical insights as described below

I uncovered critical insights as described below

Ensure seamless responsiveness across all devices and compatibility with major email clients. This guarantees an optimal user experience regardless of platform or environment

The system should efficiently accommodate diverse content types while maintaining a cohesive layout

Design should strengthen and standardise brand consistency across the entire organisation. By creating a unified visual language, it enhances brand recognition and trust among users

Ensure seamless responsiveness across all devices and compatibility with major email clients. This guarantees an optimal user experience regardless of platform or environment

The system should efficiently accommodate diverse content types while maintaining a cohesive layout

Design should strengthen and standardise brand consistency across the entire organisation. By creating a unified visual language, it enhances brand recognition and trust among users

UX CHALLENGE

UX CHALLENGE

How might we enhance email consistency and efficiency at CleverTap?

How might we enhance email consistency and efficiency at CleverTap?

DEFINE

Key Objectives

Key Objectives

01

01

Consistency

Consistency

Unified design to enhance brand consistency and familiarity across 2 million+ monthly emails

Unified design to enhance brand consistency and familiarity across 2 million+ monthly emails

02

02

Efficiency

Efficiency

Streamlined process reducing email creation time from 4 days to 30 minutes, boosting productivity

Streamlined process reducing email creation time from 4 days to 30 minutes, boosting productivity

03

03

Compatibility

Compatibility

Ensuring emails are compatible across different clients and devices, including mobile and dark mode

Ensuring emails are compatible across different clients and devices, including mobile and dark mode

04

04

Scalability

Scalability

Design system to accommodate various types of content and scale, facilitating seamless collaboration

Design system to accommodate various types of content and scale, facilitating seamless collaboration

prioritisation matrix

prioritisation matrix

Identifying touchpoints and prioritising features

Identifying touchpoints and prioritising features

45+ email templates tested

45+ email templates tested

20+ design iterations

20+ design iterations

No. of users across 5 departments

No. of users across 5 departments

prioritisation matrix

prioritisation matrix

Wireframing and quick testing

Wireframing and quick testing

Perfecting the Email Communication Experience

Perfecting the Email Communication Experience

design system

design system

Bringing consistency by building a robust design system

Bringing consistency by building a robust design system

The design system created a foundation for consistent email design, including reusable components, scalable templates, and design tokens for efficient updates

The design system created a foundation for consistent email design, including reusable components, scalable templates, and design tokens for efficient updates

By documenting every step in real-time, I ensured a single source of truth for all stakeholders

By documenting every step in real-time, I ensured a single source of truth for all stakeholders

This streamlined collaboration and made onboarding to the new design system easier and more efficient

This streamlined collaboration and made onboarding to the new design system easier and more efficient

GUIDELINES & DOCUMENTATION

GUIDELINES & DOCUMENTATION

Creating a Comprehensive and Collaborative Documentation Process

Creating a Comprehensive and Collaborative Documentation Process

impact

impact

Significant improvements and ongoing opportunities

Significant improvements and ongoing opportunities

2M+

emails sent monthly using the new design system

85%

increase in design consistency across all emails

87.5%

reduction in email creation time (from 4 days to 30 minutes)

2M+

emails sent monthly using the new design system

85%

increase in design consistency across all emails

87.5%

reduction in email creation time (from 4 days to 30 minutes)

Start Small: Involving stakeholders early helps gain insights into product functionality and usability

Start Small: Involving stakeholders early helps gain insights into product functionality and usability

Early Launch: Launch the first version early to gather feedback and iterate faster

Early Launch: Launch the first version early to gather feedback and iterate faster

Document and Communicate: Clear documentation ensures smooth adoption across teams and reduces assumptions

Document and Communicate: Clear documentation ensures smooth adoption across teams and reduces assumptions

KEY LEARNINGS

KEY LEARNINGS

Key Takeaways from the Email Design System Project

Key Takeaways from the Email Design System Project

Next Project

Next Project

  1. Made with wit and wireframes

  1. Made with wit and wireframes

  1. Made with wit and wireframes