Marketing
Raneo OS
Le CRM sur mesure de l’agence : prospects, devis, projets et paiements au même endroit, relié à GitHub et à Claude Code. Conçu et développé par Raneo, pour Raneo.
- Projet
- Outil interne de l’agence
- Année
- 2026
- Durée
- Deux semaines
- Conception et développement
- Louis Prochwicz, Enzo Delamarre
- Relié à
- GitHub, Claude Code
Le cadre
Notre propre outil, montré en entier.
Raneo OS est l’outil interne de l’agence : on y suit nos prospects, nos devis, nos projets et nos paiements. Les écrans de cette page sont ceux de l’outil ; les clients, montants et contacts qu’ils affichent sont des données de démonstration. On l’a conçu et développé à deux, en deux semaines.
Le contexte
Des projets qui s’enchaînent,
des infos dans cinq outils.
Les devis dans un dossier, l’avancement dans un tableur, le code sur GitHub, les décisions dans nos messageries. Avec plusieurs projets en parallèle, savoir où en était un client demandait de tout recouper.
Le parti pris
Un seul outil,
du premier contact au paiement.
Plutôt que d’adapter un CRM du marché, on a dessiné le nôtre autour de notre façon de travailler : un pipeline en sept étapes, une fiche par projet et par client, et les chiffres de l’agence sur un écran.
Le pipeline
Une carte qui avance,
une question à chaque passage.
On fait glisser un projet d’une colonne à l’autre. Chaque passage demande seulement ce qui compte à ce moment-là, et une erreur s’annule d’une touche.
- 01
Lead
Une demande arrive : la carte compte les jours passés dans l’étape.
- 02
Devis envoyé
Le montant du devis, hors taxes, est demandé au passage.
- 03
En cours
Le montant signé et l’adresse du dépôt GitHub du projet.
- 04
Livré
La carte affiche « À payer » jusqu’à l’encaissement.
Relié à nos outils
Un projet signé,
un contexte prêt pour Claude Code.
Depuis la fiche projet, « Ouvrir dans Claude Code » rédige un fichier CLAUDE.md à poser à la racine du dépôt GitHub : le projet, son client et le contexte de l’agence, tirés du suivi. Avec le PDF du devis joint, Claude lit aussi le périmètre signé.
Les écrans
Chaque écran répond
à une question.
Où en est ce projet ? Que reste-t-il à encaisser ? Qui décide chez ce client ? Fiche projet, fiche client, listes filtrées et tableau de bord : chaque écran part de la question qu’on se pose en l’ouvrant.
Le clavier d’abord
Une touche,
une action.
Les gestes de tous les jours ont leur touche. La recherche ouvre une fiche, ou agit sur celle qui est déjà ouverte, sans passer par un menu.
- E
- Rechercher, et agir sur la fiche ouverte
- Z
- Annuler la dernière action
- N
- Écrire une note
- Entrée
- Valider une valeur
- ⌘↵
- Enregistrer la note
- Échap
- Laisser tomber
La recherche
Tout retrouver
sans lâcher le clavier.
Un client, un projet, une note : quelques lettres suffisent pour ouvrir la bonne fiche. Ici en thème sombre, qui se choisit d’un clic.
Le système
Le bleu de la marque,
et des gris pour le reste.
Un bleu pour la marque, la donnée et la sélection, des gris pour tout le reste. Inter en deux graisses, des icônes Lucide au trait fin, et une teinte pastel par étape du pipeline.
- BleuLa marque, la donnée, la sélection#0144F5
- EncreTexte, bouton principal#161616
- GrisLe secondaire#818181
- BrumeFonds de contrôle#ECECEC
- FondLa coque#F5F5F5
- FiletBords des cartes#E5E5E5
- BlancCartes et panneaux#FFFFFF
Les détails
Les petites choses
qui font gagner du temps.
Le planning du projet
Cadrage, design, développement, recette : les phases sur un calendrier, avec la ligne du jour.
Ce qui reste dû
Les projets livrés et pas encore payés, avec leur montant et leurs jours d’attente.
Modifier sur place
Étape, montant, livraison : chaque détail se modifie là où il s’affiche, sans formulaire.
Une teinte par étape
Chaque étape a sa pastille, la même de la colonne du pipeline jusqu’à la fiche.
Ce que ça montre
Le même soin,
pour vos outils internes.
Raneo OS remplace un dossier, un tableur et des messages éparpillés par un outil taillé pour une équipe. C’est ce qu’on construit pour les PME et les agences : un CRM, un suivi de projets ou un outil de gestion à votre mesure, relié aux logiciels que vous gardez.
Un CRM sur mesure
Vos étapes de vente et vos champs, sans rien de plus.
Un suivi de projets
Planning, livrables, liens et contacts sur une fiche.
Un tableau de bord
Ce qui est signé, ce qui rentre, ce qui reste dû.
Un lien avec vos outils
Dépôt de code, comptabilité ou messagerie, sans ressaisie.
Les services
Les services derrière Raneo OS.
Ce qu’on a mis en œuvre ici, et ce que chaque service fait pour vous.
- Applications sur mesureL’outil entier : pipeline, fiches, tableau de bord, en clair et en sombre, sur ordinateur et sur téléphone.Découvrir
- Ponts entre logicielsLe lien avec GitHub : chaque projet signé garde l’adresse de son dépôt.Découvrir
- Assistants IA encadrésLe fichier de contexte pour Claude Code, rédigé à partir du suivi du projet.Découvrir
Catalogue
Les autres outils.
Questions fréquentes
Ce qu’on nous demande
sur ce projet.
Non, Raneo OS est l’outil interne de l’agence et il n’est pas commercialisé. Il est taillé pour notre façon de travailler : nos étapes, nos devis, nos dépôts de code. Ce qu’on propose, c’est de construire le vôtre sur le même principe, avec vos étapes et vos champs, relié aux logiciels que vous gardez et livré avec son code dans un dépôt à votre nom.
Pas toujours : un CRM du marché suffit souvent, et on sait aussi le relier à vos autres logiciels. Le sur mesure se justifie quand votre suivi mêle vente et production, comme chez nous : un devis signé devient un projet avec son dépôt, son planning et son paiement. Un outil générique demande alors beaucoup de champs ajoutés et de contournements, que l’équipe finit par ne plus remplir.
Par la fiche projet. Au passage en cours, l’outil demande l’adresse du dépôt GitHub, qui reste ensuite dans les liens du projet. Le bouton « Ouvrir dans Claude Code » rédige un fichier CLAUDE.md à partir du suivi : le projet, son client, le contexte de l’agence. Posé à la racine du dépôt, il évite de réexpliquer le projet à chaque séance de travail.
Deux semaines, à deux : Louis Prochwicz et Enzo Delamarre, de la première maquette à l’outil en service. Le système de couleurs et de composants a été posé au début, puis chaque écran est venu s’y appuyer : pipeline, fiches, listes, tableau de bord, thème sombre et version téléphone. L’outil continue d’évoluer avec nos besoins.
Non, ce sont des données de démonstration. Les écrans et les vidéos sont ceux de l’outil, mais les noms de clients, les projets, les montants et les contacts ont été remplacés pour cette page. Les exemples de projets du site suivent la même règle : des scénarios types, sans nom d’entreprise.
Oui, l’interface s’adapte à un écran de téléphone : le tableau de bord se lit d’une main, pour vérifier un chiffre ou ce qui reste à encaisser entre deux rendez-vous. Le travail de fond, faire avancer le pipeline ou écrire les notes de réunion, se fait plutôt sur ordinateur, au clavier, là où chaque geste a sa touche.
Raneo, agence d’automatisation et d’IA basée à Rennes, commence par un diagnostic d’une demi-journée sur place pour voir comment votre équipe suit ses clients et ses projets aujourd’hui. Vient ensuite un cadrage écrit avec un prix fixe, puis la construction, avec une version testable dès la 2e semaine, et la transmission dans vos locaux.