About this dashboard

Dashboard providing insights into top-selling products, conversion rates, average order value, cart abandonment, and revenue by category.

KPIs tracked

Total RevenueGross Merchandise Value (GMV)Average Order Value (AOV)Cart Abandonment RateCustomer Retention RateRepeat Purchase Rate

Charts

Gauge ChartMulti-Line ChartStacked Bar ChartDonut ChartHeatmap

Strategic insights

Design recommendations

Color Palette Strategy

High

Utilize the purple-gold palette strategically: purple for KPI backgrounds and headers, gold for highlighting key metrics. Ensure a minimum 4.5:1 contrast ratio for accessibility, making crucial metrics easily visible.

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

Adopt a 12-column grid for a 16:9 aspect ratio. Place KPI cards in the top row for immediate visibility, followed by charts in the middle row, and additional insights or filters in the bottom row. Maintain 20px gaps between cards for clarity.

Typography Hierarchy

Medium

Establish a clear typography hierarchy: Dashboard title at 28px bold, section headers at 20px semibold, KPI titles at 16px medium, and body text at 12px regular. Use a single font family like Inter for a professional appearance.

Data Visualization UX

High

Select chart types that best represent the data: use the Gauge Chart for targets, Multi-Line for trends, and Heatmap for category performance. Limit colors to 5-7 per chart for clarity and include tooltips for additional context.

Visual Hierarchy & Focus

Medium

Create a clear visual hierarchy by using larger fonts for the most important metrics. Use whitespace effectively to separate sections and highlight anomalies using conditional formatting, such as red for negative trends and green for positive.

Interaction & Feedback

Low

Incorporate hover states for interactive elements, such as changing opacity on KPI cards. Use loading skeletons during data refreshes and provide visual feedback on filters applied to enhance user experience.

Related dashboards

See all

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