SaaS / Web / @Flywheel

SaaS / Web / @Flywheel

Digital Shelf

Digital Shelf

Client

L'Oreal APAC

Timeline

Jul - Nov 2022

My Role

UX designer

Lead UI designer

Current Status

Online

About Flywheel Digital

Flywheel Digital is a leading e-commerce analysis company that provides digital data solutions to businesses aiming to succeed in this field. Trusted by numerous Fortune 500 brands, Flywheel’s solutions are used to optimise business performance in the Asia-Pacific (APAC) region.

Background

The Digital Shelf is a 0-to-1 product designed to provide comprehensive data analysis for e-commerce businesses. At the request of our client, the product incorporated six key factors of online sales data: Sales KPIs, Availability, Search, Integrity, Ratings & Reviews, and Pricing.

Additionally, our client wanted not only to view their own data but also to track data from their competitors. This requirement resulted in a massive volume of data that needed to be visualised effectively.

Identify the Challenges

Given the complexity of this project, we identified three main challenges that needed to be addressed:


Highly Customisable Data Range: Our client required the ability to select data across eight dimensions and choose whether or not to include competitors' data.


Multiple Types of Data Visualisation: With six factors in the data set, we faced the challenge of determining the most effective way to visualise each type of data.


In-Depth Data Interaction: Our client desired the capability to delve deeply into the data, allowing them to view detailed insights to inform their business strategies.

Solutions

  1. Universal Filter: We introduced a new filter component that not only allows users to customise their data selection but also integrates seamlessly with the navigation bar. This design enables users to view results and make adjustments effortlessly.

Default filter in drawer that allow user customise data in 8 dimensions
Default filter in drawer that allow user customise data in 8 dimensions
Filters in navigation bar that display the status and allow adjustment
Filters in navigation bar that display the status and allow adjustment
  1. Comprehensive data visualisation: To ensure efficient representation of various data types, we implemented six distinct chart formats. These include: Heat maps, Bar charts, Line charts, Stacked area charts, Bubble charts, Stacked bar charts.

  1. Interactive data exploration: To empower users with in-depth data analysis capabilities, we designed a suite of interactive charts. These dynamic visualisations enable users to: examine details on demand, make direct comparisons between data points, and combine or isolate specific dimensions.

Interactive tables that allow client dive deeper
Interactive tables that allow client dive deeper
Table connected with bar chart, which allow client to see detailed inforamtion.
Table connected with bar chart, which allow client to see detailed inforamtion.

Impact

The launch of our new data visualisation platform yielded impressive results: Our client swiftly integrated the dashboard into their APAC market analysis processes, demonstrating the platform's intuitive design and immediate value. The client reported a significant acceleration in their strategy formulation. The ability to quickly visualise complex data relationships led to more informed and timely decisions. Additionally, the platform's efficiency and unique features attracted the attention from several Fortune 500 companies, who reached out to explore trial opportunities.

Email: zhiy.dai@outlook.com

Ryan Dai ©2024. All rights reserved

Email: zhiy.dai@outlook.com

Ryan Dai ©2024. All rights reserved

Email: zhiy.dai@outlook.com

Ryan Dai ©2024. All rights reserved