Pascal DegutProduit & applications web Prendre rendez-vous

Accueil Création web Application web

Une application web écrite avant d'être codée

Outil métier, back-office, tableau de bord, prototype à mettre entre les mains d'utilisateurs. Le projet commence par des documents exploitables (specs, maquette Figma, backlog Linear) et finit en production, avec un seul interlocuteur entre les deux.

45 mind'audit de cadrage,
gratuit et sans suite obligée
dès 8 K€maquette, artefacts et specs,
livrables emportés
20 à 40 K€pour l'implémentation complète,
jusqu'à la mise en production
1seul interlocuteur,
du cadrage à la prod
Combien ça coûte vraiment

Agence, régie, forfait. Ce qui change concrètement.

Sur un périmètre équivalent, voici les ordres de grandeur du marché français et ce que vous payez ici.

Agence ou ESN
50 à 150 K€, 6 à 12 mois
  • Trois à cinq intervenants, dont au moins un commercial et un chef de projet.
  • Vous payez le temps de coordination entre eux, pas seulement le code produit.
  • Code souvent posé sur un socle maison ou une infrastructure de l'agence.
  • Contrat de maintenance récurrent vendu derrière : la dépendance est dans le modèle.
Freelance en régie
500 à 700 €/jour, durée ouverte
  • Le risque budgétaire et le risque de dérive restent chez vous.
  • Il développe ce qu'on lui demande, pas ce qui ferait gagner du budget ou du temps.
  • Quand vous ne savez pas ce que vous ne savez pas, vous payez l'exécution sans le conseil.
  • Aucun engagement sur le résultat, seulement sur la présence.
Forfait ici
Dès 8 K€ la maquette et les specs, 20 à 40 K€ le complet
  • Une seule personne, du cadrage à la mise en production. Aucun intermédiaire.
  • Prix et date écrits au devis. Si je dépasse, c'est mon problème, pas le vôtre.
  • Code documenté, stack standard, sur votre dépôt. Vous en êtes propriétaire.
  • Aucun contrat de maintenance obligatoire : vous revenez si vous en avez envie.
Pourquoi c'est possible

Les outils actuels ont fusionné le rôle de celui qui cadre et de celui qui code. Une structure qui n'a pas cette chaîne facture la coordination de trois personnes pour produire le travail d'une seule. Ce n'est pas de la mauvaise volonté, c'est son modèle économique.

Les deux premières colonnes sont des ordres de grandeur du marché français, donnés comme repère : votre situation peut s'en écarter. La troisième est le tarif appliqué ici.

Process

Écrire l'application avant de la coder.

La plupart des projets d'application dérapent parce qu'on commence à développer sur un besoin qui n'a jamais été écrit en entier. Ici, la première moitié du travail produit des documents, pas des écrans, et vous pouvez vous arrêter à la fin de chaque phase.

1 · CADRER Specs et artefacts spécification, prototype interactif 2 · DESSINER Maquette Figma parcours cliquable, composants 3 · CONSTRUIRE Cycles et livraison une démo à chaque cycle
Trois phases, chacune avec son livrable : un document, une maquette, puis une application en production.

Cadrer

Un audit de cadrage de 45 minutes, gratuit, pour poser le problème, les utilisateurs, l'échéance et le budget. Puis la création d'artefacts : des modèles interactifs qu'on itère avant d'engager l'implémentation.

Dessiner et découper

Les écrans sont dessinés dans Figma à partir de la spécification et des artefacts validés, reliés entre eux, avec chaque état prévu : vide, chargé, en erreur. Une fois le parcours validé, le périmètre est découpé en épics et tickets sur Linear, chacun avec ses critères d'acceptation.

Construire et livrer

Des cycles d'une à deux semaines, avec une version consultable en ligne à la fin de chacun. Puis la mise en production sur votre infrastructure, le transfert des accès, la documentation écrite et une prise en main enregistrée. Aucun contrat de maintenance obligatoire.

Design

Figma, l'étape où le design est figé avant l'intégration.

Avant même la première ligne de code, le parcours client est clair, précis. Les risques sont neutralisés, car toutes les décisions importantes ont été prises en amont, quand un changement n'a encore aucun impact financier.

Arborescence et parcours utilisateur dans Figma

Le parcours d'abord

Un prototype interactif pour clarifier le parcours utilisateur, plutôt que de jolies pages isolées.

Bibliothèque de composants Figma

Une bibliothèque de composants

Boutons, champs, tableaux : des composants réutilisables avec tous leurs états, en auto layout. Chaque itération profite du travail établi en amont.

Écrans et composants déclinés dans Figma

Chaque écran couvert

Tous les écrans répondent à un problème identifié, avec plusieurs variantes proposées à l'étape de validation.

Tableau de bord de Crypto Excel : portefeuille, synthèse et transactions

Intégration au pixel près

Les composants et les états validés dans Figma s'y retrouvent à l'identique, écran par écran.

Tarifs

Deux façons d'entrer, un seul engagement à la fois.

Le découpage est volontaire : vous décidez de construire une fois que vous savez quoi construire, pas avant.

Pour initier le projet

Maquette, artefacts et specs

à partir de 8 000 € HT
au forfait, selon le nombre d'écrans et la complexité du projet
  • Spécification fonctionnelle sur Linear (epics, user stories, critères d'acceptation)
  • Maquette Figma avec prototype intégré
  • Artefacts interactifs produits avec Claude Code

Tous les assets nécessaires pour lancer le développement.

En discuter
Le plus demandé

Implémentation complète

20 à 40 000 € HT
au forfait, fourchette confirmée après l'audit de cadrage de 45 minutes
  • Tout le contenu de l'offre standard
  • Livraison du code sur votre dépôt GitHub
  • Mise en production et passation accompagnées

Développement jusqu'à la mise en production. Un périmètre, un prix et une date écrits avant de commencer, et un seul interlocuteur du premier appel à la livraison.

Réserver l'audit de 45 min

Basé à Lyon ? Les interventions sur site dans la métropole sont détaillées sur la page agence site web à Lyon.

Vous hésitez entre un site et une application ? Cinq questions, deux minutes, et vous repartez avec la prestation adaptée et un ordre de budget.

Questions fréquentes

Avant de démarrer.

Qu'est-ce qu'un artefact ?

Un prototype interactif produit avec Claude pendant la phase de discovery : une première version de l'application qu'on manipule, qu'on challenge et qu'on fait évoluer en quelques itérations, avant de passer à l'implémentation technique. On valide sur quelque chose qui fonctionne, pas sur un document.

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 spec du projet rédigée sur Linear. C'est ce qu'il faut pour qu'une équipe de développement démarre dans les meilleures conditions.

Pourquoi passer par Claude pour produire les specs et les artefacts ?

Parce que la partie longue d'un cadrage n'est pas la réflexion, c'est 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. Un assistant fait ça en heures là où il fallait des jours. Les arbitrages, eux, 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, c'est même le but de la première offre. Les fichiers Figma, les specs et le backlog Linear vous appartiennent. Vous pouvez les confier à votre équipe interne, à une ESN ou à un autre freelance : ils sont écrits pour être lus par quelqu'un d'autre que moi.

Qu'est-ce qui décide entre 20 000 et 40 000 € ?

Le nombre d'écrans, la complexité du modèle de données, les intégrations 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 dans la fourchette ; le chiffre exact est arrêté 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. Vous avez payé un lot fermé et vous repartez avec des livrables utilisables. C'est précisément l'intérêt de découper : vous engagez 8 000 € pour savoir ce que vous construisez, pas 40 000 € pour le découvrir en route.

Quelle stack technique ?

Du standard, choisi pour que n'importe quel développeur puisse reprendre : TypeScript, un framework courant côté interface, une base relationnelle, un hébergement classique. Le code arrive sur votre dépôt GitHub dès le premier jour. Aucun framework maison, aucune dépendance à un outil que je serais seul à savoir manipuler.

Un outil métier à construire ?

Quarante-cinq minutes pour poser le problème, l'échéance et le budget. Vous repartez avec un compte rendu écrit et une recommandation, même si on ne travaille pas ensemble.