Ratokil.be — la refonte web qui transforme les visiteurs en demandes de devis

Comment nous développons les cards

Chaque indicateur est une « card » autonome : un même composant reçoit une métrique, sa valeur, sa variation et un mini-graphe. On assemble le tableau de bord comme un jeu de briques — ajouter un KPI, c'est brancher une source, pas reconstruire une page.

• 1. Icône + libellé de la métrique
• 2. Valeur + variation période / période
• 3. Sparkline pour lire la tendance d'un coup d'œil

D'où viennent les données

Le formulaire du site enregistre chaque lead, Google Ads et le suivi d'appels s'y branchent par API. Le tableau de bord agrège, met en cache et expose le tout sous forme de cards — le client voit ses vrais chiffres, sans export manuel.

GET /api/dashboard/leads?range=30d
{
  "metric": "total_leads",
  "value": 1284,
  "won": 486,
  "delta": "+38%",
  "series": [28, 34, 31, 39, 44, 41, 52, 58, 55, 63, 71]
}