Creating a Digital Platform to help Top Management and Team Leaders to get a Bird’s-eye View of Operation of Key Performance Indicators (KPIs)

Requirements

  • To develop a digital platform (Data Dashboard) that would assist top management and team leaders in gaining a bird’s eye perspective of operations, KPIs, metrics, and other significant data points related to a business or specific process, as well as identifying strengths and weaknesses in real time.
  • To transform data into easily understandable and accessible graphs and charts.
  • To organize all of the data in a way that will aid executives in planning ahead and making critical decisions.

Sector

Packaging and other services

Client

World’s leading multinational food packaging and processing solutions company.

Tech Stack

  • HTML5/CSS3
  • Dot Net
  • Node JS
  • Angular 7
  • Adobe XD
  • Highcharts

Sector

Packaging and other services

Client

World’s leading multinational food packaging and processing solutions company.

Tech Stack

  • HTML5/CSS3
  • Dot Net
  • Node JS
  • Angular 7
  • Adobe XD
  • Highcharts

Requirements

  • To develop a digital platform (Data Dashboard) that would assist top management and team leaders in gaining a bird’s eye perspective of operations, KPIs, metrics, and other significant data points related to a business or specific process, as well as identifying strengths and weaknesses in real time.
  • To transform data into easily understandable and accessible graphs and charts.
  • To organize all of the data in a way that will aid executives in planning ahead and making critical decisions.

Challenges

  • To gain a better understanding of the internal business processes.
  • To have a better understanding of key members and to develop several layers of data accessibility.
  • Designing and development of the data dashboard UI which is easy to navigate and organizes the analytics in a way that is easy to understand for all individuals in the key roles.
  • To provide as many chart kinds as possible for visualising the required data.
  • To make the whole platform dynamic, allowing each stakeholder to personalise the data dashboard to meet their own requirements.

Solution by Stackmint

As we were creating this solution for an organization with a multi-layered hierarchy, we found it necessary to interact with all the stakeholders and identify the key persons. This helped us create the hierarchy in the platform that we developed for our clients. The access to the data could be given or restricted by members in key roles. We created a multi-layered digital platform (Data Dashboard) for our clients that had dashboard accesses according to their roles in the company. The Plant Head has the bird-eye view of all the shops, departments, vertical data, as well as complete access to the data. Shop Heads have all of the departments’ cumulative KPIs dashboards that drill down to others. Department Heads have the cumulative data of their department’s cumulative KPI data and can drill down to team members. Team Heads have their team’s cumulative KPI data that can drill down to the members. We also designed an easy-to-use data dashboard with data that was simple to navigate through thanks to the accumulation of graphs and charts.

Dashborad Page

Typography

Headline

Bold 35 pt

Title

Regular 28 pt

Header

Bold 25 pt

Large body

Regular 18 pt

Button

Regular 18 pt

Secondary body

Bold 35 pt

Secondary Body

Secondary 15 pt

Body

Bold 13 pt

Body

Regular 13 pt

Placeholder

Regular 11 pt

Colors

Typography

Headline  

Bold 35 pt 

Title  

Regular 28 pt

Header

Bold 25 pt 

Large body

Regular 18 pt

Button 

Regular 18 pt

Secondary Body 

Bold 35 pt

Button 

Regular 18 pt

Secondary Body 

Bold 15 pt

Body 

Bold 13pt

 Body 

Regular  13 pt

Placeholder

Regular 11 pt

Colors

Login

Create a Dashboard

Configure Dashboard Filters

Choose Dashboard Theme

View/Preview Dashboard

Link Dashboard (Multi-level drill-down)

View All Dashboards

Login

Create a Dashboard

Configure Dashboard Filters

Choose Dashboard Theme

View/Preview Dashboard

Link Dashboard (Multi-level drill-down)

View All Dashboards

Other Screens

Other Screens

Impact

This digital platform (data Dashboard) assisted our client in efficiently tracking multiple data sources, converting data into easy-to-understand visuals such as graphs and charts on a dashboard via interactive UI/UX, and presenting data to the user in a consolidated and relevant UI for forward planning and critical management decisions. As a result, multiple processes and departments were able to make decisions more quickly. Management now has a bird’s eye view of the company’s overall operations and performance. This has a direct positive effect on the company’s profitability.