Case
Traino
Role
UX-Design
Graphic Design
Client
Traino
Date
2024
Overview
This project focused on designing the next version (2.0) of a product that's still in development and not yet launched. My task was to rethink and refine the user experience, making sure the new design was simple, intuitive, and modern. The goal was to create a cleaner, more user-friendly interface that would streamline interactions and make the product easier to use. It was all about taking what worked in the original version and making it even better for the next stage of development.
Role & Team
I was the sole UX designer on the project, working closely with a product designer and the CEO to shape the vision for Traino. Our team also included five developers who were responsible for bringing our ideas to life. My role was to lead the UX efforts, ensuring that the user experience aligned with both business goals and user needs. Working in a small, tight-knit team meant close collaboration and quick decision-making, allowing us to stay agile throughout the process.
Traino will be live at the start of 2025. More info will follow…
Setting the scope and goals
One of the main goals was building a design system that could bridge the gap between developers and designers, ensuring smooth collaboration. I also needed to map out the information flow to guarantee efficient and intuitive user journeys. Additionally, creating a detailed prototype in Figma was crucial for conducting user testing and validating the design decisions. Balancing these elements required close attention to both the big picture and the finer details of user experience.
Design system and style guides
I developed a design system with the goal of creating a consistent and cohesive user experience. The system was designed to be both easy to understand and scalable, ensuring it could grow alongside the product. It covered everything from typography and spacing to a full library of interactive components. The focus was on building a flexible framework that developers and designers could rely on to maintain visual and functional consistency across the entire platform.
Information Architecture
We needed to build a clear and structured sitemap, laying out the foundation for the entire product. This involved mapping out user flows to ensure that each step of the user journey was intuitive and aligned with their needs. The goal was to create a logical structure that would guide users seamlessly through the product, reducing friction and making navigation simple and straightforward.
Prototyping and user testing
I built an interactive prototype in Figma, which became the foundation for our user testing. To gather actionable insights, I used a tool called Maze, which allowed me to collect quantifiable data from real users. This approach helped validate the design decisions and provided clear feedback on what worked well and what needed improvement.
Final results
Streamlined internal workflows with clear style guides and a comprehensive design system.
Improved user flows, resulting in fewer clicks to reach final goals and a more intuitive information flow.
Achieved strong, measurable metrics on success rates and drop-off rates from real users.