T3GO I Ridesharing I Shuqi Yan Portfolio

View mobile app

Overview

Redesign the T3 Go instant road surveillance section and optimize the car-hailing experience

Sprint Duration: 12-week freelance project @ T3 Go

Team: Collaborated with 1 product manager & 6 UX designers: Ming, Mandy Ding, Ting Su, Dandan, Olivia, Liuyi

My Role: UX designer leader

Key Skills: Communication with client, UX Research, Design System, User Journey Map, Ideation, Low-fi Wireframes, High-fi Prototype, Usability Test, Project Management

Project Goal

Be a key player in the car-hailing industry.

Featured by a large-scale smart mobility ecosystem, T3 was invested by China's largest internet companies Alibaba and Tencent, raised roughly $1.45 billion to compete with key competitors by highlighting its safety-related features. In Q1 2020, T3 aims to increase the download rate on the App store.

But How?

Different from other car-hailing apps such as Didi and Uber, T3 offers a more instant safety system. By deploying a self-developed D.V.R system, T3 connects the surveillance platform with the front-end driving environment.

“The ‘smart mobility ecosystem’ ensures the data capability with the manufacturing of its automakers. Consumers are well-protected with our full-time drivers, self-operated vehicles, and self-developed D.V.R system.” — T3Go CMO Dong Li

However, the interaction of front and back-end can be sophisticated but overwhelmed. Highlight specific features with customer's real needs is the key to standing out in the market.

My Focus: Refine T3 originals with customers real needs

The essential of developing an extraordinary redesign project is to focus on the core product features and people's real need. Under that concern, our team conducted the research with three questions.

What makes T3 stand out?

Compared with other car-hailing apps, T3 provides instant road surveillance with more advanced safety functions, which can be a great breakthrough for the redesign.

What are the users' needs?

Simply highlighting the instant road surveillance system on UI is not the solution to our goal. Instead, we surveyed 100+ ride-hailing app users to understand customer's real needs.

As a result, focusing on highlighting T3 driver quality and improve night ride-hailing experience will be our main redesign direction.

What are T3's problems?

To define T3 pain points, we interviewed 20+ T3 drivers and collected the user's voice from the app store.

Previous Design

What should be improved?

Users cannot understand the V.D.R system on the onboarding page.
T3 Go interface looks similar to Didi. Users can not differentiate these two apps.
While the driver's quality matters during the ride-hailing experience, the most common conflict between drivers and riders is the route choice selection.

According to the research, we noticed that the educational information and route selection function should be improved.

Visualizing the End-to-end

To gain a better understanding of user's needs, I developed a user journey to narrow down our final redesign solutions.

Based on all of our findings above, we narrowed our focus into three tasks:

Task 1 Redesign Driver Profile

Curating focus on driver’s card

Iterate, iterate, and iterate

Task 2: Dark Mode Scenario

First Iteration

We discussed the possible main features in dark mode and how it would achieve the business goal.

Dark mode and its particularities

Design the darl mode is not "just" converting all light background and UI components to dark greys, while we want to use dark mode to highlight the physical safety button in the car, which may not be noticed by passengers especially at night.

Iteration for toolbar icons for dark mode

Second Iteration

Refecting on the first venture into dark UI

Dark mode can be distracting: Dark mode is high contrast by default and takes work to find the right balance between both non-eye straining color pairings and every line and element.
Define levels is essential: Inspired on Uber's excellent night mode design guidelines, I tried to encounter different levels of elevation in the UI. Articulating the rules for different shades of grey can be essential for building up a consistent system.

Highlights for Final Version

Task 3: On-boarding

In this project, we also care about the user's onboarding experience. In the new version of the onboarding page, we want to educate users by optimizing the graphics highly integrated with the updated context.

A Project never ends

This is the project that has given me my toolset to communicate not only with other designers but get direct feedback from the client as well. As the design leader, the most challenging part for me is not the design itself, but I need to control the whole process and decided when to move forward to the next level.

T3 Go as the new player in the ride-sharing market has great potential as they are applying all the trendy telematics technologies into the car-hailing industry and trying to change the market by conveying new concepts though their products, our designs.

After the redesign pitch, our client also agreed that the redesign should not only solve current safety concerns but also lead the customers to step into the telematics world. By doing so, safety should not be a pain point anymore in the future.

Back to Home

Overview

Redesign the T3 Go instant road surveillance section and optimize the car-hailing experience

Sprint Duration: 12-week freelance project @ T3 Go

​

Team: Collaborated with 1 product manager & 6 UX designers: Ming, Mandy Ding, Ting Su, Dandan, Olivia, Liuyi

My Role: UX designer leader

​

Key Skills: Communication with client, UX Research, Design System, User Journey Map, Ideation, Low-fi Wireframes, High-fi Prototype, Usability Test, Project Management

Project Goal

Be a key player in the car-hailing industry.

But How?

Different from other car-hailing apps such as Didi and Uber, T3 offers a more instant safety system. By deploying a self-developed D.V.R system, T3 connects the surveillance platform with the front-end driving environment.

“The ‘smart mobility ecosystem’ ensures the data capability with the manufacturing of its automakers. Consumers are well-protected with our full-time drivers, self-operated vehicles, and self-developed D.V.R system.” — T3Go CMO Dong Li

However, the interaction of front and back-end can be sophisticated but overwhelmed. Highlight specific features with customer's real needs is the key to standing out in the market.

My Focus: Refine T3 originals with customers real needs

The essential of developing an extraordinary redesign project is to focus on the core product features and people's real need. Under that concern, our team conducted the research with three questions.

What makes T3 stand out?

Compared with other car-hailing apps, T3 provides instant road surveillance with more advanced safety functions, which can be a great breakthrough for the redesign.

What are the users' needs?

Simply highlighting the instant road surveillance system on UI is not the solution to our goal. Instead, we surveyed 100+ ride-hailing app users to understand customer's real needs.

As a result, focusing on highlighting T3 driver quality and improve night ride-hailing experience will be our main redesign direction.

What are T3's problems?

To define T3 pain points, we interviewed 20+ T3 drivers and collected the user's voice from the app store.

Previous Design

What should be improved?

Users cannot understand the V.D.R system on the onboarding page.

T3 Go interface looks similar to Didi. Users can not differentiate these two apps.

While the driver's quality matters during the ride-hailing experience, the most common conflict between drivers and riders is the route choice selection.

According to the research, we noticed that the educational information and route selection function should be improved. ​

Visualizing the End-to-end

To gain a better understanding of user's needs, I developed a user journey to narrow down our final redesign solutions.

Based on all of our findings above, we narrowed our focus into three tasks:

Task 1 Redesign Driver Profile

Curating focus on driver’s card

Iterate, iterate, and iterate

Task 2: Dark Mode Scenario

First Iteration

We discussed the possible main features in dark mode and how it would achieve the business goal.

Dark mode and its particularities

Design the darl mode is not "just" converting all light background and UI components to dark greys, while we want to use dark mode to highlight the physical safety button in the car, which may not be noticed by passengers especially at night.

Iteration for toolbar icons for dark mode

Second Iteration

Refecting on the first venture into dark UI

Dark mode can be distracting: Dark mode is high contrast by default and takes work to find the right balance between both non-eye straining color pairings and every line and element.

Define levels is essential: Inspired on Uber's excellent night mode design guidelines, I tried to encounter different levels of elevation in the UI. Articulating the rules for different shades of grey can be essential for building up a consistent system.

Highlights for Final Version

Task 3: On-boarding

In this project, we also care about the user's onboarding experience. In the new version of the onboarding page, we want to educate users by optimizing the graphics highly integrated with the updated context.

A Project never ends

​

​T3 Go as the new player in the ride-sharing market has great potential as they are applying all the trendy telematics technologies into the car-hailing industry and trying to change the market by conveying new concepts though their products, our designs.

​

After the redesign pitch, our client also agreed that the redesign should not only solve current safety concerns but also lead the customers to step into the telematics world. By doing so, safety should not be a pain point anymore in the future.

According to the research, we noticed that the educational information and route selection function should be improved.

T3 Go as the new player in the ride-sharing market has great potential as they are applying all the trendy telematics technologies into the car-hailing industry and trying to change the market by conveying new concepts though their products, our designs.