Mail Maestro

MailMaestro is a AI-powered email plugin for instant, high-quality email summarization & professional writing assistance.

Deliverables

Product Design, Marketing Collateral Design

Industries

Ai Copilot

Wisual - Product Design

MailMaestro

Challenges

Wisual - Decorative icon

The presence of inconsistent UI patterns poses a challenge in the project's development phase

Wisual - Decorative icon

The project faces difficulties due to a confusing information architecture, hindering user navigation and understanding.

Wisual - Decorative icon

Accessibility issues, most users were using MM at 175% zoomed in screen

Wisual - Decorative icon

Alignment and responsiveness issues affect user experience by causing layout inconsistencies across devices.

Wisual - Decorative icon

All new changes had to be implemented in a staggered approach to avoid co-ognitive challenges to the users

Wisual - Decorative icon

Previously the plugin was designed for Outlook but a more appropriate target audience was on Gmail

Design Process

We did thorough research, checked out competitors, and kept improving. This helped us build a new app meeting top industry standards.

Wisual - Design Process

User Persona

To create a more innovative and in-demand product, our team took an important step - building detailed user profiles. This approach allowed us to perform in-depth analysis and better understand the problems and needs that users face

Wisual - User Persona

Anna

27 years old, Marketing Manager
User Goals
Wisual Orange Tick
Time-efficient email management
Wisual Orange Tick
High Quality Communication
Wisual Orange Tick
Personalized email customization
Pain Points

Overwhelmed inbox, information overload, compatibility issues with existing tools.

Michael Johnson

31 years old, Sales Representative
User Goals
Wisual Orange Tick
Time-efficient email management
Wisual Orange Tick
Customize Professional Signature
Wisual Orange Tick
Personalized email customization
Pain Points

Limited customization options, Lack of high quality templates, time consuming process

Wisual - User Persona

User Flow

We crafted user flows to visualize how users navigated through the product. These flows outlined the steps users took to achieve their goals, helping us design a seamless and intuitive experience.

Wisual - User flow Design

Design System

Typography

DM Sans

Aa Bb Cc Dd Ee Ff Gg Hh Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0

This font elevates both the visual appeal and branding strategy of our project.

WIsual - Typography

Colors

Wisual - Color Palette
#373363
Wisual - Color Palette
#40A69F
Wisual - Color Palette
#FFFFFF
Wisual - Color Palette
#2C2C2C
Wisual - Color Palette
#000000
Wisual - Color Palette
#7468FF

Ui Components

To enhance our UI component and increase its user engagement, our team made a crucial decision - developing comprehensive user profiles. This strategy enabled us to conduct thorough analyses, providing deeper insights into the challenges and requirements of our users.

Wisual - Ui Components

Mail Maestro Plugin UI

To create a more innovative and in-demand plugin UI, our team took an important step - building detailed user profiles. This approach allowed us to perform in-depth analysis and better understand the problems and needs that users face.

Wisual - Mobile Design

Let's Start with a Free Design