Case Study
03.06.2025
Data-driven training for athletes and coaches
The startup StrengthLab360 is revolutionizing strength training by using scientifically grounded processes to dynamically adapt individual needs and training plans for optimal results. We support StrengthLab360 in realizing their vision through the concept development and design of their web app.
project scoping
Research & UX
interfacedesign
web development
<p class="" data-start="44" data-end="563">In response to the growing demands for digital coaching and training, we developed a web application that optimally supports both coaches and athletes. Our client was highly ambitious and had a clear vision for the platform. Therefore, <strong style="font-weight: bold; color: red;">close and agile collaboration</strong> was essential to quickly validate and refine ideas. At the same time, the user perspective had to be a top priority. The web app was intended to provide powerful features for athletes and coaches while ensuring an intuitive and user-friendly experience.</p>
<p class="" data-start="44" data-end="563"> </p>
<h2 data-start="565" data-end="582"><strong data-start="569" data-end="582">Challenge</strong></h2>
<p class="" data-start="584" data-end="1241">A distinctive feature of this web app is that it differs from conventional applications: The focus is not on using the web app itself but on its role as a supporting tool during training. A central feature is logging – recording sets, weights, and repetitions to measure training progress. Since the app is used only briefly during these moments, it must be extremely <strong style="font-weight: bold; color: red;">intuitive and fast to operate</strong>, ensuring that it does not disrupt the training process. This posed specific challenges for UI/UX design. The application needed to seamlessly integrate into the training process and allow users to efficiently document their workouts without distracting them.</p>
<p class="" data-start="584" data-end="1241"> </p>
<h2 data-start="584" data-end="1241">Our role</h2>
<p>StrengthLab360 relied on our expertise in strategy, design, and development, allowing us to support the implementation of the digital coaching and training experience through the following services.</p>
<ul>
<li>Project Scoping Workshop </li>
<li>UX Design / Research </li>
<li>Interface Design </li>
<li>Technical Consulting </li>
<li>Frontend Development</li>
</ul>
1
Project scoping workshop
<p class="" data-start="78" data-end="327">Comprehensive apps can become unmanageable and lead to unforeseen costs—even with solid groundwork. A professionally conducted Project Scoping Workshop helps identify project risks early on, allowing for the development of effective countermeasures.</p>
<p class="" data-start="329" data-end="602">We were able to break down the feature set into successive versions, enabling continuous user feedback through early testing and ensuring a user-centered development process. <strong>Features</strong> were deliberately <strong>prioritized</strong> based on user needs to deliver the greatest possible value.</p>
2
UX design/research
<p class="" data-start="114" data-end="460">To understand the specific needs and workflows of the target groups—coaches and athletes—we developed different conceptual design approaches to create an optimal solution for each user group. In addition, we analyzed the market and competitive landscape to identify strengths and weaknesses of existing solutions and derive innovative approaches. By evaluating <strong>best practices</strong> from the digital coaching and fitness space, we ensured that our solution would be both functional and user-friendly. Existing user flows, such as the onboarding process, training planning, and logging, were redesigned to enable a seamless and intuitive experience. Finally, we selected a suitable design system to support consistent and scalable implementation.</p>
<p class="" data-start="114" data-end="460"> </p>
<h3 class="" data-start="89" data-end="152"><strong data-start="93" data-end="150">What are the benefits of a well-chosen design system?</strong></h3>
<p class="" data-start="153" data-end="575">A design system ensures scalability, consistency, and usability. In our project, it enabled an intuitive and cohesive user experience—from workout planning to interactions with coaches. Clear design guidelines and reusable components reduced cognitive load, improved navigation, and accelerated development. By using ShadCN, we established a maintainable and scalable codebase, laying the foundation for future extensions.</p>
3
Interfacedesign
<h3 class="" data-start="110" data-end="132"><strong data-start="114" data-end="130">Mobile First</strong></h3>
<p class="" data-start="133" data-end="571">The interface design follows a mobile-first approach to ensure that essential content and features are optimally displayed on smaller screens. This is particularly important as the web app is used alongside training sessions, with both athletes and coaches often accessing it directly on mobile devices. There are no content differences between mobile and desktop versions, so all users receive the full functionality without limitations.</p>
<h3 class="" data-start="578" data-end="609"> </h3>
<h3 class="" data-start="578" data-end="609"><strong data-start="582" data-end="607">High-Fidelity Mockups</strong></h3>
<p class="" data-start="610" data-end="1138">The user interface design is based on ShadCN as the design system, ensuring a modern and consistent UI with predefined, customizable components. Accessibility in line with WCAG standards is a key consideration, making the app usable for all user groups. The interface is visually aligned with the application's corporate identity to ensure a coherent brand experience. At the same time, the design remains fully compatible with the chosen technology stack—particularly React—for an efficient and high-performance implementation.</p>
4
Technical consulting
<p class="" data-start="106" data-end="270">Thanks to our expertise, we were able to provide targeted technical support and guidance to the young StrengthLab360 team—particularly in the backend environment.</p>
<p class="" data-start="106" data-end="270">Need more than just technical consulting? We offer professional development support to help you bring your digital project to a successful finish. Our experienced developers are ready to step in where you need them most.</p>
5
Frontend development
<p>By using ShadCN, we were able to create a consistent and modern user interface. Full control over the source code allowed us to implement custom adaptations that go beyond standard functionality. Additionally, we optimized the accessibility of components to ensure an inclusive user experience.</p>
Our solution
<ul>
<li data-start="56" data-end="226">Targeted Risk Analysis and Efficient Project Planning through a Project Scoping Workshop</li>
<li data-start="56" data-end="226">User-Centered and Modern Web Application that Stands Out from Competitors</li>
<li data-start="228" data-end="327">Scalable and Intuitive User Interfaces that Enable Future Expansions and Cover Best Practices</li>
<li data-start="329" data-end="400">Mobile-First Interface Design for Seamless Use Across All Devices</li>
<li data-start="402" data-end="459">Iterative Approach to Adapt Agility to Market Changes</li>
</ul>
Do you also have a project in mind that you would like to tell us about?
Testimonial
trengthLab360's testimony about us
<p>Working with typedigital was a game changer for us. They truly understood our vision and translated it into a sleek, user-focused design of our App. Their technical expertise and collaborative mindset made the entire process efficient and enjoyable for both the management- and the development team.</p>
Managing Director StrengthLab360
