Onboarding client

Projet : Onboarding client
Produit cible : RapidoCRM
Type de projet : Outil connecté — Une application métier branchée sur un serveur MCP, avec découverte des outils à l’exécution.
Promesse : parcours après signature
Problème : Les équipes commerciales suivent parcours après signature entre fiches clients, opportunités, activités et fichiers personnels. Les informations arrivent avec des niveaux de fraîcheur différents et les priorités reposent souvent sur une impression. Les responsables perdent du temps à reconstituer le contexte avant d’agir. Onboarding client doit rendre les signaux compréhensibles sans contacter un prospect ni modifier le CRM sans confirmation.
Objectif : Aider les utilisateurs de RapidoCRM à traiter parcours après signature avec une vue sourcée, un ordre de priorité explicable et un suivi des actions décidées.

Conçois dans Figma une interface desktop et mobile dense, claire et orientée métier.

Tu vas produire l'interface d'une extension tierce du logiciel RapidoCRM, éditée par un développeur indépendant dans le cadre du Hackathon BraindCode.\n\nIDENTITÉ À RESPECTER\nMon extension est un produit distinct : elle porte son propre nom et sa propre identité, mais elle doit être visuellement compatible avec RapidoCRM et signaler clairement son appartenance à l'écosystème BraindCode.\n\nCouleur d'accent produit : #4CAF50\nTypographie produit : Poppins, fallback Poppins\nLogo produit : /__l5e/assets-v1/bdb7a601-684b-4f27-b0cb-b4e67f4157c8/rapidocrm-logo.png, à afficher uniquement dans une mention d'appartenance du type « Extension pour RapidoCRM », jamais comme logo principal de mon application.\n\nRÈGLES D'USAGE DES LOGOS\nNe jamais déformer, incliner, recolorer ou recomposer le logo RapidoCRM ni le logo BraindCode.\nNe jamais laisser croire que l'extension est éditée par BraindCode.\nRespecter la zone de protection autour de chaque logo.\n\nSYSTÈME VISUEL DEMANDÉ\nFond clair par défaut, surfaces sombres en #161B2C, texte #000000, gris de bordure #C1C1C1, une seule couleur d'accent : #4CAF50. Monospace pour tout élément technique.\nComposants : cartes, tableaux denses, badges d'état, barre latérale de navigation.\nInterface en français, sobre, orientée métier.

Écrans :
- tableau de bord
- liste des comptes ou opportunités
- détail d’un signal
- paramètres

États à dessiner :
- chargement
- aucun résultat
- données incomplètes
- résultats disponibles
- action confirmée

Entités visibles :
- compte
- contact
- opportunité
- activité
- recommandation

Prévois les états vide, chargement, erreur, résultat et confirmation sensible.