Modern KPI Cards: Reimagining Dashboard Design

A set of non‑conventional KPI cards that bring web‑inspired design principles to Power BI dashboards — clean, scannable, and visually engaging.

PROJECT SCREENSHOTS · SELECT AN IMAGE TO ENLARGE

Rethinking dashboard KPI cards

Most Power BI dashboards rely on standard tiles — rigid, clunky, and visually uninspiring. This project reimagines KPI cards as modern, web‑inspired design elements that feel native to a SaaS platform or marketing dashboard.

The result is a set of three KPI cards that are:

Scannable at a glance — Each card presents one primary metric with supporting context
Visually engaging — Clean typography, subtle shadows, and consistent spacing create a premium feel
Informative — Beyond the headline number, each card includes time ranges, trend indicators, and contextual details

The three KPI cards

1. Total Cost Card

Headline: $12,365,510
Timeframe: January 2020 - December 2022
Supporting data: Top 5 cost drivers (Aanvi Gupta, Ajay Sharma, Roshan Kumar, Aadil Khan, Advika Joshi, Vijay Singh)
Interactive element: "View More" button for drill-down

2. Total Sales Card

Headline: $16,075,163
Timeframe: January 2020 - December 2022
Supporting data: 2021 vs 2022 comparison with trend visualization
Interactive element: "View More" button for drill-down

3. Total Profit Card

Headline: $9,016,890
Supporting data: Retained Earnings $2.25M
Goal tracking: 36% reached toward $25M goal
Visual indicator: Progress bar showing 36% completion

Design philosophy

Web-first design: These cards look like they belong on a modern marketing dashboard or SaaS platform, not a traditional BI tool
Information hierarchy: Primary number dominates, supporting information is secondary but accessible
Consistent spacing: Generous padding and consistent card sizing create visual rhythm
Interactive elements: "View More" buttons signal drill-through capability without cluttering the view
Progress visualization: The profit card includes a goal progress indicator, adding urgency and context

Technical approach

Power BI · Custom visual styling · DAX measures · Conditional formatting · Web-inspired card design · Drill-through configuration