About this dashboard

Overview of top-line metrics driving online sales performance.

KPIs tracked

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

Charts

Gauge ChartMulti-Line ChartFunnel ChartHeatmapStacked Bar ChartKPI Card

Strategic insights

Design recommendations

Color Palette Strategy

High

Utilize a wine-blush palette effectively: primary color for headers/navigation, secondary for key metrics, and accent for alerts. Ensure a 4.5:1 contrast ratio for accessibility and maintain consistency across the dashboard.

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 ratio. Position KPI cards at the top for immediate visibility, followed by charts in the middle sections for detailed analysis. Maintain 16-24px padding and 16-20px gaps between cards.

Typography Hierarchy

Medium

Establish a clear typography hierarchy: Dashboard title at 24-28px (bold), section headers at 18-20px (semibold), card titles at 14-16px (medium), body text at 12-14px (regular), and captions/labels at 10-12px. Use a single font family for consistency.

Data Visualization UX

High

Choose chart types that align with the data: gauges for performance targets, multi-line charts for trends, and heatmaps for customer engagement. Limit color usage to 5-7 per chart for clarity and add tooltips for context.

Visual Hierarchy & Focus

Medium

Create a clear visual hierarchy by making the most important metrics larger and bolder. Use whitespace effectively to separate sections, and apply subtle shadows or borders to cards for depth. Highlight anomalies with conditional formatting.

Interaction & Feedback

Low

Incorporate hover states for interactive elements (e.g., opacity: 0.8) and loading skeletons during data refresh. Provide 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