CRM Syelem
Un seul outil pour tout le parcours client : de la première prise de contact à la facture réglée, vu des deux côtés.
- Rôle
- Produit, design, développement full-stack, infrastructure
- Période
- Depuis septembre 2026
- Statut
- En production
- lignes de TypeScript
- 27 900
- écrans, CRM et espace client
- 37
- modèles de données
- 19
- fichiers de tests
- 18
- Next.js 16
- React 19
- TypeScript
- Prisma 7
- MariaDB
- Stripe
- React PDF
- API Claude
- Zod
- Nginx
- Vitest
D'où part le projet
Une agence passe une bonne partie de son temps hors du code : relancer un devis, retrouver la dernière version d'un contrat, savoir quelle facture est réglée, répondre à une demande arrivée par e-mail. Éparpillé entre tableurs, boîte mail et logiciel de facturation, ce suivi se perd.
Syelem a donc construit son propre CRM, et l'utilise tous les jours. Les captures montrent un client de démonstration, « Maison Lumière » : aucune donnée réelle n'y figure.
Ce qu'il fallait résoudre
Un ancien outil existait déjà, en PHP, avec ses données et ses comptes clients. Il fallait le remplacer sans rien perdre ni demander à qui que ce soit de recréer son mot de passe, tout en corrigeant ses faiblesses de sécurité.
Le client devait voir exactement ce que voit l'agence, sans jargon : où en est son projet, ce qu'il doit faire, ce qu'il a payé et ce qui reste à régler. Et pouvoir accepter un devis ou payer une facture sans rien imprimer.
Ce que Syelem a construit
Côté agence
- Fiche client complète : offre, abonnement, documents, demandes et échanges
- Devis puis contrat générés à partir de l'offre, en PDF, numérotés et figés à l'émission
- Factures mensuelles émises automatiquement, relance des devis restés sans réponse
- Pré-entretien papier photographié, puis lu et classé par l'IA
- Dossier technique du projet rédigé par l'IA, relu avant remise au client
- Application installable sur téléphone, notifications en direct
Côté client
- Avancement du projet étape par étape, et ce qui attend le client
- Demandes suivies comme des conversations, avec statut et demande de rappel
- Devis et contrats acceptés en ligne, en un clic, réponse horodatée
- Abonnement détaillé ligne par ligne, échéancier et historique des factures
- Assistant IA qui répond sur le projet et transmet à l'agence quand il ne sait pas
Paiement
- Carte bancaire et prélèvement SEPA via Stripe, ou virement
- Paiement ponctuel ou prélèvement automatique des mensualités
- Création réglable en plusieurs fois, avec échéancier
- Facture marquée « Acquittée » dès que le paiement est confirmé
Comment c'est organisé
Le CRM, l'espace client et le site public forment une seule application Next.js, avec deux sessions séparées : l'agence d'un côté, chaque client de l'autre. Les documents, la facturation et les relances vivent dans des modules purs, testés sans base ni réseau.
Interface
Deux espaces, /admin et /espace, en composants serveur ; formulaires en Server Actions, utilisables sur téléphone et installables.
Documents
Devis, contrats, avenants et factures calculés à partir d'un même modèle, rendus en PDF et figés une fois émis.
Facturation
Abonnements, mensualités et échéanciers ; paiements Stripe confirmés par webhook signé, jamais par le navigateur.
Données
Prisma 7 sur MariaDB, 19 modèles, posés sur les tables de l'ancien outil sans migration.
Automatisations
Tâches planifiées sur le serveur : factures du mois, relances, rappels du matin, sauvegarde quotidienne de la base.
Les choix qui font la différence
- 01
Reprendre l'existant plutôt que migrer
Le nouveau CRM lit les tables de l'ancien outil telles quelles : noms de colonnes conservés, mots de passe toujours valides. Les clients gardent leurs identifiants, rien n'est à ressaisir.
- 02
Un document émis ne bouge plus
Un devis ou une facture est figé au moment de son émission : numéro, lignes, montants. Une modification passe par un nouveau document ou un avenant, jamais par une réécriture silencieuse.
- 03
Le client voit ce que voit l'agence
L'avancement, les documents et l'état des paiements viennent des mêmes données des deux côtés. Il n'existe pas de version « pour le client » à tenir à jour à la main.
- 04
La sécurité reprise à zéro
Plus aucune suppression déclenchée par un simple lien, plus de script d'installation accessible en ligne, photos de profil servies aux seules personnes concernées, session fermée après deux heures d'inactivité.
- 05
L'IA prépare, l'agence valide
Lecture des pré-entretiens, dossier technique, réponses de l'assistant : l'IA fait gagner du temps, mais rien ne part chez le client sans relecture, et l'assistant ne voit ni montants ni notes internes.
Pour qui l'interface est pensée
Le même langage visuel que le site Syelem, en mode clair ou sombre, pour que l'espace client prolonge naturellement la relation commencée sur le site.
Chaque écran répond d'abord à une question simple du client : « où en est mon projet ? », « qu'est-ce que je dois faire ? », « qu'est-ce qui reste à payer ? ».
Résultat et objectif
En production depuis septembre 2026 : chaque client de Syelem a son espace, et l'agence suit tous ses projets depuis le même outil.
La même base sert à concevoir des CRM et des espaces clients sur mesure pour d'autres entreprises.