gradientleads_ai_sdr_dashboard

Fiche Descriptive Complète : GradientLeads AI | SDR Dashboard

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template gradientleads_ai_sdr_dashboard.html

Version 1.0.0

Date de création 16/03/2026

Auteur / Designer Refoia Jeremy Tech

Type de page Dashboard IA / Sales Enablement

Objectif principal Visualisation des leads prioritaires et pilotage de séquences de vente

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est un tableau de bord haute fidélité pour les Sales Development Representatives (SDR). Il utilise une esthétique moderne « Glassmorphism » et des dégradés vibrants pour mettre en avant des données prédictives issues d’une IA :

Score de Lead : Visualisation de la qualité du prospect.

Suivi d’Objectifs : Progression en temps réel vers le quota mensuel.

Automatisation : Statut des emails générés et déclenchement de séquences.

📌 Public cible (Persona)

👤 SDR & Business Developers souhaitant prioriser leurs actions quotidiennes.

👤 Sales Managers pour le suivi de la performance prédictive.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Plus Jakarta Sans (Google Fonts).

Responsive : ✅ Oui (Grid responsive grid-cols-1 md:grid-cols-3).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 user_name str ✅ Oui Prénom de l’utilisateur (ex: Alex)

2 lead_priority_count int ✅ Oui Nombre de leads identifiés par l’IA

3 lead_score int ✅ Oui Score de 0 à 100

4 demo_current int ✅ Oui Nombre de démos réalisées

5 demo_target int ✅ Oui Objectif total de démos

6 emails_count int ✅ Oui Nombre d’emails auto-générés

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover Scale : Les cartes s’élèvent (translate-y) et augmentent légèrement de taille avec une ombre portée diffuse au survol.

CTA « Lancer la séquence » : Bouton d’action principal pour déclencher l’automation.

🧱 STRUCTURE DU FICHIER — DOM

gradientleads_ai_sdr_dashboard.html

📌 : Configuration Tailwind, Fonts, et Styles personnalisés (Glassmorphism & Gradients).

📌 : Conteneur Max-6xl centré.

🏗️

: Message de bienvenue personnalisé + Avatar dynamique (DiceBear).

🏗️

(Grid) :

Card 1 (Glass) : Lead Score avec barre de progression dynamique.

Card 2 (Gradient) : Objectifs de démo avec texte prédictif souligné.

Card 3 (Glass) : Statistique emails + Bouton d’action « Lancer ».

🏗️