About this dashboard

An executive scoreboard for a global football merchandise retailer showcasing five years of revenue performance and its drivers.

KPIs tracked

Monthly RevenueQuarterly RevenueYear-over-Year GrowthConversion RateAverage Deal SizeCustomer Acquisition Cost (CAC)

Charts

Multi-Line ChartStacked Bar ChartFunnel ChartGauge ChartDonut Chart

Strategic insights

Design recommendations

Color Palette Strategy

High

Utilize the custom-2D5A27-cf0621 palette effectively by employing the primary green for headers and backgrounds, the red for key metrics and alerts, and the muted colors for secondary elements. Ensure a contrast ratio of at least 4.5:1 for accessibility.

Primary · Background and headers
Secondary · Key metrics and highlights
Accent · Secondary elements
Highlight · Important data points
Muted · Subtle backgrounds
Light · Light accents

Layout & Grid System

High

Implement a 12-column grid system for a 4:3 aspect ratio. Position KPI cards at the top for immediate visibility, followed by charts in the middle for analysis, and filters in a sidebar. Maintain 20px padding and 20px spacing between cards.

Typography Hierarchy

Medium

Use a consistent font family with a bold dashboard title sized at 28px, section headers at 20px, card titles at 16px, body text at 14px, and captions at 12px. This hierarchy will create a clear visual structure.

Data Visualization UX

High

Select chart types based on data semantics; for trends use the Multi-Line Chart, for comparisons the Stacked Bar Chart, and for proportions the Donut Chart. Limit colors to a maximum of 7 per chart and ensure clear legends are positioned outside the chart area.

Visual Hierarchy & Focus

Medium

Create visual hierarchy by making the most important metrics the largest and boldest elements on the dashboard. Use whitespace effectively to separate sections and apply conditional formatting to highlight anomalies in metrics.

Interaction & Feedback

Low

Incorporate hover states for interactive elements with a slight opacity change (0.8) and provide loading skeletons during data refresh. Ensure users receive visual feedback on filter selections and consider drill-through navigation for deeper insights.

Related dashboards

See all

We use cookies to enhance your experience and analyze site usage. Learn more