Breathing AI
Designing an AI-Enabled System with trust & resistance
Breathing AI
Designing an AI-Enabled System with trust & resistance
Breathing AI
Designing an AI-Enabled System with trust & resistance
TEAM
TIME
2022
MY ROLE
Product Designer
KEY SKILLS
UX
UI
STRATEGIST
TEAM
TIME
2022
MY ROLE
Product Designer
KEY SKILLS
UX
UI
STRATEGIST
TEAM
TIME
2022
MY ROLE
Product Designer
KEY SKILLS
UX
UI
STRATEGIST
TEAM
TIME
2022
MY ROLE
Product Designer
KEY SKILLS
UX
UI
STRATEGIST
TEAM
TIME
2022
MY ROLE
Product Designer
KEY SKILLS
UX
UI
STRATEGIST
Intro
Redesigning an MVP into a Scalable, AI-Native Product
Breathing AI started as an MVP with adoption challenges. Users struggled with onboarding friction and an overwhelming experience for a product meant to promote calm and focus. Through research, testing, and iterative design, I redesigned the product into a scalable, AI-native Chrome extension that improved engagement and long-term retention.
Intro
Redesigning an MVP into a Scalable, AI-Native Product
Breathing AI started as an MVP with adoption challenges. Users struggled with onboarding friction and an overwhelming experience for a product meant to promote calm and focus. Through research, testing, and iterative design, I redesigned the product into a scalable, AI-native Chrome extension that improved engagement and long-term retention.
Intro
Redesigning an MVP into a Scalable, AI-Native Product
Breathing AI started as an MVP with adoption challenges. Users struggled with onboarding friction and an overwhelming experience for a product meant to promote calm and focus. Through research, testing, and iterative design, I redesigned the product into a scalable, AI-native Chrome extension that improved engagement and long-term retention.
Intro
Redesigning an MVP into a Scalable, AI-Native Product
Breathing AI started as an MVP with adoption challenges. Users struggled with onboarding friction and an overwhelming experience for a product meant to promote calm and focus. Through research, testing, and iterative design, I redesigned the product into a scalable, AI-native Chrome extension that improved engagement and long-term retention.
Taken Actions
01
Defining the Product Roadmap
Defining the Product Roadmap: Prioritizing Tasks, Enhancing Iterations, and Introducing New Features for Quarter-on-Quarter Success
02
Cultivating User Needs & Values in product
We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
03
Revamping key feature and adding dark mode
Introducing Dark Mode and Implementing Key Enhancements to Elevate the Tool
04
Improve Design Systems and components
Introducing a New Component Library and Design System for Seamless Product Evolution and Developer Handoff
01
Defining the Product Roadmap
Defining the Product Roadmap: Prioritizing Tasks, Enhancing Iterations, and Introducing New Features for Quarter-on-Quarter Success
02
Cultivating User Needs & Values in product
We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
03
Revamping key feature and adding dark mode
Introducing Dark Mode and Implementing Key Enhancements to Elevate the Tool
04
Improve Design Systems and components
Introducing a New Component Library and Design System for Seamless Product Evolution and Developer Handoff
01
Defining the Product Roadmap
Defining the Product Roadmap: Prioritizing Tasks, Enhancing Iterations, and Introducing New Features for Quarter-on-Quarter Success
02
Cultivating User Needs & Values in product
We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
03
Revamping key feature and adding dark mode
Introducing Dark Mode and Implementing Key Enhancements to Elevate the Tool
04
Improve Design Systems and components
Introducing a New Component Library and Design System for Seamless Product Evolution and Developer Handoff
01
Defining the Product Roadmap
Defining the Product Roadmap: Prioritizing Tasks, Enhancing Iterations, and Introducing New Features for Quarter-on-Quarter Success
02
Cultivating User Needs & Values in product
We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
03
Revamping key feature and adding dark mode
Introducing Dark Mode and Implementing Key Enhancements to Elevate the Tool
04
Improve Design Systems and components
Introducing a New Component Library and Design System for Seamless Product Evolution and Developer Handoff
CHALLENGES
Observed UX Gaps (backed by usability evidence)
High Cognitive load
I just wanted to start a breathing session, but it kept asking me to set things up first — I wasn’t sure what to choose so I stopped
I don’t really know what color I should choose or why it matters.
"I feel like I’m missing something important"
Over-Configuration at Entry Point
I expected it to just start, but instead I had to configure everything. It felt like work
Mental Effort Before Calm
Why do I have to set reminders and sounds before I can even breathe once?
“It shows stats, but it doesn’t tell me how to improve
"I don’t know which one actually helps me relax"
These insights directly informed the product strategy and design principles that guided the redesign.
CHALLENGES
Observed UX Gaps (backed by usability evidence)
High Cognitive load
I just wanted to start a breathing session, but it kept asking me to set things up first — I wasn’t sure what to choose so I stopped
Over-Configuration at Entry Point
I expected it to just start, but instead I had to configure everything. It felt like work
Mental Effort Before Calm
Why do I have to set reminders and sounds before I can even breathe once?
I don’t really know what color I should choose or why it matters.
“It shows stats, but it doesn’t tell me how to improve
"I feel like I’m missing something important"
"I don’t know which one actually helps me relax"
These insights directly informed the product strategy and design principles that guided the redesign.
CHALLENGES
Observed UX Gaps (backed by usability evidence)
High Cognitive load
I just wanted to start a breathing session, but it kept asking me to set things up first — I wasn’t sure what to choose so I stopped
I don’t really know what color I should choose or why it matters.
"I feel like I’m missing something important"
Over-Configuration at Entry Point
I expected it to just start, but instead I had to configure everything. It felt like work
Mental Effort Before Calm
Why do I have to set reminders and sounds before I can even breathe once?
“It shows stats, but it doesn’t tell me how to improve
"I don’t know which one actually helps me relax"
These insights directly informed the product strategy and design principles that guided the redesign.
CHALLENGES
Observed UX Gaps (backed by usability evidence)
High Cognitive load
I just wanted to start a breathing session, but it kept asking me to set things up first — I wasn’t sure what to choose so I stopped
Over-Configuration at Entry Point
I expected it to just start, but instead I had to configure everything. It felt like work
Mental Effort Before Calm
Why do I have to set reminders and sounds before I can even breathe once?
I don’t really know what color I should choose or why it matters.
“It shows stats, but it doesn’t tell me how to improve
"I feel like I’m missing something important"
"I don’t know which one actually helps me relax"
These insights directly informed the product strategy and design principles that guided the redesign.
Heuristic Evaluation
Identifying Friction Through Heuristic Analysis
Before redesigning the experience, I performed a heuristic evaluation of the MVP to systematically uncover usability gaps across core workflows. This helped highlight where users struggled most and where improvements would have the greatest impact.
Heuristic Evaluation
Identifying Friction Through Heuristic Analysis
Before redesigning the experience, I performed a heuristic evaluation of the MVP to systematically uncover usability gaps across core workflows. This helped highlight where users struggled most and where improvements would have the greatest impact.
Heuristic Evaluation
Identifying Friction Through Heuristic Analysis
Before redesigning the experience, I performed a heuristic evaluation of the MVP to systematically uncover usability gaps across core workflows. This helped highlight where users struggled most and where improvements would have the greatest impact.
Heuristic Evaluation
Identifying Friction Through Heuristic Analysis
Before redesigning the experience, I performed a heuristic evaluation of the MVP to systematically uncover usability gaps across core workflows. This helped highlight where users struggled most and where improvements would have the greatest impact.
Research Steps
Hypothesis Impact Map & Affinity Mapping
Competitior Research
UX Audit Findings
Business Pain Points
Research Steps
Hypothesis Impact Map & Affinity Mapping
Competitior Research
UX Audit Findings
Business Pain Points
Research Steps
Hypothesis Impact Map & Affinity Mapping
Competitior Research
UX Audit Findings
Business Pain Points
Research Steps
Hypothesis Impact Map & Affinity Mapping
Competitior Research
UX Audit Findings
Business Pain Points
Strategy
This Section Coming Soon
This case study is currently updating with actual process i have for this project,
Please feel free to reach out if you’d like to review my detailed pitch deck showcasing design work
LLM Implementation
This Section Coming Soon
This case study is currently updating with actual process i have for this project,
Please feel free to reach out if you’d like to review my detailed pitch deck showcasing design work
Design & Implementation
We designed a new concept for the chrome extension, ran a few iterations of user testing and workshops with business stakeholders, and incorporated the feedback back into the designs.
Stress Less
Stress Less
breathing.ai tool detects stress in real time, and suggests a short 1 - 3 minute break, guided meditation, breathing exercise, or seated movement -- all at your work station -- reducing stress while increasing productivity.
Swipe left and right to see the Before and After comparison of the current version
Swipe left and right to see the Before and After comparison of the current version
Swipe left and right to see the Before and After comparison of the current version
Relax More
Relax More
Feel more relaxed throughout the day by adapting your screen to your heart’s most calming color, and find out what color calms you down the most with breathing.ai’s technology.
Soothing Sounds
Soothing Sounds
Activate flow state and reduce stress while you work with relaxing background sound.
Health Analytics
Health Analytics
Track your most stressful day to your calmest one yet with the click of a mouse. Monitor your progress and watch your break minutes add up as you stay focused and relaxed.
Outcome
We saw significant increase in user engagment. New user download rate was increased substantially. The revamp of all the features helped user to feel empathy for earlier user pain points
4X
4X
4X
4X
Downloads
Downloads
Downloads
Downloads
37%
37%
37%
37%
User Retention Ratio
User Retention Ratio
User Retention Ratio
User Retention Ratio
79%
79%
79%
79%
User Satisfaction Rate
User Satisfaction Rate
User Satisfaction Rate
User Satisfaction Rate
156
156
156
156
User's from 156 Countries
User's from 156 Countries
User's from 156 Countries
User's from 156 Countries