Draft your messages using RingCentral’s intelligent Smart Composer.

Draft your messages using RingCentral’s intelligent Smart Composer.

Draft your messages using RingCentral’s intelligent Smart Composer.

SMART COMPOSER

🖥️ Desktop | 📱 Mobile

🎯 The objective of this project was to provide a seamless and efficient messaging experience to users through the integration of AI-powered features. Of surveyed users, 78% expected a drafting feature.

🎯 The objective of this project was to provide a seamless and efficient messaging experience to users through the integration of AI-powered features. Of surveyed users, 78% expected a drafting feature.

Because this was the first integration of AI in our product ecosystem, early designs needed to be adaptable and scalable. My role was to lead the initial concepts for AI, and develop features in a way that could evolve over time. We targeted discoverability and adoption for first phases of AI.

The Design Journey

The Design Journey

1. DISCOVER
1. DISCOVER

Explored existing smart writing tools, primarily Grammarly and Copilot. Worked with dev to learn effort and AI limitations.

2. ITERATE
2. ITERATE

Contextually explored and provided an entry for AI writing tools through various stages of writing journey.

3. FEEDBACK
3. FEEDBACK

Partnered with research to send out a survey, sort responses, and learn who adopted the AI writing tools and why.

4. IMPROVE
4. IMPROVE

Used feedback to adjust original Smart composer designs to increase discoverability and adoption.

DISCOVERY

Pain points

Pain points

👎 Users often struggled with communication tasks, particularly because:

Challenge 1: Messaging can be inefficient.

Challenge 2: Messages must look professional in a business setting.

Challenge 3: There are communication barriers.

DISCOVERY

Design goals

Design goals

👍 Because of these pain points, we therefore targeted:

Goal 1: Make the drafting process quick and accessible by providing quick AI options.

Goal 2: Maintain the correct tone for the business messaging by providing control over tonality.

Goal 3: Help clarify the meaning and intent of the message by allowing custom drafting, a quick improve option, and translation.

ITERATION

Entries & Branding

Entries & Branding

I explored the formatting and hierarchy for the panel and received feedback from larger team. Because of a stakeholder critique on the visual weight of the colors in the UI, we collaborated with marketing to strategize how to better enhance the visual identity without overwhelming users. In the final design, a more subtle coloring was used.

MOCK-UP

Lorem

Improved

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Team ABC

Accept

Message

Enhanced options:
  • Edit with AI

  • Retry

  • Copy

  • Accept

FIRST DRAFT
Enhanced visual identity:
  • Rebranded with vibrant orange.

  • Introduced a more subtle and refined UI.

  • Added disclaimer

CURRENT DESIGN

MOCK-UP

Lorem

Improved

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Team ABC

Accept

Message

Enhanced options:

  • Edit with AI

  • Retry

  • Copy

  • Accept

FIRST DRAFT

Enhanced visual identity:

  • Rebranded with vibrant orange.

  • Introduced a more subtle and refined UI.

  • Added disclaimer

CURRENT DESIGN

MOCK-UP

Lorem

Improved

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Team ABC

Accept

Message

Enhanced options:

  • Edit with AI

  • Retry

  • Copy

  • Accept

FIRST DRAFT

Enhanced visual identity:

  • Rebranded with vibrant orange.

  • Introduced a more subtle and refined UI.

  • Added disclaimer

CURRENT DESIGN

MOCK-UP

Lorem

Improved

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Team ABC

Accept

Message

Enhanced options:

  • Edit with AI

  • Retry

  • Copy

  • Accept

FIRST DRAFT

Enhanced visual identity:

  • Rebranded with vibrant orange.

  • Introduced a more subtle and refined UI.

  • Added disclaimer

CURRENT DESIGN

FEEDBACK

Survey

Survey

Surveys and sorting allowed us to analyze adoption rates. We addressed common pain paints and increased adoption by 5%.

IMPROVEMENTS

Final thoughts

Final thoughts

Impact:
  • 🎉 75% of all users discovered and tested AI writer

  • 📈 20% started using writing tools on a monthly basis, with advanced, power-users making up 60% of those users

As our AI product grows and our AI needs expands, I’ll continue to adjust the design to fit the branding and improve component consistency. Our team will work collaboratively to cultivate AI identity and adjust framework. We’ll work closely with our partners to deliver improvements.

💛   Team shoutouts

I want to give a special acknowledgement to my amazing team who partnered with me in ensuring a consistent vision is implemented.

I want to acknowledgement my amazing team who partnered with me in ensuring a consistent AI vision is implemented across product.

Last updated March 2025

💬 Ask about my other AI work:

Chatbot, Summaries and Message translation

Chatbot, Summaries and Message translation.

Thanks for stopping by, let's chat! 👋🏼

Thanks for stopping by, let's chat! 👋🏼

CONTACT ME 💌 

caseyelbell@gmail.com

LET'S CONNECT 🫱🏼‍🫲🏽

©2025 CASEY BELL

©2025 CASEY BELL

Made with Framer

Made with Framer

Thanks for stopping by, let's chat! 👋🏼

©2025 CASEY BELL

Made with Framer