Redesigning the Total Coach App Experience

About the Project:

TotalCoach is a coaching platform with desktop and mobile applications used by coaches and athletes. The existing interface had aging navigation patterns and lacked a cohesive visual experience across devices. We were brought in to redesign the UI for both desktop and mobile, with a focus on improving navigation, engagement, and overall usability, including the creation of dark mode versions for user convenience.

‍

Mission:

The goal was to modernize the TotalCoach application experience across desktop and mobile, making it more intuitive and engaging for users. Key objectives included:

• Redesigning the desktop and mobile UI interfaces with a refreshed visual direction.
• Improving navigation to make key features faster and easier to access.
• Enhancing the homepage and lesson page experiences to drive engagement.
• Creating full dark mode versions of the redesigned screens.

‍

Solution:

Homepage Redesign

The homepage was redesigned from the ground up for both desktop and mobile, with a focus on clarity and discoverability. Updates included an easy-to-navigate menu structure, a sticky mobile menu for quick access to key features, and engaging banners and graphics to capture user interest. Notification support was also introduced to improve communication with users and keep them informed within the app.

‍

Lessons Page Redesign

The lessons page was rethought in both structure and layout to better support the way coaches and athletes consume content. Visual elements such as images were integrated throughout to make lessons more engaging and increase click-through rates, transforming what was a functional but flat page into a more compelling learning experience.

Dark Mode

Full dark mode versions were designed for both the homepage and lessons page, giving users a more comfortable viewing option and bringing the app in line with modern platform expectations.

‍

Conclusion

The TotalCoach redesign brought a cleaner, more cohesive experience to both desktop and mobile, making it easier for coaches and athletes to navigate the platform and engage with content. By rethinking navigation, refreshing the visual direction, and introducing dark mode support, the updated interface feels modern and purposeful, better suited to the needs of its users and the demands of the platform.

‍

Ready to Modernize Your App's UI?

If your application is due for a refresh, KARL Mission can help you design an experience your users will love. Book a free consultation and let's talk about what's possible.