Leobit
Personal Growth and Resilience-Building Mobile App
Software modernization and UI/UX redesign that helped a global consulting company improve accessibility and quickly relaunch the app
ABOUT the project
- Client:
- Global Consulting Company
- Location:
-
UK
|London
- Company Size:
- 150+ Employees
- Industry:
-
EdTech and Consulting
- Solution:
-
Software Modernization
UI/UX Design
Technologies:
Leobit partnered with a global consultancy specializing in leadership development and organizational transformation to modernize their mobile application. The app helps users reflect on stressful experiences, understand emotional triggers, and build healthier responses through guided audio reflections. The application encourages users to log moments of tension, frustration, or stress and revisit them through a structured, evidence-based process.
Leobit delivered a beautiful, bug-free mobile app on time and within budget. They are hard-working, professional, fun to work with. They were very responsive and attuned to what we needed.
Customer
Our client is a world-renowned consultancy with over 30 years of experience guiding Fortune 500 companies, academic institutions, and public organizations through complex change. Their mission is to foster cultures of accountability, innovation, and emotional intelligence. By equipping individuals to reflect on challenging moments, the client promotes stronger leadership and more intentional decision-making.
Business Challenge
The existing mobile application was based on an outdated technology stack and UI/UX design, which limited scalability and hindered user experience. The client sought a full modernization of the app, both technically and visually. They needed a reliable partner who could move quickly without compromising on quality.
Why Leobit
Leobit stood out for its ability to mobilize quickly and deliver results under tight deadlines. Within one week of initial contact, we provided a detailed project estimate and launched the project. Our full-stack development team and design specialists worked closely with the client to ensure a seamless, agile delivery process from redesign to deployment.
Project
in detail
Leobit performed a complete redesign and technology upgrade, migrating it to the latest version of React and the Expo framework.
Platform modernization
To meet the client’s objectives, Leobit carried out a complete redesign and technology modernization of the mobile application. The existing app was rebuilt using the Expo framework, migrating it from the older React Native CLI architecture to the officially recommended Expo platform. This migration enabled better long-term maintainability and stability, while also improving the development workflow.
In addition to the visual overhaul, Leobit upgraded the app’s underlying technology stack to React Native version 0.81.5 and Expo SDK 54. These updates allowed the app to align with the latest ecosystem standards and benefit from new performance improvements, security updates, and best practices.
Comprehensive refactoring process
We modernized state management using Redux Toolkit, offering improved type safety, better maintainability, and reduced boilerplate code. Additionally, we introduced typed selectors and reusable logic layers to maximize code clarity and consistency.
Leobit also integrated the React 19 Compiler, which brought automatic optimizations to component rendering and performance. This allowed for cleaner, more efficient components without the need for manual tuning. All of these activities helped us eliminate technical debt and restructure the codebase for long-term stability and ease of maintenance.
Architecture enhancements
Our team performed substantial architectural changes to both state and navigation management. The traditional Redux setup was replaced with Redux Toolkit slices, which offered a more concise and scalable structure. TypeScript support was improved through typed selectors and hooks, making the codebase easier to reason about and less prone to runtime errors.
In terms of navigation, Leobit upgraded the app to React Navigation 7. Circular dependencies were removed, and navigation types were centralized for better code organization and reusability. These changes enhanced overall stability, enabling more seamless updates and future feature additions.
To improve the Android experience, we added a custom back handler to support hardware button interactions. This small but important addition ensured a more native feel for Android users and improved accessibility.
Technology Solutions
- Upgraded React Native framework to the latest version to improve performance and compatibility with the React 19 Compiler.
- Migrated from React Native CLI to Expo for faster development cycles, easier builds, and modern toolchain support.
- Implemented React Navigation 7 to improve navigation structure, resolve circular dependencies, and centralize type definitions.
- Replaced traditional Redux setup with slices for streamlined state management and improved maintainability.
- Replaced deprecated expo-av APIs with the modern expo-audio library to support guided reflection playback.
- Implemented a custom Android Back Handler for native hardware button functionality for a more intuitive Android experience.
Value Delivered
- Delivered a full redesign and modernization within a tight timeline, which enabled the client to quickly relaunch the app.
- By improving the app’s usability and guided reflection experience, the solution better supports users in managing stress and building resilience.
