Boîte à Idées
Une boîte à idées clé en main : vos clients proposent des améliorations, votent et suivent leur réalisation — de l'idée à la livraison, en toute transparence
Le site en ligne
Cliquez sur l'aperçu pour ouvrir et tester la Boîte à Idées directement dans votre navigateur
web-production-48a53.up.railway.app
Réponse courte
Boîte à Idées est une application de feedback produit conçue par Digit-AI comme démonstrateur pour une plateforme SaaS d'accompagnement des freelances. Les utilisateurs proposent des idées d'amélioration, votent (une voix par personne et par idée), commentent et suivent leur cycle de vie via un stepper visuel (Nouvelle → À l'étude → En cours → Livrée). Une idée peut être ouverte au vote ou publiée en mode discussion, et un mode admin protégé par code pilote les statuts, la votabilité et la suppression. L'application est une single-page React 18 / Vite 5 (lucide-react), sans backend : les données persistent dans le storage du navigateur (portée partagée pour les idées, personnelle pour les votes), avec fallback gracieux. Déploiement Railway en mono-service.
Capter et prioriser le feedback client
Sur une plateforme SaaS, les idées d'amélioration arrivent par mille canaux — et se perdent presque toutes avant d'atteindre la roadmap
L'objectif de cette réalisation était double : offrir au client un canal unique et transparent pour recueillir et prioriser les idées de ses utilisateurs, et démontrer concrètement la vitesse de construction permise par l'IA — une démo bluffante, fidèle à son univers de marque, prête à présenter en moins d'une journée.
Feedback dispersé
Les suggestions arrivent par email, support et bouche-à-oreille, sans endroit commun pour les rassembler.
Priorisation subjective
Sans signal d'usage, difficile de savoir quelle amélioration compte le plus pour les utilisateurs.
Manque de transparence
Une fois une idée envoyée, le client n'a aucune visibilité sur sa prise en compte et son avancement.
Coût d'une vraie plateforme
Un outil de feedback complet (backend, base, comptes) est lourd à mettre en place pour une simple démo.
Périmètre fonctionnel
Utilisateurs d'une plateforme SaaS freelance. Processus couverts : soumission d'idée, vote, commentaires, catégorisation, filtres et tris, cycle de vie en 4 statuts, distinction votable / discussion, et pilotage en mode admin.
Contraintes principales
Démo construite en moins d'un jour · 100 % front, sans backend · persistance via window.storage uniquement · aucun nom de client en dur (marque blanche) · univers visuel fidèle à la plateforme.
Ce que résout la Boîte à Idées
Trois axes pour transformer le feedback diffus en signal produit actionnable
Centraliser les idées
Un point d'entrée unique où chaque suggestion est catégorisée, qualifiée et visible de toute la communauté.
Prioriser par le vote
Le vote communautaire (une voix par idée) et le tri par popularité font remonter ce qui compte vraiment.
Rendre l'avancement visible
Le stepper de cycle de vie et le mode admin donnent au client une transparence totale, de l'idée à la livraison.
Ce que permet la Boîte à Idées
De la soumission d'une idée à son suivi jusqu'à la livraison, une expérience complète et soignée
Vote communautaire
Chaque utilisateur vote une seule fois par idée (storage personnel). Le compteur fait remonter les priorités et alimente le tri « plus votées ».
Idées votables ou discussions
À la création, l'auteur ouvre l'idée au vote ou la publie en mode discussion — bordure pointillée, badge « Discussion », commentaires seuls.
Stepper de cycle de vie
Un mini-stepper horizontal montre où en est chaque idée : Nouvelle → À l'étude → En cours → Livrée, étapes passées en couleur.
8 catégories métier
Comptabilité, Facturation, Rémunération, Missions, Patrimoine, Banque, Dashboard, Autre — chips colorées et filtres combinables (catégorie, statut, votabilité, tri).
Mode admin
Protégé par code : faire progresser le statut, basculer votable ↔ discussion et supprimer une idée. Le pilotage produit, sans interface back-office.
Micro-interactions soignées
Compteurs animés (count-up), apparition en cascade des cartes, checkmark de succès, toasts d'action et empty states illustrés dans l'esprit de la marque.
Stack Technique
Une single-page React/Vite sans backend, dont toute la persistance repose sur le storage du navigateur
Frontend
UI & icônes
Persistance
Infrastructure
Pattern différenciant — persistance sans backend : toutes les données passent par deux portées de window.storage — partagée (idées et commentaires, visibles de tous) et personnelle (votes de l'utilisateur). Chaque accès est encapsulé en try/catch avec valeur par défaut : l'app fonctionne dès le premier lancement et ne casse jamais, sans serveur ni base de données à opérer.
Schémas d'Architecture
Une SPA React servie par Railway, dont l'état vit entièrement dans le storage navigateur — et le cycle de vie d'une idée de bout en bout
Utilisateur
Client de la plateforme
Propose, vote et commente des idées
Interface web (SPA)
React 18 + Vite 5
Vues Liste · Formulaire · Détail
lucide-react
Icônes + animations CSS inline
Composants internes
IdeaCard · NewIdeaForm
IdeaDetail · StatusStepper
Badge · Toast · Modale admin
Persistance — window.storage
Shared · ideas:all
Idées + commentaires, visibles de tous
Personal · votes:mine
1 vote par idée et par utilisateur
Hébergement
Railway
Build Vite servi via vite preview (mono-service)
Ce que démontre la réalisation
Une démo client complète, fidèle à la marque, livrée en un temps record
| Indicateur | Sans Boîte à Idées | Avec Boîte à Idées | Gain |
|---|---|---|---|
| Collecte du feedback | Emails et verbatims éparpillés | Un point d'entrée unique et structuré | Centralisé |
| Priorisation | Au ressenti, au doigt mouillé | Vote communautaire + tri par popularité | Data-driven |
| Transparence client | Boîte noire après la suggestion | Statut visible (stepper) jusqu'à « Livrée » | Visible |
| Mise en place | Specs, dev backend, base de données | Démo front prête en moins d'un jour | Immédiat |
| Exploitation | Serveur + base à opérer et sécuriser | Aucun backend (storage navigateur) | Réduite |
Gains qualitatifs
Écoute client structurée
Le feedback est capté au bon endroit, catégorisé et qualifié, au lieu de se perdre dans des emails et des échanges informels.
Priorisation par les usages
Le vote fait émerger ce qui compte vraiment pour les utilisateurs et nourrit objectivement la roadmap produit.
Confiance par la transparence
Le client voit son idée avancer jusqu'au statut « Livrée » : la boucle de feedback est visible, pas une boîte noire.
Time-to-demo record
Du prompt structuré à une démo bluffante en moins d'une journée — la preuve de ce qu'on construit vite avec l'IA.
Zéro infrastructure
Aucun backend ni base de données à opérer : toutes les données vivent dans le storage du navigateur, avec fallback gracieux.
Réutilisable en marque blanche
Aucun nom de client en dur : l'univers visuel et les catégories se ré-habillent pour n'importe quelle plateforme.