Shipping & Mining

Adani Natural Resources CEO dashboards for 500-inch screens and 5-inch phones

Executive dashboards for CEOs overseeing mining sectors such as Coal and Copper. Each sector has its own KPIs, monitored around the clock and reviewed with heads of department on 350–500 inch boardroom screens, and on mobile.

These dashboards are under NDA. Enter the password to view the real screens.

Adani KCL CEO dashboard, high-resolution web visual design, month to date
Client
Adani (Shipping & Mining)
Project
CEO Dashboards
Role
UX & UI Architect
Period
Jul 2023 – Aug 2024
Team
25+
Location
Ahmedabad, India
Tools
UX research, IA, Design Thinking, wireframes & prototypes, design systems, Figma

The challenge

The same KPIs had to work on a ‘mini movie screen’ in a boardroom and on a phone in a CEO’s hand. Production capacity, mine health, incident reports, required output and financial tracking all compete for attention.

The first sector, Kutch Copper Ltd (KCL), brought sales, marketing and production KPIs across cathode, copper rod, CCR, gold, silver and by-products, each with MTD and YTD views.

What I did

  • Gathered business and user requirements through stakeholder interviews, documentation, goals and objectives
  • Analysed data and KPIs and planned UX/UI activities for the project
  • Created information architecture, wireframes, workflows, task flows, visual designs and responsive UIs
  • Built design guides from the client’s brand guidelines
  • Designed card view, grid view, detailed KPI view, view customisation, primary and secondary production with a geo map, and mobile views

Approach

01 Learn the domain

Took part in RFP discussions and interviewed SMEs and stakeholders to understand business goals and how CEOs actually read the numbers.

02 Low-fidelity first

Approved lo-fi wireframes for MTD and YTD views settled what matters most before any visual design.

03 v1.0 light, then v2.0 dark

Hi-fi v1.0 established the KPI cards and charts; v2.0 moved to a dark theme built for huge screens and added a helicopter view.

04 Review and sign-off

Designs were reviewed with HODs and CEOs and signed off.

Key design decisions

Decision 01 — Helicopter view by status

In v2.0 every KPI is grouped into Needs attention, Watch list and Healthy, so a CEO sees exceptions first instead of scanning dozens of charts.

Decision 02 — Dark for the big screen

A dark canvas keeps a 500-inch display readable in a boardroom and lets red/green status signals carry the meaning.

Decision 03 — Same KPIs, three densities

Card view, grid view and a detailed KPI view let the same data serve a quick glance, a comparison or a deep dive.

Decision 04 — Mobile as a list, not a shrunken wall

On phones the dashboard becomes expandable MTD/YTD summaries with trend arrows, not a miniature of the big screen.

Evolution

From lo-fi wireframe to hi-fi v1.0 to the dark v2.0.

1 · Lo-fi wireframe: KCL month to date
2 · Hi-fi v1.0: overall sales & marketing, month to date
3 · v2.0: the KPIs as cards
4 · v2.0: detailed view of one KPI

Visual design

High-resolution visual designs for KCL: the web dashboard month to date and year to date, the mobile month-to-date view, and the spec sheet handed to developers.

Web, month and year to date

Web dashboard, month to date
Web dashboard, year to date
Web dashboard, year to date: a second view

Mobile, month to date

Mobile, month to date
Mobile, month to date: alternate

Spec sheet

Spec sheet handed to developers

Outcome

Designs were reviewed with the heads of department and CEOs and signed off. The work defined a reusable dashboard language (KPI cards, status grouping, view customisation and mobile summaries) for sector CEOs.