Prompt pour la Conception d'un Dashboard de Service Client (Style Richpanel Moderne) Objectif : Concevoir un dashboard IA-native, minimaliste et intuitif pour la gestion de tickets multi-canaux (email, Instagram, TikTok, Shopify), en s'inspirant des forces de Richpanel tout en ajoutant des améliorations UX/UI.

1. Structure Globale Double Sidebar :

Gauche :

Liste des tickets (nom, plateforme, statut).

Filtres dynamiques : "À répondre", "En attente", "Fermés".

Bouton "Actualiser" visible en haut.

Curseurs/icons pour plateforme (ex: 📧 pour email, 📱 pour TikTok).

Droite :

Détails client : historique des commandes, adresse, statut livraison.

Timeline des interactions (messages, actions passées).

Infos commande : lien direct avec Shopify (produits, statut).

Vues Personnalisables :

Liste Simple : Affichage compact (icône plateforme + nom client).

Vue Étendue : Messagerie pleine largeur + infos client réduites.

Vue Triple (par défaut) : Sidebar gauche + messagerie centrale + infos client/commande à droite.

2. Détails UX/UI Design Minimaliste :

Palette de couleurs : Bleu professionnel (#2A5C8F) + gris clair (#F5F7FA) + vert pour les actions (#4CAF50).

Typographie : Sans-serif (ex: Inter ou SF Pro), taille 14px pour le corps.

Bordures arrondies (8px), ombres légères pour la profondeur.

Interactions :

Survol d'un ticket :

Afficher actions rapides : "Copier le numéro", "Répondre", "Supprimer", "Fermer".

Animation subtile au survol (fond #F5F7FA).

Réponses Adaptatives :

Interface de réponse contextuelle (ex: éditeur riche pour les emails, format DM pour Instagram/TikTok).

Barre de réponse intégrée avec suggestions IA (3 styles de messages prédéfinis).

Gestion des Tickets :

Snooze (Reporter) : Bouton "Mettre en pause" avec choix de durée (1h, demain, semaine prochaine).

Notes Privées : Section dédiée dans la sidebar droite (collaboration d'équipe).

Statuts Visuels : Étiquettes colorées (🟢 Ouvert, 🟠 En attente, 🔴 Fermé).

3. Intégrations & Fonctionnalités Connexions Native :

Shopify (commandes, produits), Instagram, TikTok, Gmail.

Notification pour connecter les comptes manquants (ex: "Connectez TikTok pour répondre aux DMs").

Base de Connaissances :

Section "Aide" avec articles (ex: "Retours", "Livraison").

Barre de recherche "Rechercher un article" en temps réel.

Notifications :

Bannière discrète pour les essais gratuits (ex: "Votre essai expire dans 13 jours").

4. Instructions Stylistiques Modernité :

Icônes flat design (style Material Icons).

Espacement généreux (padding 16px).

Separation visuelle avec des lignes fines (#E0E0E0).

Responsive :

Adaptation mobile : Réduire la sidebar gauche en menu hamburger.

Transition fluide entre les vues (animation 0.3s).

5. Livrables Attendus Maquettes Figma/Adobe XD avec :

Wireframes des 3 vues (liste, étendue, triple).

Prototype interactif (actions au survol, réponse contextuelle).

Guide de style (couleurs, typo, composants).

Documentation technique :

Spécifications des intégrations API (Shopify, Instagram, etc.).

User flow pour l'onboarding (configuration des comptes sociaux).

Critère de Réussite : Un dashboard aussi intuitif que Richpanel, mais plus épuré, avec une IA profondément intégrée pour la catégorisation automatique et les réponses prédictives. Deadline : 2 semaines pour la première version testable.