top of page

NDA Project

Logistic Company Internal website 
Designing Dashboard for collecting emission data

To provide a centralised platform where team members could monitor, track, and input emission data.

About.

Role

Product Designer

Timeline

4 months

Tools & Relevant systems

Figma, Miro, Survey.js

Project Overview

The dashboard solves the inefficiency caused by manually handling emission data using Excel sheets. It centralises data collection from 300+ business units, enabling faster, data-driven decision-making.

I managed the full design process, from research to final delivery. This project used Survey.JS for data collection and a custom dashboard for progress tracking and reporting.

 

Meeting clients' requirements and working with limited survey tools was challenging, but it provided me with the opportunity to think of alternative possibilities and transform complex data into visualisations.

Users Research & Discovery.

HQ Admin's Journey map

admin.jpg

BU PIC's Journey map

bu pic.jpg

Problem Statement

How can we streamline the process for HQ Admins managing 300+ data forms to reduce time and effort?

Workflow Structure.

Hierarachy.jpg

Features.

After.jpg

1. Status Sorting

2.1.2_Admin_Submission Board_Filter expanded.jpg

Since the admin, team head, and BU PIC all have the right to comment on a submission, sometimes comments may only be exchanged between the team head and BU PIC. In such cases, the admin can skip reviewing the form first. The team head may be able to resolve some questions before the admin checks the form.

This could help the admin share the workload and avoid double-checking the same form at the same time as the team head. Instead, the admin can prioritize reviewing forms that have already received comments and have new replies.

Submission Status.jpg

2. Progress tracking bar

12months progrss.png
  • The filter will sort out all companies who’s progress are “empty” or “partly” done with the selected month
     

  • “OR” logic will be applied to the filter results if multiple months are selected. In this example, companies with incomplete submission in either January or March will be shown in the results
     

  • Status of green: Done ;
    Status of light orange: Partly 

Since the admin has to check the data monthly, they can remind the BU PIC to fill in any incomplete data. When the admin clicks on 'Progress of Submission' and filters for incomplete months, they can directly chase those incomplete forms instead of having to expand each form and check the progress one by one every month.

progress submission filter.png
filtered month.png

3. Emission Dashboard 

After receiving 300+ forms from BUs, the admin needs to generate a report. Our dashboard design allows the admin to filter by year, scope, company, segment, country, and region, so they can tailor the report for different purposes.

The report can also be collapsed to show only the core data, making it easier for the admin to quickly extract the necessary numbers.

Outcome.

  • Time Saved
    50% reduction in time spent on form management

  • Submission Accuracy Improvement
    70% fewer incomplete or inaccurate submissions

  • User Satisfaction
    85% of users reported increased satisfaction

  • Report Generation Efficiency
    80% decrease in time required to generate emission reports

bottom of page