Project Management Dashboard

Home

About

Works

Awards

Back

Project Management Dashboard

Designing an internal dashboard that allows staff to monitor the services onboarding progress

Project Management Dashboard

Designing an internal dashboard that allows staff to monitor the services onboarding progress

Through the design of the dashboard, we grant our internal staff the ability to closely observe the client onboarding process by means of visualizing the tracking data, thereby expanding our capacity for data-driven insights and informed decision-making.

Role

User Interface (UI) Designer
Interaction (IxD) Designer

Deliverables

Design System and UI Kit
Figma Token
Components Library
High-fidelity Interactive Prototypes
Documentation

Specifications

1 week duration
Figma was applied

Design Criteria

Considering the dashboard may contain a large amount of data and various types of data, the UI design should possess these criteria:

Scannability

The design should allow staff to scan through the data.

Readability

The design should present content with great clarity.

Consistency

The design should be able to present various types of data in a unified look and feel.

Design Challenges

Professional users

With the proficiency in other software, they may expect the dashboard works like some similar functions in other software.

Various screen sizes

Individuals may use diverse setups, such as external monitors or laptops. They may also employ mobile devices while working remotely.

Design Decision

To design the app shell UI and common components that are adaptable to various modules.

Minimize color usage

Prevent misinterpretation of color meanings and reduce visual noise in dense data.

Balanced use of space

Avoid visual overload and ensure users can focus on the essential content.

Responsive-friendly

Adopt flexible responsive design to support various device sizes.

Final Outcome

Design for different break point

Laptop view

Contents

About the case

Design System

Navigation Bar Design

Table Design

Figma Reference

Project Management Dashboard

Designing an internal dashboard that allows staff to monitor the services onboarding progress

Role

User Interface (UI) Designer
Interaction (IxD) Designer

Deliverables

Design System and UI Kit
Figma Token
Components Library
High-fidelity Interactive Prototypes
Documentation

Specifications

1 week duration
Figma was applied

Design Criteria

Considering the dashboard may contain a large amount of data and various types of data, the UI design should possess these criteria:

Scannability

The design should allow staff to scan through the data.

Readability

The design should present content with great clarity.

Consistency

The design should be able to present various types of data in a unified look and feel.

Design Challenges

Professional users

With the proficiency in other software, they may expect the dashboard works like some similar functions in other software.

Various screen sizes

Individuals may use diverse setups, such as external monitors or laptops. They may also employ mobile devices while working remotely.

Design Decision

To design the app shell UI and common components that are adaptable to various modules.

Minimize color usage

Prevent misinterpretation of color meanings and reduce visual noise in dense data.

Balanced use of space

Avoid visual overload and ensure users can focus on the essential content.

Responsive-friendly

Adopt flexible responsive design to support various device sizes.

Final Outcome

Design for different break point

Laptop view