Yuanhe Liu

01

Works

02

About

03

Let's Chat

Sydney

4:32 PM

Yuanhe Liu

Menu

Sydney

4:32 PM

Yuanhe Liu

01

Works

02

About

03

Let's Chat

Sydney

4:32 PM

Yuanhe Liu

Menu

Ratings

Dashboard

Ratings

Dashboard

Ratings

Dashboard

Re-Design

SaaS

Design System

Crafting a platform experience that unifies two fragmented services to help enterprises source sustainable brands and manage portfolios.

Crafting a platform experience that unifies two fragmented services to help enterprises source sustainable brands and manage portfolios.

Crafting a platform experience that unifies two fragmented services to help enterprises source sustainable brands and manage portfolios.

Crafting a platform experience that unifies two fragmented services to help enterprises source sustainable brands and manage portfolios.

Overview

Overview

Overview

Good On You helps enterprise teams source sustainable brands, but the fragmented tools made it difficult for enterprise users to find key information and complete essential tasks. To support their vision for “the most efficient and scalable brand data management solution,” we rebuilt the experience as a unified UX and technical foundation. The result was a streamlined dashboard that delivers critical data access and high-value workflows.

Good On You helps enterprise teams source sustainable brands, but the fragmented tools made it difficult for enterprise users to find key information and complete essential tasks. To support their vision for “the most efficient and scalable brand data management solution,” we rebuilt the experience as a unified UX and technical foundation. The result was a streamlined dashboard that delivers critical data access and high-value workflows.

Team

1 Product Designer (Me), Product Lead, Tech Lead, 2 Engineers

Contribution

UX Audit, User Research, Product Design,

User Testing, Design System, Branding

Outcome

Fully redesigned dashboard with integrated services, and a scalable design system

Year

Mid 2023-Late 2023

About

The

Users

Enterprise ecommerce players and discovery platforms who derive value from Good On You's sustainability data services and ratings services.

Why ratings and GM

invite are in two places?

Regular ratings checking

is manual-heavy.

Regular ratings checking

is manual-heavy.

Regular ratings checking

is manual-heavy.

How can I see the

latest rating changes?

Can't distinguish the

brands in my portfolio.

Can't easily see GM

brand invitation status.

GM brand invite

is manual heavy.

Can I batch invite

brands to GM?

Holistic

Insights

Holistic

Insights

Holistic

Insights

Holistic

Insights

We approached the problem from multiple angles. We surveyed sales, customer support and existing customers to understand users' workflows and uncover key pain points. I then conducted a usability audit to identify inconsistencies and systemic issues across the product ecosystem.


Synthesising these findings, we then put together high-level user stories and discussed with tech team to define the product scope.

We approached the problem from multiple angles. We surveyed sales, customer support and existing customers to understand users' workflows and uncover key pain points. I then conducted a usability audit to identify inconsistencies and systemic issues across the product ecosystem.


Synthesising these findings, we then put together high-level user stories and discussed with tech team to define the product scope.

*Our Product Lead and I co-created the surveys.

01

Internal

Research

Audited the sales process, onboarding process, customer support, account management, to uncover pain points.

02

Customer

Interview

Surveyed 5 customer representatives to understand their workflow and motivation.

03

Usability

Audit

Researched 2 products and identified usability, UI, and branding issues.

Insights

  • 3

    Motivations

    1. Source brands quickly

    2. With data comprehension

    3. At scale

  • 2

    Interests in data

    1. Rating changes (users brands)

    2. Finding good brands in new ratings

  • ~0

    Statistical and brand rating insights

    Making the Dashboard less valuable to them

  • High

    Servide calls

    Users always seek support on how to use our tools.

  • Heavy

    Manual brand-matching work

    Users find it difficult to match their brand portfolios in our system.

  • Low

    Feature discovreability

    Users failed to find the features that matters to them.

  • User activities evolved around Ratings Dashboard as a starting point.

  • Users highlight the disconnection in GM Admin and other tools. And find it unneccessarily cumbersome to use even for simple invitation.

  • Users highlight the disconnection in GM Admin and other tools. And find it unneccessarily cumbersome to use even for simple invitation.

  • User activities evolved around Ratings Dashboard as a starting point.

  • Low

    Feature discovreability

    Users failed to find the features that matters to them.

  • Heavy

    Manual brand-matching work

    Users find it difficult to match their brand portfolios in our system.

  • High

    Servide calls

    Users always seek support on how to use our tools.

  • ~0

    Statistical and brand rating insights

    Making the Dashboard less valuable to them

  • 2

    Interests in data

    1. Rating changes (users brands)

    2. Finding good brands in new ratings

  • 3

    Motivations

    1. Source brands quickly

    2. With data comprehension

    3. At scale

Ratings Dashboard

GM Admin

Colour System

The Ratings Dashboard handles basic tasks but fails to surface additional value or highlight key features in the way users need. Unclear navigation, interactions, and hierarchy slow users down. Unpredictable behaviour reduces trust and drives reliance on manuals.

Ratings Dashboard

GM Admin

Colour System

The Ratings Dashboard handles basic tasks but fails to surface additional value or highlight key features in the way users need. Unclear navigation, interactions, and hierarchy slow users down. Unpredictable behaviour reduces trust and drives reliance on manuals.

Ratings Dashboard

GM Admin

Colour System

The Ratings Dashboard handles basic tasks but fails to surface additional value or highlight key features in the way users need. Unclear navigation, interactions, and hierarchy slow users down. Unpredictable behaviour reduces trust and drives reliance on manuals.

Ratings Dashboard

GM Admin

Colour System

The Ratings Dashboard handles basic tasks but fails to surface additional value or highlight key features in the way users need. Unclear navigation, interactions, and hierarchy slow users down. Unpredictable behaviour reduces trust and drives reliance on manuals.

Concepting,

Prototyping

& Testing

Concepting,

Prototyping

& Testing

Concepting,

Prototyping

& Testing

Concepting,

Prototyping

& Testing

Our concept exploration centred on simplifying and connecting workflows so users could find, interpret, and manage brand ratings more easily. This means rethinking navigation, filters, and table designs to reduce friction and support faster scanning.


I ran asynchronous usability testing with three users. Their feedback confirmed the value of the redesign and highlighted opportunities to improve GM management and data prioritisation.


We continued to work with users to refine these areas and further polished the solution based on technical feasibility.

Our concept exploration centred on simplifying and connecting workflows so users could find, interpret, and manage brand ratings more easily. This means rethinking navigation, filters, and table designs to reduce friction and support faster scanning.


I ran asynchronous usability testing with three users. Their feedback confirmed the value of the redesign and highlighted opportunities to improve GM management and data prioritisation.


We continued to work with users to refine these areas and further polished the solution based on technical feasibility.

01

Concepting

& Prototyping

Explored workflows from initial skeletons to functional prototypes. Created a predictable, reusable workflow that lets users switch between Ratings and GM with minimal learning curve.

02

Usability

Testing

Conducted asynchronous usability testing with 3 customer representatives (Farfetch, Klarna and Otrium) because our sourced users were in different timezones.

4.5/5

Perceived Intuitiveness Score (Avg.)

~100%

Key Task Completion Rate

Feedback

  • I need the ability to filter by brands sold on Farfetch. And it's confusing what 'My GM Brand' means.

  • Filter was very easy to use although it's not the first thing I noticed.

  • Super easy brand invite flow (GM!)

  • GM status colour coding is super helpful!

  • Filter was very easy to use although it's not the first thing I noticed.

  • Super easy brand invite flow (GM!)

  • GM status colour coding is super helpful!

  • I need the ability to filter by brands sold on Farfetch. And it's confusing what 'My GM Brand' means.

Navigations

Filters

Tables

Snapshots

Brand Page

Explored side- and top-bar navigation patterns, and found that the sidebar structure was friendlier and made key workflows more visible to new users.

Navigations

Filters

Tables

Snapshots

Brand Page

Explored side- and top-bar navigation patterns, and found that the sidebar structure was friendlier and made key workflows more visible to new users.

Navigations

Filters

Tables

Snapshots

Brand Page

Explored side- and top-bar navigation patterns, and found that the sidebar structure was friendlier and made key workflows more visible to new users.

Navigations

Filters

Tables

Snapshots

Brand Page

Explored side- and top-bar navigation patterns, and found that the sidebar structure was friendlier and made key workflows more visible to new users.

Branding vs

Colour System

Branding vs

Colour System

Branding vs

Colour System

Branding

vs

Colour

System

We initially planned to deliver a full branding system—naming, logo, assets, and colour foundations—but stakeholder feedback highlighted the risk of tackling everything at once. So we separated the work and pursued the colour system as its own project.


We focused on creating an accessible, pro-tool colour system that fixes inconsistencies across our consumer and customer-facing products. The new palette stays close to the Good Measures product (built externally). While that product diverged from our core branding, correcting it would have required significant effort, so we aligned our system just enough to reduce friction without fully adopting its style.

We initially planned to deliver a full branding system—naming, logo, assets, and colour foundations—but stakeholder feedback highlighted the risk of tackling everything at once. So we separated the work and pursued the colour system as its own project.


We focused on creating an accessible, pro-tool colour system that fixes inconsistencies across our consumer and customer-facing products. The new palette stays close to the Good Measures product (built externally). While that product diverged from our core branding, correcting it would have required significant effort, so we aligned our system just enough to reduce friction without fully adopting its style.

From

Inconsistent colours and poor accessibility across consumer and customer-facing products, with many drifting from GOY branding. Our new colour system couldn’t fully include the externally built GM product, so we chose to visually align with it—luckily, its palette was already close to GOY.

To

A reusable colour system with clear guidance, AA accessibility, and consistent GOY branding. Built to work immediately with MUI for minimal effort, while remaining visually compatible with the GM system we cannot change.

The

Delivery

The

Delivery

The

Delivery

The

Delivery

Combining the validated concepts with the new colour system, I delivered the final design through a consistent, scalable design system that forms a strong foundation for Good On You’s B2B strategy.


Throughout the process, I collaborated closely with engineers to ensure the solution met our technical constraints and could be delivered reliably.

Combining the validated concepts with the new colour system, I delivered the final design through a consistent, scalable design system that forms a strong foundation for Good On You’s B2B strategy.


Throughout the process, I collaborated closely with engineers to ensure the solution met our technical constraints and could be delivered reliably.

Good On You

Ratings Dashboard

Good On You

Ratings Dashboard

Good On You

Ratings Dashboard

Good On You

Ratings

Dashboard

Tables

Unique layout for each page with rich visual indicators helping users understand verticals, rating score changes, and GM statuses.

Snapshots

One of the crowd favorate new feature. Unique layout for each page to help users get a glimpse of their filtered results.

Filter

The immediately accessible filter setup helps users stay in control of the data they care about. We also preset default filters on each page to give them a smooth starting point for their workflow.

Good Measures Invite Flow

The Good Measures invite flow lets users invite brands directly from the brand page or table with a single click. Users can choose to send a default email or personalise their own using the generated invite link. A simple tracking view helps them manage all pending invitations. What used to be a manual, error-prone process is now streamlined, guided, and supported with clear system feedback.

Let's Chat

Interested in a call? We can create great things that matter, together.

Interested in a call? We can create great things that matter, together.

Interested in a call? We can create great things that matter, together.

Interested in a call? We can create great things that matter, together.

*I use the name Javan Liu in work places.

LInkedin

LInkedin

LInkedin

LInkedin

LInkedin

Email

Email

Email

Email

Email