Monthly revenue
€84,200Increased 12.5%
Compared with the previous 30 days.
Dashboard Statistics
Dashboard statistics composed from cards, badges, tables and responsive grid utilities.
Overview
Start with labelled reporting controls, lead with the most important metrics and provide supporting detail in a responsive table. Write trend and status meaning into every badge so color only reinforces the message.
Performance overview
Revenue, orders and acquisition performance for September 2026.
Last updated
Completed orders
1,842Increased 8.2%
Compared with the previous 30 days.
Conversion rate
4.8%Up 0.6 percentage points
Across all acquisition channels.
Open issues
235 need attention
Includes support and payment issues.
Traffic channels
Sessions, conversions and revenue for September 2026.
| Channel | Sessions | Conversions | Rate | Revenue | Status |
|---|---|---|---|---|---|
| Organic search | 18,420 | 956 | 5.2% | €31,500 | Healthy |
| Direct | 11,870 | 498 | 4.2% | €19,700 | Stable |
| Referrals | 7,210 | 202 | 2.8% | €11,800 | Needs review |
| Campaigns | 5,940 | 178 | 3.0% | €9,600 | Below target |
<section aria-labelledby="dashboard-title">
<header class="d-flex align-items-center flex-wrap gap-2">
<h3 id="dashboard-title">Performance overview</h3>
<p class="text-muted ms-auto">
Last updated <time datetime="2026-09-07T14:30:00+02:00">September 7, 2026 at 14:30</time>
</p>
</header>
<form
class="card shadow-sm border-primary bg-primary bg-opacity-10 d-flex flex-column flex-md-row align-items-md-end gap-2 p-3"
action="/dashboard"
method="get"
aria-label="Dashboard filters">
<div class="flex-grow-1">
<label class="form-label" for="period">Reporting period</label>
<select class="form-select" id="period" name="period">
<option value="30-days">Last 30 days</option>
<option value="quarter">This quarter</option>
</select>
</div>
<div class="flex-grow-1">
<label class="form-label" for="comparison">Compare with</label>
<select class="form-select" id="comparison" name="comparison">
<option value="previous-period">Previous period</option>
<option value="previous-year">Previous year</option>
</select>
</div>
<button class="btn btn-outline btn-primary" type="submit">Apply</button>
<button class="btn btn-solid btn-primary" type="button">Export report</button>
</form>
<div class="grid" aria-label="Key performance indicators">
<article class="card shadow-sm border-primary col-12 col-sm-6 col-lg-3" aria-labelledby="revenue-title">
<div class="card-body">
<h4 class="card-title" id="revenue-title">Monthly revenue</h4>
<data class="h2" value="84200">€84,200</data>
<p><span class="badge bg-success">Increased 12.5%</span></p>
</div>
</article>
<article class="card shadow-sm col-12 col-sm-6 col-lg-3" aria-labelledby="orders-title">
<div class="card-body">
<h4 class="card-title" id="orders-title">Completed orders</h4>
<data class="h2" value="1842">1,842</data>
<p><span class="badge bg-success">Increased 8.2%</span></p>
</div>
</article>
</div>
<section class="card shadow-sm mt-4" aria-labelledby="channels-title">
<header class="card-header"><h3 class="card-title" id="channels-title">Traffic channels</h3></header>
<div class="card-body">
<p id="channels-description">Sessions, conversions and revenue for September 2026.</p>
<div
class="table-responsive"
role="region"
tabindex="0"
aria-labelledby="channels-title"
aria-describedby="channels-description">
<table class="table table-striped table-hover">
<caption>Performance by traffic channel</caption>
<thead>
<tr>
<th scope="col">Channel</th>
<th scope="col">Sessions</th>
<th scope="col">Conversions</th>
<th scope="col">Revenue</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Organic search</th>
<td>18,420</td>
<td>956</td>
<td>€31,500</td>
<td><span class="badge bg-success">Healthy</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</section>