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.

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

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.

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

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.

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.

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?

Wholistic

Insights

I approached the problem from multiple angles. We interviewed 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.

*The questionnaires were a collaborative effort between our Product Designer and I.

01

Internal

Research

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

02

Customer

Interview

Questionnaired 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

Unclear interactions, weak visual hierarchy, inconsistent styling, and hidden features disrupt workflows, create errors, reduce trust, and force users to rely on manuals.

Approach 1/2

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.

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

Tabels

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.

Approach 1/2

Branding vs

Colour System

We pursued the colour system as a standalone project. The initial intent was to introduce a full branding system—including naming, logo, assets, and colour foundations—but stakeholder feedback highlighted the risks of tackling everything at once.


Instead, we focused on creating an accessible, pro-tool colour system that resolves the inconsistencies across our consumer and customer-facing products.


The new set of colours are close enough to the GM colours which was considered as a deviation to our branding but was too much effor to fix.

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.

Approach 1/2

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.

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

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

Good Measures Invite Flow

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

Approach 1/2

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.