GO4RACE is a SaaS to analyze the on-track behaviors of eSports virtual drivers like braking points, steering inputs and speed.
For sim-drivers*, identifying areas for improvement and optimizing lap times can be a challenging task. Even experienced drivers may have a general sense of where they might be losing time, but pinpointing specific areas that need improvement can be a daunting endeavor. On the other hand, novice drivers often face difficulties in acquiring knowledge about optimal racing lines and techniques tailored to specific tracks.
*Sim-drivers - skilled online players who participate in virtual motorsport using realistic racing simulators. They demonstrate expertise in racing in virtual tracks, optimizing lap times, and engaging in online racing events.
140+
Hi-fi mockups
60+
Admin panel mockups
Project Outcomes
Product design helped raised $250K.
Custom made design system.
Consistency. Establishment of standards.
MVP strategy to launch the new product in its niche market.
The Niche I Know
Being a former hardcore sim-driver and the founder of the top-ranked rFactor 2 simulator team globally, I possessed deep expertise in this specific niche. Leveraging this knowledge, I was able to design a finely tailored web-based SaaS platform that precisely catered to the needs and requirements of sim racing drivers. My objective was to seamlessly integrate all the nuances of simracing into a sleek and modern UI.
Solution Designed With Experts
I had the privilege of collaborating with two exceptional eSports sim-drivers, who happen to be the official online drivers for the Formula One eSports team - Williams Racing. With their combined expertise spanning over a decade, we worked together to create an advanced MVP product design.
I was tasked with reimagining how eSports drivers could leverage existing recommendation AI algorithms that the company was already owning.
Understanding User Journey
In order to understand our potential user journeys, I used FigJam, a collaborative tool that allowed me to work closely with Nikodem and Kuba. We organized online workshops where we could brainstorm and map out the various user journeys together. FigJam proved to be an effective platform for facilitating this collaborative process. We took the time to map out different flows of the application, considering various states and scenarios. This approach was crucial in helping me design different screen variants in the next steps. By visualizing the user experience from different angles, we were able to create a more diverse and tailored design.
Helped With Tech Stack Recommendations
Drawing upon my technical expertise, I skillfully planned out the tech stack for the product, aiming to achieve optimal solutions while working within a tight budget and timeline. To ensure effective execution, I meticulously listed and described each component of the application, estimating the time required to deliver it. This detailed approach allowed us to make the most of our resources and stay on track with our development goals.
Dark Untitled UI
To kickstart the visual experimentation, I jumped right into using the popular and beautifully designed Figma UI components library called Untitled UI. It was a time-saver as we didn't have to create a custom design system from scratch. With a tight project timeline, this choice proved invaluable. Since our product was geared towards hardcore gamers, we knew we needed a sleek dark theme that followed industry standards. To achieve this, I tweaked the library's colors to create a customized version of Untitled UI that perfectly suited our target audience's taste.
Clickable Prototype aka Noodles Hell
To ensure everyone was on the same page and the product vision was clear, I created a clickable prototype humorously referred to as “Figma Noodles." This prototype was the result of interconnecting all the screens, allowing us to simulate the user journey and interactions. Additionally we conducted tests with a few beta testers to ensure the logical flow of interactions and identify any potential misalignments. This step helped us fine-tune the user experience and make necessary adjustments before final handoff.
Project Handoff
When it came to the project handoff, I made sure my mockups were incredibly user-friendly. To achieve this, I took a creative approach by creating a series of note cards that contained both visual and functional explanations. These note cards served as a handy reference guide, making it easier for the team to understand and implement the design effectively.
"
Adam's approach was exactly what we needed. His expertise in simracing, combined with his professional product design skills, proved to be invaluable. The way he conducted workshops with us and then took the lead in the creative process helped us delve deeper into our idea and bring it to life.
