Comment créer un CRM avec l’IA

Un CRM simple est plus facile à réussir si vous évitez d’essayer de modéliser tout le processus commercial d’un coup. Commencez par le minimum qui permette à une équipe de suivre les relations et les prochaines actions.

Pour une première version, définissez :

• Utilisateurs : vous seul, ou une petite équipe interne
• Données principales : contacts, entreprises, opportunités
• Actions : créer, modifier, rechercher, filtrer, ajouter des notes
• Vues : tableau de bord, contacts, entreprises, opportunités, fiche contact

Notez ce que chaque écran doit faire.

Un premier ensemble d’écrans pratique ressemble à ceci :

• Tableau de bord : totaux des contacts, opportunités ouvertes, opportunités qui se clôturent ce mois-ci
• Contacts : tableau avec nom, entreprise, e-mail, téléphone, statut, date du prochain suivi
• Entreprises : liste des entreprises avec secteur et responsable
• Opportunités : liste de type pipeline ou simple tableau avec étape et valeur
• Fiche enregistrement : notes, activité récente, entreprise ou opportunité associée

Décidez aussi de ce qui n’a pas besoin d’être inclus dans la version 1. Les exemples courants sont la synchronisation des e-mails, la synchronisation du calendrier, les permissions par rôle, les outils d’import et le reporting au-delà de quelques cartes récapitulatives.

L’IA peut écrire une première version correcte de l’interface, mais l’application sera plus facile à améliorer si la structure des données est claire dès le départ.

Pour un CRM léger, gardez un schéma simple :

• contacts : id, first_name, last_name, email, phone, company_id, status, next_follow_up, notes
• companies : id, name, industry, website, owner, notes
• deals : id, name, company_id, contact_id, stage, value, expected_close_date, notes

Si plusieurs personnes vont utiliser le CRM, ajoutez une connexion et réfléchissez à des champs de propriété comme created_by ou assigned_to.

Si le CRM est uniquement destiné à un usage interne et ne facture pas de clients, vous n’avez probablement pas besoin de paiements. Stripe n’est utile que si votre CRM doit lui-même gérer des accès payants, des factures ou un parcours de paiement.

C’est aussi le moment de choisir entre web et mobile en premier. La plupart des tâches CRM sont plus faciles à vérifier sur ordinateur, donc un site web est le point de départ le plus logique. Dans Moremade, les sites sont générés sous forme de vrai code React + Tailwind.

Le premier prompt doit décrire le produit, les écrans principaux, le style et le comportement. Soyez suffisamment précis pour que l’application générée ait une structure, mais pas au point de passer plus de temps à écrire le prompt qu’à tester le résultat.

Un bon premier prompt mentionne :

• le type d’application
• qui l’utilise
• les entités principales
• les écrans
• les champs à afficher
• le style visuel
• s’il faut utiliser des données fictives d’abord ou connecter les vraies données tout de suite

Exemple de premier prompt :

Créez une application web CRM interne simple pour une petite équipe commerciale. Utilisez une mise en page propre et professionnelle avec une barre latérale gauche et une barre de recherche en haut. Créez des écrans pour Tableau de bord, Contacts, Entreprises, Opportunités et une vue Détail d’un contact. Utilisez d’abord des données fictives. Les contacts doivent inclure le nom, l’entreprise, l’e-mail, le téléphone, le statut et la date du prochain suivi. Les entreprises doivent inclure le nom, le secteur, le site web et le responsable. Les opportunités doivent inclure le nom, l’entreprise, le contact, l’étape, la valeur et la date de clôture prévue. Ajoutez des formulaires pour créer et modifier les enregistrements, ainsi que des contrôles de recherche et de filtre. Utilisez React et Tailwind avec une interface métier pratique.

Dans Moremade, vous décrivez l’application en langage naturel, l’agent IA écrit le code source, et vous pouvez examiner immédiatement un aperçu en direct.

La première version est généralement une ébauche, pas la forme finale. La bonne habitude consiste à modifier une zone à la fois : la mise en page, les colonnes du tableau, les formulaires, la navigation ou le détail d’un enregistrement.

Moremade fournit un aperçu en direct, un inspecteur visuel pour pointer des éléments et les modifier, ainsi qu’une vue code. Cela facilite l’ajustement de l’interface sans réécrire tout le brief.

Utilisez des prompts de suivi courts et précis. Par exemple :

• "Changez l’écran Contacts pour une mise en page de tableau plus dense avec des colonnes triables pour le nom, l’entreprise, le statut et la date du prochain suivi. Conservez les actions de ligne pour modifier et afficher."
• "Ajoutez un tiroir de détail lorsqu’on clique sur une ligne de contact. Affichez les notes, l’entreprise associée, les opportunités liées et une chronologie de l’activité récente avec des entrées fictives."
• "Faites de la page Opportunités un tableau kanban avec les colonnes Lead, Qualified, Proposal, Negotiation et Won. Conservez une bascule vers le mode tableau pour les utilisateurs qui préfèrent la liste."

Quelques vérifications pratiques pendant cette phase :

• Les libellés sont-ils cohérents d’un écran à l’autre ?
• Les formulaires de création et de modification utilisent-ils les mêmes noms de champs ?
• Peut-on rechercher une personne et une entreprise ?
• Les informations importantes sont-elles visibles sans ouvrir chaque fiche ?
• L’application ressemble-t-elle à un outil interne plutôt qu’à un site marketing ?

Si quelque chose ne va pas dans un composant, demandez cette correction précise plutôt que de demander une reconstruction complète.

Une fois que la version avec données fictives vous semble bonne, connectez les vraies données. Moremade dispose d’un connecteur intégré pour Supabase, qui couvre la base de données, la connexion et le stockage de fichiers.

Pour la plupart des CRM, Supabase est l’étape logique suivante, car vous avez besoin d’enregistrements persistants et, souvent, d’une forme d’authentification.

À ce stade, demandez :

• des tables Supabase pour contacts, entreprises et opportunités
• des formulaires reliés à la création et à la mise à jour des enregistrements
• des pages de liste reliées à la récupération des données
• une connexion de base si plusieurs personnes vont l’utiliser
• des relations entre enregistrements, par exemple un contact rattaché à une entreprise

Gardez la première configuration d’authentification simple. Un identifiant et un mot de passe suffisent souvent pour un CRM interne.

N’ajoutez Stripe que si votre application a réellement besoin de paiements. Un CRM interne n’en a généralement pas besoin. Si vous construisez un CRM destiné à des clients ou un portail payant, Moremade peut connecter un paiement Stripe avec les prix que vous définissez, mais cela ne devrait pas faire partie de la génération par défaut sans besoin clair.

Même si l’expérience principale se fait sur ordinateur, les utilisateurs ouvriront quand même un CRM sur téléphone pour vérifier un numéro, mettre à jour une opportunité ou ajouter une note après une réunion.

Exécutez quelques tâches réalistes dans l’aperçu :

• ajouter un nouveau contact
• rechercher une entreprise
• mettre à jour l’étape d’une opportunité
• modifier la date du prochain suivi
• ouvrir une fiche et ajouter des notes

Sur mobile, concentrez-vous sur l’essentiel :

• la navigation reste accessible
• les tableaux ne deviennent pas illisibles
• les actions clés restent visibles sans défilement horizontal quand c’est possible
• les formulaires sont utilisables au toucher
• les champs de date et les listes déroulantes sont faciles à toucher

Si le mobile est très important, demandez à l’IA d’adapter la mise en page aux petits écrans. Si vous avez besoin plus tard d’une application mobile dédiée, Moremade peut générer des applications React Native (Expo), mais beaucoup d’équipes devraient d’abord valider le CRM en tant qu’application web.

Quand l’application est utilisable, publiez-la. Moremade peut publier en un clic sur un sous-domaine gratuit yourname.moremade.ai. Avec les offres payantes, vous pouvez connecter un domaine personnalisé, et les domaines peuvent aussi être achetés dans Moremade.

Avant de publier, vérifiez :

• les titres de page et les libellés de navigation
• les états vides lorsqu’il n’y a ni contacts ni opportunités
• les états d’erreur sur les formulaires
• si des données de test sont encore visibles
• si la connexion est requise pour les données privées

Erreurs courantes à éviter :

• Voir trop grand dès le départ : les équipes demandent souvent des pipelines, des rapports, des permissions, des imports et de l’automatisation dès la première passe. Construisez d’abord un cœur propre.
• Sauter le modèle de données : si les contacts et les entreprises ne sont pas clairement définis, l’interface devient vite incohérente.
• Utiliser des prompts vagues : des phrases comme "améliorez-le" donnent de moins bons résultats que le fait de nommer exactement l’écran et le changement.
• Ajouter des paiements sans raison : Stripe est utile quand il faut, mais beaucoup de CRM n’en ont pas besoin.
• Publier des données fictives par erreur : passez aux vraies données Supabase avant de partager l’application en interne.

Vous pouvez exporter à tout moment le code source complet sous forme de ZIP ou le pousser vers GitHub, afin de ne pas être lié à l’hébergement uniquement dans Moremade.