Fictional direction · NDA · Dashboards
Wattmeter
Site power, live
Scroll to explore ↓
01 · The brief
Site power, live
Show a credible interface without exposing a real client. Same craft level, clear journey, playable interactions.
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — scroll naturally.
Site energy · monitoring
Usage, in live gauges
+12 kg
Squat
2:14
Hyrox
8 sem.
Cycle
47
Sessions
WEEK 01–02
Endpoints
API, webhooks, billing — healthy / degraded.
WEEK 03–04
Toggle
Click to simulate an alert — the board reacts.
WEEK 05–06
Latency
ms shown, not a ghost dashboard.
Open Wattmeter
Playable monitoring · zero backend.
Open gauges03 · Playable prototype
Touch it
Click, filter, navigate — everything reacts. Nothing hits a real backend: it’s an intent demo.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
Wattmeter
Site power, live
Local demo — no data is sent.
04 · Same family
Other directions of the same type — to compare density and mood.
05 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)