Aller au contenu principal
Wattmeter

Direction fictive · NDA · Dashboards

Wattmeter

La conso site, en live

Scroll pour découvrir

01 · Le brief

La conso site, en live

Montrer une interface crédible sans exposer un client réel. Même niveau de craft, parcours clair, interactions jouables.

02 · Dans le produit

Un scroll, un écran

Chaque section se cale à l’écran — scroll naturellement.

Wattmeter
Wattmeter

Énergie site · monitoring

La conso, en jauges live

+12 kg

Squat

2:14

Hyrox

8 sem.

Cycle

47

Sessions

Wattmeter

WEEK 0102

Endpoints

API, webhooks, billing — statut healthy / dégradé.

3×/sem

WEEK 0304

Basculer

Clique pour simuler une alerte — le tableau réagit.

4×/sem

WEEK 0506

Latence

ms affichées, pas un dashboard fantôme.

5×/sem
Wattmeter

Ouvre Wattmeter

Monitoring jouable · zéro backend.

Ouvrir les jauges

03 · Prototype jouable

Touche-le

Clique, filtre, navigue — tout réagit. Rien n’est branché à un vrai backend : c’est une démo d’intention.

  • Hero + sections sous la fold (pas juste une accroche)
  • Hiérarchie visuelle et CTA principal
  • Densité d’info vs lisibilité
Ouvrir l’app complète
Wattmeter

La conso site, en live

Démo locale — aucune donnée n’est envoyée.

04 · Même famille

D’autres directions du même type — pour comparer densités et ambiances.

Nord/Sud — Trésorerie lisible
Nord/SudTrésorerie lisible
Signal — La santé de vos APIs, en un coup d’œil
SignalLa santé de vos APIs, en un coup d’œil
Kanban — Le board que ton équipe ouvre vraiment
KanbanLe board que ton équipe ouvre vraiment
Helm — Pipeline commercial, sans tableur
HelmPipeline commercial, sans tableur

05 · Ce qu’on regarde

  1. 01Hero + sections sous la fold (pas juste une accroche)
  2. 02Hiérarchie visuelle et CTA principal
  3. 03Densité d’info vs lisibilité
  4. 04États interactifs (hover, sélection, feedback)

Un projet dans cet esprit ?

Wattmeter — La conso site, en live | Ilyesse