SpeedMoe

Focus stays on safe and engaging driving experience.

Landing detail

JUNE 2025-

SEPT 2025

Spencer Qiao (Design Lead)

James Cao (Project Manager)

Alex Tanaka (Engineer)

Essie Cao (Developer)

Shang Gao (Developer)

Ethen A (Developer)

Mike Wang (Designer)

James Cao(Project Manager)

Spencer Qiao (Design Lead)

Spencer Qiao (Design Lead)

Siming Qiao (Design Lead)

Siming Qiao (Design Lead)

Siming Qiao (Design Lead)

Siming Qiao (Design Lead)

Siming Qiao (Design Lead)

Siming Qiao (Design Lead)

Siming Qiao (Design Lead)

Siming Qiao (Design Lead)

The confusion in user group division on the track caused track congestion and a poor experience for new players

In recent years, more and more people have become enthusiastic about participating in motorsports, leading to a significant increase in track day attendance. This surge in participation, combined with inconsistent or unclear user group classifications, has resulted in mismatches in vehicle performance and driver experience levels, further exacerbating traffic and safety concerns on the track.

Community

Without a complete platform, users disconnect after events, making retention and growth difficult.

Grouping & Scheduling

Manual processes and scattered updates from organizer cause confusion and delays in events.

Feedback

Without a structured system. Driver missing feedback reduces safety, learning, and engagement.

User Research

Product detail

User Survey

We conducted a user survey with over 126 participants across multiple track day events organized in multiple track by different hosts.

Interview

We interviewed a selected group of drivers from various backgrounds to explore their experiences in more depth.

My project hero

Competitive Analysis

Our competitive products are either hardware or personal timing tools, or result-viewing/social platforms. None of them combine organizer operations, driver collaboration, data-driven grouping, and safety with engagement into a unified ecosystem; as a result, they cannot fundamentally improve grassroots track day efficiency, on-site safety, or long-term community growth.

My project hero

Insights of Improvement

Data Management

Centralized racer data enables fairer grouping, clearer insights, and more efficient event planning.

Pace Control

Pace control balances competition and safety by reducing speed gaps and improving on-track experience.

Bridging Drivers & Organizers

A direct connection improves communication, feedback, and overall collaboration.

For now, we have decided to focus on building the user-facing side of SpeedMoe as both a website and a mobile application. This allows us to validate core features—registration, communication, grouping, and feedback—directly with drivers and organizers, while keeping the experience accessible and easy to adopt across different devices.

 

Brainstorming

Analysising User needs

My project hero

What makes our product attractive

Leverage real-time feedback, playful challenges, and social visibility to keep users engaged, motivated, and feeling seen.‍‍Gamify progress tracking → turn steps from registration to racing into dynamic goalsLive feedback loop → drivers & organizers stay connected‍Enable social comparison → rankings, challenges, rivals→ Maybe expand into community features & collaborate with brands?

Storyboard

This storyboard maps the full user journey and highlights how our app enhances the track day experience—while generating potential income through service integration and smart user targeting.

Product detail

Flow chart

My project hero

Wireframe

Low-fidelity prototypes were created using quick sketches and wireframes to explore core user flows and test interaction concepts. This stage focused on validating ideas and usability at low cost, enabling fast iteration before moving into detailed visual design.

My project hero

Brainstorming

Analysising User needs

My project hero

What makes our product attractive

Leverage real-time feedback, playful challenges, and social visibility to keep users engaged, motivated, and feeling seen.‍‍Gamify progress tracking → turn steps from registration to racing into dynamic goalsLive feedback loop → drivers & organizers stay connected‍Enable social comparison → rankings, challenges, rivals→ Maybe expand into community features & collaborate with brands?

Brainstorming

Analysising User needs

My project hero

What makes our product attractive

Leverage real-time feedback, playful challenges, and social visibility to keep users engaged, motivated, and feeling seen.‍‍Gamify progress tracking → turn steps from registration to racing into dynamic goalsLive feedback loop → drivers & organizers stay connected‍Enable social comparison → rankings, challenges, rivals→ Maybe expand into community features & collaborate with brands?

Product detail

Storyboard

This storyboard maps the full user journey and highlights how our app enhances the track day experience—while generating potential income through service integration and smart user targeting.

Flow chart

My project hero

Wireframe

Low-fidelity prototypes were created using quick sketches and wireframes to explore core user flows and test interaction concepts. This stage focused on validating ideas and usability at low cost, enabling fast iteration before moving into detailed visual design.

My project hero

Design Iterations

Initial Iteration

Firstly, we started to design the UX Iteration 1 after my initial sketches. And optimized the interface based on our experience and feedback from previous events.

Web

My project hero

IOS

My project hero

Safety issue during the testing

Testing

We invited 10 Participants to test our prototype 1 and we received two key pieces of feedback:1. As a motorsport-related app, it lacks excitement and distinctiveness—it needs a cooler, more engaging appeal.2. The website flow is overly complicated and should be streamlined for easier navigation.3. We need a B-side platform for organizers to control registration, grouping, scheduling, and safety, fully connected to the user-facing web and mobile app.

We took their feedback seriously and made several key changes. In the app, we introduced motorsport-inspired elements such as carbon fiber textures and racing-themed visuals to enhance the overall vibe. We explored several design variations and ultimately selected the one that felt the boldest and most dynamic. At the same time, we refined the overall UI and simplified the user flow to make the experience smoother and more intuitive.

Analysising User needs

Variations

My project hero
My project hero

Analysising User needs

Considering the Organizer's System's Function

When we shared our concept with event organizers, they showed strong interest in the platform and expressed a desire to collaborate more deeply. They saw the potential of the system to improve on-site operations and strengthen communication with drivers, which motivated us to move forward in close partnership with them.

Analysising User needs

My project hero

Analysising User needs

Initial V1 UI

When we shared our concept with event organizers, they showed strong interest in the platform and expressed a desire to collaborate more deeply. They saw the potential of the system to improve on-site operations and strengthen communication with drivers, which motivated us to move forward in close partnership with them.

Analysising User needs

My project hero

Analysising User needs

Testing and Refinement

 

On-site Testing

We used RaceBox as our base device to begin on-site testing. This allowed us to verify that the data could be accurately captured and effectively integrated into our system. At the same time, we observed how users interacted with the app in real track conditions to evaluate the overall user experience and identify areas for improvement.

Analysising User needs

My project hero

Analysising User needs

Emergency Signal

The simulated red flag (emergency)  wasn’t prominent enough, making it hard for users to notice during sessions.

Usability

The timing button was too small and difficult to operate while wearing gloves.

Better Analyze

The organizers need a more integrated website to control the drivers, and they also need templates to analyze things.

 

Timing Refinement

Based on user feedback, we made several key improvements to the timing interface. We enlarged the timing button to accommodate gloved hands and removed the bottom navigation bar during active sessions to avoid accidental touches. Now, after pressing "Stop," users are taken directly to the analysis screen, ensuring a smooth and focused experience.

Analysising User needs

My project hero

Analysising User needs

Emergency (Red Flag) Design

In the event of a dangerous situation on the track, a red flag will appear on the screen. To ensure drivers notice it immediately, we implemented a flashing alert that blinks several times before transitioning into the previously designed breathing animation. This combination enhances visibility without being overly distracting during high-focus driving moments.

Integrate AI into the system

Instead of a static menu, the homepage will dynamically adapt using AI. Based on user data—such as track day performance, real-time conditions during events, and the time since or until their next track day—the system will deliver tailored homepage pushes that keep the experience relevant and engaging.

My project hero

Organizer's feature update

We need a B-side platform for organizers to control registration, grouping, scheduling, and safety, fully connected to the user-facing web and mobile app; for organizers, we have standardized the staff management list and operation pages, making everything more streamlined and accessible.

My project hero

Refocusing Resources: Discontinuing the C-side Website

After balancing development time and resources, and following careful evaluation through multiple usability and performance tests, we decided to discontinue the C-side website in order to focus on delivering a more efficient and optimized product experience.

Branding Design

Visual Guidelines

Color Plate

We chose a dark gray and green color palette to evoke a sense of technology, precision, and motorsport intensity. The dark gray provides a sleek, high-contrast base, while the green adds energy, clarity, and a modern, performance-driven feel—perfectly aligning with our track-focused brand.

 

Theme color Inspiration

After balancing development time and resources, and following careful evaluation through multiple usability and performance tests, we decided to discontinue the C-side website in order to focus on delivering a more efficient and optimized product experience.

My project hero

Logo Design

We combined the racing flag with the letter "M" to create a simple, bold logo. It’s designed for versatility—easy to use in apps, print, and even making it noticebale on all kinds of sponsored car liveries in differnt color.

My project hero

HIGH-FIDELITY PROTOTYPE

Final UX Flow Overview

(Web + App + Track Integration)

The final UX flow was built around real track day needs—from registration to live data tracking and post-session services. We prioritized clarity, responsiveness, and ease of use, especially during high-pressure moments on track.For users, the design blends performance data, profile mods, and social features to create a connected, rewarding experience. It’s more than just a timing tool—it’s a racing companion powered by data, reputation, and engagement.

 

Mobile (User)

My project hero
My project hero

Website (Organizers)

My project hero
Logomark

Spencer’s Portfolio

Logomark
Logomark

Spencer’s Portfolio

SpeedMoe

Focus stays on safe and engaging driving experience.

UX Design

UX Research

UX Iteration

Landing detail

JUNE 2025-

SEPT 2025

Spencer Qiao (Design Lead)

James Cao (Project Manager)

Alex Tanaka (Engineer)

Essie Cao (Developer)

Shang Gao (Developer)

Ethen A (Developer)

Mike Wang (Designer)

The confusion in user group division on the track caused track congestion and a poor experience for new players

In recent years, more and more people have become enthusiastic about participating in motorsports, leading to a significant increase in track day attendance. This surge in participation, combined with inconsistent or unclear user group classifications, has resulted in mismatches in vehicle performance and driver experience levels, further exacerbating traffic and safety concerns on the track.

Community

Without a complete platform, users disconnect after events, making retention and growth difficult.

Grouping & Scheduling

Manual processes and scattered updates from organizer cause confusion and delays in events.

Feedback

Without a structured system. Driver missing feedback reduces safety, learning, and engagement.

User Research

User Survey

We conducted a user survey with over 126 participants across multiple track day events organized in multiple track by different hosts.

Product detail

Interview

We interviewed a selected group of drivers from various backgrounds to explore their experiences in more depth.

My project hero

Competitive Analysis

Our competitive products are either hardware or personal timing tools, or result-viewing/social platforms. None of them combine organizer operations, driver collaboration, data-driven grouping, and safety with engagement into a unified ecosystem; as a result, they cannot fundamentally improve grassroots track day efficiency, on-site safety, or long-term community growth.

My project hero

Insights of Improvement

Data Management

Centralized racer data enables fairer grouping, clearer insights, and more efficient event planning.

Pace Control

Pace control balances competition and safety by reducing speed gaps and improving on-track experience.

Bridging Drivers & Organizers

A direct connection improves communication, feedback, and overall collaboration.

For now, we have decided to focus on building the user-facing side of SpeedMoe as both a website and a mobile application. This allows us to validate core features—registration, communication, grouping, and feedback—directly with drivers and organizers, while keeping the experience accessible and easy to adopt across different devices.

 

Brainstorming

Analysising User needs

My project hero

What makes our product attractive

Leverage real-time feedback, playful challenges, and social visibility to keep users engaged, motivated, and feeling seen.‍‍Gamify progress tracking → turn steps from registration to racing into dynamic goalsLive feedback loop → drivers & organizers stay connected‍Enable social comparison → rankings, challenges, rivals→ Maybe expand into community features & collaborate with brands?

Storyboard

This storyboard maps the full user journey and highlights how our app enhances the track day experience—while generating potential income through service integration and smart user targeting.

Product detail

Flow chart

My project hero

Wireframe

Low-fidelity prototypes were created using quick sketches and wireframes to explore core user flows and test interaction concepts. This stage focused on validating ideas and usability at low cost, enabling fast iteration before moving into detailed visual design.

My project hero

Design Iterations

Initial Iteration

Firstly, we started to design the UX Iteration 1 after my initial sketches. And optimized the interface based on our experience and feedback from previous events.

Web

My project hero

IOS

My project hero

Safety issue during the testing

Testing

We invited 10 Participants to test our prototype 1 and we received two key pieces of feedback:1. As a motorsport-related app, it lacks excitement and distinctiveness—it needs a cooler, more engaging appeal.2. The website flow is overly complicated and should be streamlined for easier navigation.3. We need a B-side platform for organizers to control registration, grouping, scheduling, and safety, fully connected to the user-facing web and mobile app.

Product detail

We took their feedback seriously and made several key changes. In the app, we introduced motorsport-inspired elements such as carbon fiber textures and racing-themed visuals to enhance the overall vibe. We explored several design variations and ultimately selected the one that felt the boldest and most dynamic. At the same time, we refined the overall UI and simplified the user flow to make the experience smoother and more intuitive.

Product detail

Variations

My project hero
My project hero

Considering the Organizer's System's Function

When we shared our concept with event organizers, they showed strong interest in the platform and expressed a desire to collaborate more deeply. They saw the potential of the system to improve on-site operations and strengthen communication with drivers, which motivated us to move forward in close partnership with them.

My project hero

Initial V1 UI

When we shared our concept with event organizers, they showed strong interest in the platform and expressed a desire to collaborate more deeply. They saw the potential of the system to improve on-site operations and strengthen communication with drivers, which motivated us to move forward in close partnership with them.

My project hero

Testing and Refinement

 

On-site Testing

We used RaceBox as our base device to begin on-site testing. This allowed us to verify that the data could be accurately captured and effectively integrated into our system. At the same time, we observed how users interacted with the app in real track conditions to evaluate the overall user experience and identify areas for improvement.

My project hero

Emergency Signal

The simulated red flag (emergency)  wasn’t prominent enough, making it hard for users to notice during sessions.

Usability

The timing button was too small and difficult to operate while wearing gloves.

Better Analyze

The organizers need a more integrated website to control the drivers, and they also need templates to analyze things.

 

Timing Refinement

Based on user feedback, we made several key improvements to the timing interface. We enlarged the timing button to accommodate gloved hands and removed the bottom navigation bar during active sessions to avoid accidental touches. Now, after pressing "Stop," users are taken directly to the analysis screen, ensuring a smooth and focused experience.

My project hero

Emergency (Red Flag) Design

In the event of a dangerous situation on the track, a red flag will appear on the screen. To ensure drivers notice it immediately, we implemented a flashing alert that blinks several times before transitioning into the previously designed breathing animation. This combination enhances visibility without being overly distracting during high-focus driving moments.

Product detail

Integrate AI into the system

Instead of a static menu, the homepage will dynamically adapt using AI. Based on user data—such as track day performance, real-time conditions during events, and the time since or until their next track day—the system will deliver tailored homepage pushes that keep the experience relevant and engaging.

My project hero

Organizer's feature update

We need a B-side platform for organizers to control registration, grouping, scheduling, and safety, fully connected to the user-facing web and mobile app; for organizers, we have standardized the staff management list and operation pages, making everything more streamlined and accessible.

My project hero

Refocusing Resources: Discontinuing the C-side Website

After balancing development time and resources, and following careful evaluation through multiple usability and performance tests, we decided to discontinue the C-side website in order to focus on delivering a more efficient and optimized product experience.

Branding Design

Visual Guidelines

Color Plate

We chose a dark gray and green color palette to evoke a sense of technology, precision, and motorsport intensity. The dark gray provides a sleek, high-contrast base, while the green adds energy, clarity, and a modern, performance-driven feel—perfectly aligning with our track-focused brand.

 

Theme color Inspiration

After balancing development time and resources, and following careful evaluation through multiple usability and performance tests, we decided to discontinue the C-side website in order to focus on delivering a more efficient and optimized product experience.

My project hero

Logo Design

We combined the racing flag with the letter "M" to create a simple, bold logo. It’s designed for versatility—easy to use in apps, print, and even making it noticebale on all kinds of sponsored car liveries in differnt color.

My project hero

HIGH-FIDELITY PROTOTYPE

Final UX Flow Overview

(Web + App + Track Integration)

The final UX flow was built around real track day needs—from registration to live data tracking and post-session services. We prioritized clarity, responsiveness, and ease of use, especially during high-pressure moments on track.For users, the design blends performance data, profile mods, and social features to create a connected, rewarding experience. It’s more than just a timing tool—it’s a racing companion powered by data, reputation, and engagement.

 

Mobile (User)

My project hero
My project hero

Website (Organizers)

My project hero
Logomark