Accueil Produit et applications web Application web
Une application web écrite avant d'être codée
Outil métier qui remplace un fichier Excel, espace client, tableau de bord, prototype à tester auprès d'utilisateurs. Le projet commence par une spécification, une maquette Figma et un prototype qui fonctionne, puis se termine en production, avec un seul interlocuteur du début à la fin.
gratuit et sans engagement
livrables à votre nom
jusqu'à la mise en production
Quatre étapes, avec le prix et le délai de chacune.
Exemple : une PME dont un process tient dans un fichier Excel partagé, et qui a déjà reçu des devis d'agence. Vous pouvez vous arrêter après chaque étape, avec des livrables qui vous appartiennent.
Audit de cadrage
45 minutes, gratuit. On pose le problème, les utilisateurs, l'échéance et le budget, et on regarde les devis que vous avez reçus.
Proposition chiffrée
Sous 48 heures, par écrit : le prix ferme de la maquette et des specs, et une première estimation de la construction.
Maquette, artefacts et specs
Dès 8 000 € HT. La spécification, le modèle de données, la maquette Figma et un prototype qui fonctionne. Vous pouvez les confier à l'équipe de votre choix.
Construction
Dès 20 000 € HT au total, prix ferme fixé une fois les specs validées. Une démo toutes les une à deux semaines, puis la mise en production et la passation.
Pour commencer : réserver l'audit de 45 min. Le délai de chaque étape est écrit dans la proposition, avant que vous vous engagiez.
Écrire l'application avant de la coder.
Beaucoup de projets d'application dérapent parce que le développement commence sur un besoin qui n'a jamais été écrit en entier. Ici, la première phase produit la spécification, la maquette et un prototype qui fonctionne. Le développement commence une fois ces livrables validés.
- CadrerLe problème, les utilisateurs et les règles métier sont écrits. Des artefacts, c'est-à-dire des prototypes interactifs, servent à tester le parcours avant d'engager le développement.
- Dessiner et découperLes écrans sont dessinés dans Figma, reliés entre eux, avec chaque état prévu : vide, chargé, en erreur. Le périmètre est ensuite découpé en tickets sur Linear, chacun avec ses critères d'acceptation.
- Construire et livrerDes cycles d'une à deux semaines, avec une version consultable en ligne à la fin de chacun. Puis la mise en production, le transfert des accès, une documentation écrite et une prise en main enregistrée.
Crypto Excel, mon propre produit, de la maquette à l'application en ligne.
J'ai fondé Crypto Excel, un gestionnaire de portefeuille cryptomonnaie : d'abord un tableur pour tester l'idée, puis un SaaS complet, mis à niveau pendant plus de trois ans. Voici ses livrables, dans l'ordre où ils sont produits sur un projet. Les décisions importantes se prennent à l'étape de la maquette, quand un changement coûte encore peu.
Le parcours d'abord
Le prototype Figma relie les écrans entre eux : on valide le parcours en cliquant, avant de dessiner chaque détail.
Une bibliothèque de composants
Boutons, champs, tableaux : chaque composant est dessiné une fois avec tous ses états, puis réutilisé sur chaque écran.
Le modèle de données
Chaque objet, ses champs et ses liens avec les services externes : paiement, e-mails, cours des cryptomonnaies.
L'application en ligne
Les composants et les états validés dans Figma se retrouvent à l'identique dans l'application.
Un design system dès la maquette : couleurs, typographies, espacements et composants sont définis une fois, puis réutilisés sur chaque écran et dans le code. D'autres captures du projet sont sur la page portfolio.
Ce que coûte une application selon le prestataire.
Sur un périmètre équivalent : les fourchettes habituelles du marché français, et le tarif appliqué ici. Un repère utile pour relire les devis d'agence que vous avez reçus.
- Trois à cinq intervenants, dont au moins un commercial et un chef de projet.
- Le temps de coordination entre eux est facturé, en plus du développement.
- Le code repose souvent sur un socle technique propre à l'agence.
- Un contrat de maintenance récurrent est en général proposé ensuite.
- Le risque de dépassement de budget et de délai reste chez vous.
- Il développe ce qu'on lui demande, sans remettre en question le périmètre.
- Il est payé au temps passé, quel que soit le résultat.
- Une seule personne, du premier rendez-vous à la mise en production, sans intermédiaire.
- Prix forfaitaire et délai écrits au devis : si le travail me prend plus de temps que prévu, le prix ne change pas.
- Code documenté, technologies courantes, sur votre dépôt GitHub. Vous en êtes propriétaire.
- Aucun contrat de maintenance obligatoire.
Les deux premières colonnes sont des fourchettes du marché français, données comme repère : votre situation peut s'en écarter. La troisième est le tarif appliqué ici.
Deux offres, dans cet ordre.
Vous décidez de construire une fois la maquette et les specs validées. Proposition chiffrée sous 48 heures après l'audit de cadrage ; le prix ferme de la construction est fixé à la fin de la première offre.
Maquette, artefacts et specs
- Spécification fonctionnelle sur Linear : épics, user stories, critères d'acceptation
- Modèle de données et parcours avec leurs cas limites
- Maquette Figma avec prototype cliquable
- Artefacts : un prototype qui fonctionne, produit avec Claude Code
Tous les livrables nécessaires pour lancer le développement, avec moi ou avec l'équipe de votre choix. On commence par l'audit de cadrage de 45 minutes, gratuit.
Réserver l'audit de 45 minImplémentation complète
- Tout le contenu de l'offre maquette, artefacts et specs
- Développement par cycles d'une à deux semaines, avec une démo à chaque fin de cycle
- Code livré sur votre dépôt GitHub
- Mise en production et passation accompagnées
Prix ferme fixé une fois les specs validées, avant la première ligne de code. Un seul interlocuteur du premier rendez-vous à la livraison.
Réserver l'audit de 45 minTVA non applicable, art. 293 B du CGI.
Vous ne savez pas encore s'il faut construire ? Le cadrage produit (dès 2 500 € HT, livré en une semaine) répond d'abord à cette question.
Une première version au périmètre limité ? Une application construite avec Lovable démarre dès 2 900 € HT. La différence entre les deux offres est expliquée sur la page Lovable.
Pas encore sûr du format qu'il vous faut ?
Cinq questions, 20 secondes. Vous repartez avec la prestation adaptée, un ordre de budget et un délai. Aucune adresse e-mail demandée.
Faire le diagnosticAvant de démarrer.
Nous avons déjà des devis d'agence. Par où commencer ?
Apportez-les à l'audit de cadrage. On regarde ce qu'ils couvrent et ce qu'ils laissent de côté. La maquette et les specs donnent ensuite un périmètre écrit sur lequel chaque prestataire peut chiffrer, moi compris.
Qu'est-ce qu'un artefact ?
Un prototype interactif produit avec Claude, un assistant d'IA, pendant la première phase : une première version de l'application qu'on manipule, qu'on remet en question et qu'on fait évoluer en quelques itérations. Vous validez le parcours en l'utilisant, avant que le code de production soit écrit.
Que comprend l'offre maquette, artefacts et specs ?
La spécification fonctionnelle écrite, l'arborescence des écrans, le modèle de données, les parcours utilisateur avec leurs cas limites, la maquette Figma correspondante et la liste des tâches (le backlog) rédigée sur Linear. C'est ce qu'il faut pour qu'une équipe de développement démarre, avec moi ou avec un autre prestataire.
Quel est le rôle de l'IA dans votre travail ?
J'utilise Claude, un assistant d'IA, pour la mise au propre : reformuler, découper, vérifier la cohérence entre les écrans et le modèle de données, écrire les cas limites un par un. Ce travail prend des heures au lieu de plusieurs jours. Les arbitrages restent les miens, et je relis chaque document avant de vous l'envoyer.
Je peux prendre la maquette et les specs, et faire développer ailleurs ?
Oui. Les fichiers Figma, les specs et le backlog Linear vous appartiennent. Vous pouvez les confier à votre équipe interne, à une agence ou à un autre freelance : ils sont écrits pour être repris par quelqu'un d'autre que moi.
Qu'est-ce qui fait varier le prix de l'implémentation ?
Le nombre d'écrans, la complexité du modèle de données, les connexions avec vos outils existants et le niveau d'exigence sur les droits et les rôles. L'audit de cadrage de 45 minutes suffit à situer le projet ; le prix ferme est fixé une fois la maquette et les specs validées, avant d'écrire la première ligne de code.
Et si le projet s'arrête après la maquette et les specs ?
Il s'arrête là. Vous avez payé une offre fermée et vous repartez avec des livrables utilisables. C'est l'intérêt du découpage : 8 000 € HT engagés pour savoir précisément ce que vous construisez, avant de financer le développement.
Avec quelles technologies l'application est-elle construite ?
Des technologies courantes, choisies pour que n'importe quel développeur puisse reprendre le projet : TypeScript, un framework d'interface répandu, une base de données relationnelle, un hébergement classique. Le code est sur votre dépôt GitHub dès le premier jour. Aucun outil maison que je serais seul à savoir utiliser.
Parlons de votre application.
Quarante-cinq minutes pour poser le problème, l'échéance et le budget. L'audit est gratuit ; si le périmètre est assez clair pour être chiffré, vous recevez une proposition sous 48 heures.