Dashboards: KPIs, charts and tables

Overview

A dashboard has to answer a question quickly. These screens put the key numbers first, then the charts and tables that explain them, each in its own card.

They are shown as examples of the visual style, not as full case studies.

Project overview

A dashboard with a donut chart for project health, a table of tests, a line chart and a stacked bar chart, each in its own card.

• Project dashboard

Campaign reports

Campaign dashboards with revenue, margin, impressions and clicks as KPI cards, a revenue chart, a budget gauge and a revenue-by-country table. A second version adds a list of campaigns and approval rates.

• Campaign performance
• Campaign fulfilment

Charts and KPIs

KPI cards sit above one large chart, with a tooltip showing the exact value of one point. The same chart style is reused in an account dashboard, a conversions panel and a mobile progress screen.

• Monthly page views
• Account dashboard
• Conversions and payments
• Mobile progress screen

Hotel reputation

A UI/UX design challenge: one daily workspace for a hotel manager who monitors reviews across Google, Booking.com, TripAdvisor and Expedia, calls unhappy guests and is evaluated on improving the hotel’s score.

I ordered the screen by urgency. The top row answers “What must I do right now?” with the reputation score, the conversion rate towards the goal and the guests waiting for a call. Below it is the priority list of negative reviews, with Call / AI reply / Done actions and an inline AI-drafted response. The lower half is for strategy: feedback themes, an improvement tracker and platform distribution.

The palette (cream, forest green and bronze) feels like hospitality rather than generic SaaS, while red, gold and emerald are kept for meaning. Contrast meets WCAG AA and status never relies on colour alone.

• Hotel reputation dashboard