Fictional direction · NDA · Dashboards
Signal
La santé de vos APIs, en un coup d’œil
Scroll to explore ↓
01 · The brief
La santé de vos APIs, en un coup d’œil
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.
Observabilité API
Uptime, latence, incidents
01
Status
Tous tes endpoints, verts ou rouges, en un coup d’œil.
02
Incidents
Timeline claire, post-mortem prêts à partager.
03
Alertes
Slack / PagerDuty quand le p99 dérape.
Ops
Ils dorment un peu mieux
“On a réduit le MTTD de 18 à 4 minutes.”
“Le status page client se met à jour tout seul.”
Sandbox
Ouvrir Signal
Branche un endpoint de démo et regarde les graphes.
Ouvrir03 · 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
Détail
Sélectionne une ligne
La santé de vos APIs, en un coup d’œil. Panneau latéral fictif — parfait pour montrer la densité ops.
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)