A Personal Growth and
Motivation App
UI/UX design development for a leadership firm trusted by numerous Fortune 500 brands
ABOUT
the project
Client:
Location:
![Country flag](https://d1ub0o53i85pdh.cloudfront.net/uploads/2021/01/Flag_of_the_United_Kingdom_1-1.svg-1.png)
UK
|London
Company Size:
Industry:
Solution:
Services:
UI Consulting & Audit
UX Consulting & Audit
Rapid Prototyping
User Interface Design
Design System Creation
An app is designed to help individuals set realistic and achievable goals, break them down into actionable steps, and track their progress. It is built on behavioral science principles and practical psychology to help you stick with your goals and achieve lasting success. It also empowers users to gain greater awareness of their stress triggers and develop healthier responses, leading to improved mental health and resilience.
By encouraging daily reflection on moments of tension and providing weekly guided reflections, TriggerOff helps users build the skills needed to navigate challenges more effectively.
We deeply value our customers’ trust in our expertise and are proud to have shared a vision for the app’s look and feel. This collaboration enabled us to deliver a new design that aligns with modern standards and meets customer expectations.
![A Personal Growth and Motivation App](https://d1ub0o53i85pdh.cloudfront.net/uploads/2024/12/Landscape-1.png)
Customer
Our customer is a global consultancy that specializes in transformative learning experiences, focusing on empowering individuals and organizations to reach their full potential. With over 30 years of expertise, they have partnered with Fortune 500 companies to drive positive change through immersive and impactful journeys. Their goal is to help individuals recognize and overcome moments of stress, frustration, and tension, particularly in the workplace.
Business Challenge
The existing application faced several challenges, including an outdated design, a complex and unintuitive user interface, and inconsistent visual elements. It all happened due to the lack of a cohesive design system.These issues pushed the customer to consider a complete redesign and enhance usability, engagement, and overall effectiveness in stress management.
Why Leobit
The primary reason the client chose us was our ability to meet their need for speed. Within a week, we provided a detailed project estimate and ensured a swift project kickoff to meet the customer’s tight deadlines. Beyond speed, the involvement of the Leobit Design Studio, our dedicated design unit, provided a significant advantage, as we could handle both design and development under one roof.
![Project in detail section](https://d1ub0o53i85pdh.cloudfront.net/uploads/2024/12/Realist-Project-in-detail-1.jpg)
Project
in detail
The project’s primary goal was to make changes to UX and design the missing and new screens. After we reviewed the app, our UI/UX experts came up with the idea to refresh the look and feel of the app by playing with corporate colors. We created several design samples and the client liked them. They agreed to redesign the app with a modern, user-centered interface that improves usability and accessibility.
![A Personal Growth and Motivation App in use](https://d1ub0o53i85pdh.cloudfront.net/uploads/2024/12/Landscape-2.png)
DESIGN PROCESS
- UI Design
- Design system
- Layout design
- User...
- Brainstorming
- Moodboard
- Wireframing
- Stakeholder interview
- Analysis of the current app version
- Gap...
![project-in-detail](https://d1ub0o53i85pdh.cloudfront.net/uploads/2024/12/Mockup-3.png)
DESIGN SYSTEM IMPLEMENTATION
We developed a robust design system that significantly enhanced our workflow, allowing for rapid prototyping, precise style management, and streamlined adjustments. This cohesive framework ensured a consistent user experience across the app, reduced development time, and provided a scalable foundation for future updates and enhancements.
![project-in-detail](https://d1ub0o53i85pdh.cloudfront.net/uploads/2024/12/Mockup-2.png)
UI/UX DESIGN DEVELOPMENT
The UI/UX design we delivered was focused on enhancing the user experience, making it easier for individuals to manage stress and reflect on challenging moments in their workday.
We thoughtfully incorporated the corporate colors, using them as accent hues for buttons and interactive elements, while the screen backgrounds varied in soft shades of white to create a calming and clean interface. This approach ensured a modern, cohesive design that promoted ease of use and focus.
In addition to the visual improvements, we optimized the app’s reflection tools, which let users better identify stress triggers and develop healthier, more resilient responses. These updates helped create a seamless and supportive experience for managing stress and improving well-being.
PROJECT PLAN
Technology Solutions
- User-centered design. Implemented a modern, intuitive interface that enhances usability, making stress management more accessible and engaging for users.
- Cohesive visual framework. Developed a comprehensive design system to ensure consistency across all elements, improving the overall user experience and reinforcing brand identity.
- Advanced reflection features. Upgraded reflection tools with structured guidance, empowering users to better identify stress triggers and adopt healthier response strategies.
Value Delivered
- The app was successfully transformed into a powerful tool for stress management, offering users a more intuitive and engaging experience that supports their journey toward better mental well-being.
- The redesign improved functionality, user satisfaction, and positioned personal growth and motivation app as a top-tier solution in the mental health space.