Case Study

How we increased the User engagement and UX: Breathing ai

Industry

Health & Wellness Tech

Core Technologies

Chrome Native APIs

Challenge

Despite having a science-backed wellness solution, Breathing.ai struggled with low user engagement. The original design lacked intuitiveness and failed to encourage consistent use, making it difficult for users to experience its long-term benefits like stress reduction and increased productivity.

Users found it challenging to navigate the extension, reducing its effectiveness in promoting healthy screen habits. Additionally, the limited language support restricted its accessibility to a broader global audience, preventing it from reaching its full potential.

Breathing.ai approached us to revamp their Chrome extension after recognizing that it needed to be improved. Their main objectives were to:

  • Improve the user experience (UX) by making the interface more user-friendly and captivating to motivate consistent use of breathing exercises.

  • Make the extension more accessible by making sure it supports many languages so that it can reach a larger audience.

  • Improve user flow by making it easier for users to access and finish breathing exercises.

Solutions 

We implemented an extensive revamp with an emphasis on functionality and user experience to tackle Breathing.ai's issues:

  • UI Revamp: With a modern and user-friendly design, we entirely redesigned the user interface (UI). To provide a more calm and relaxing ambiance, this included color tinting and soothing color schemes.

  • Multilingual Support: To reach a larger worldwide audience, we added multilingual support for both Spanish and English.

  • Improved User Flow: We made the extension's flow more efficient so that users could access and finish breathing exercises with ease.

  • Background Sounds: To further improve the feeling of relaxation, we included a music player with soothing background noises.

  • Breathing Breaks: We included features, such as alerts for hydration and posture correction, to help users remember to take breaks.

  • AI Integration: We explored the possibility of using AI in the future to customize breathing workouts for demographics.

Technologies and Tools

Front-End Development

ReactJS, Tailwind CSS, JavaScript

Chrome Extension Development

Chrome Native APIs, Manifest V3, Web Extensions API

Localization & Accessibility

i18next, WCAG 2.1 Standards

User Experience Enhancements

Web Audio API, Chroma.js, CSS Animations

User Engagement Tools

Chrome Notifications API, Alarms & Timers API

Development & Deployment

Webpack, GitHub, Chrome Web Store Developer Dashboard

Results

arrow-icon

60% Increase in User Engagement: The revamped UI and enhanced accessibility encouraged more users to actively engage with breathing exercises.

arrow-icon

Expanded Global Reach: Multilingual support enabled Breathing.ai to connect with a wider international audience.

arrow-icon

Enhanced Brand Perception: The modern, user-friendly design reinforced Breathing.ai’s commitment to digital well-being.

arrow-icon

Future-Ready Platform: The new modular architecture allows seamless AI integration and feature expansion.

Words of Appreciation

"We are very pleased with the work Lucent Innovation has done on our Chrome extension. The new design is not only visually stunning but also easy to use, significantly increasing user interaction. The addition of multilingual support has allowed us to expand globally, and the quiet features have dramatically improved the user experience."

Michael Clarke

Director of Operations

One-stop solution for next-gen tech.