Back Icon  Button

MAI Business Coach

An AI-powered platform to bring coaching into everyday work.

Web

Wellness & Productivity

5 weeks

Get Started

Challenge & Scope

YellowDot aimed to evolve their Alpha version of MAI into a Beta product, a voice-enabled AI business coach designed to support professionals in daily work.

This required transitioning from a basic chat interface to a fully-featured coaching platform with multilingual readiness and smooth session continuity.

UX/UI Design

Visual Design

Interaction Design

Design System

Prototyping

Design Documentation

What We Did

We partnered with Analog Folk to support YellowDot’s product transition and delivered the Beta UX/UI in five weeks:

Reviewed existing UX research and industry benchmarks

Defined full user flows, edge cases, and IA

Created low-fidelity wireframes to structure key screens

Designed all core screens (login, chat, dashboard, scheduling, settings)

Prototyped and tested onboarding and session flows with users

Delivered a developer-ready design system with micro-interaction documentation

Highlights

Natural Conversation

MAI supports multiple interaction types—voice-to-text, text-to-text, text-to-voice, and voice-to-voice. The UI guides users with clear status cues and minimal distractions, encouraging natural, focused interaction with the AI.

Mobile interface showcasing a dark-themed AI assistant with multiple visual interaction modes—voice-to-text, voice-to-voice, and text-to-voice—each represented by a pulsing visual ring as the AI listens, responds, and processes user input.

Highlights

A Face for the AI

We designed subtle state-changes for the AI’s core visual element, MAI, using gradients and glows to reflect presence, emotion, and session feedback. This helped convey a more calming, human-like interaction.

Grid of animated AI status indicators representing different states like waking, listening, responding, processing, and error. Each state is visualized with soft-glow rings in yellow, blue, or red on a dark background, designed to provide subtle, calming feedback.

Highlights

Built for Growth

We approached the Beta design with a mobile-first mindset to support future scalability into a native app. The final UI system was responsive, component-based, and ready for iteration, setting a strong foundation for continued development and expansion.

Desktop and mobile screens displaying a session transcript feature with coaching conversation history, summaries, and bookmarks. Showcases the platform’s responsive design and readiness for long-term scalability across devices.

Outcome

We delivered a complete Beta experience with intuitive UX, polished UI, and a voice-first interaction model designed to support realistic coaching sessions. The handoff included fully responsive screens, scalable components, interaction-ready prototypes, and detailed documentation to support seamless development.

YellowDot was highly satisfied with the quality and speed of delivery, and the product is now positioned for testing, iteration, and future rollout across web and mobile.

Let's Talk

Need Reliable UX/UI Help?

Tell us what you’re working on we’ll jump in where it matters most.

Get in touch