Case Study
Health & Wellness Tech
Chrome Native APIs
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.
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.
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
60% Increase in User Engagement: The revamped UI and enhanced accessibility encouraged more users to actively engage with breathing exercises.
Expanded Global Reach: Multilingual support enabled Breathing.ai to connect with a wider international audience.
Enhanced Brand Perception: The modern, user-friendly design reinforced Breathing.ai’s commitment to digital well-being.
Future-Ready Platform: The new modular architecture allows seamless AI integration and feature expansion.
"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.