Comment on travaille
L'usine à maquettes, en cinq étapes
Chaque maquette suit le même chemin, et chaque étape est chronométrée. Les durées ci-dessous ne sont pas des estimations : elles viennent du bilan de chaque maquette et des déploiements GitHub Actions.
- 1
Brief
Un métier, une ville, une capacité à démontrer. Le brief est un fichier validé : tout ce qui manque est inventé de façon plausible et marqué fictif. Jamais un client réel.
Sortie : un brief validé, source unique des textes, des prix et des horaires du site.
3 minen médiane
- 2
Direction artistique
Trois directions contrastées, chacune en une phrase, avec sa palette, deux polices et un geste signature. On en choisit une et on contrôle la liste des clichés interdits.
Sortie : un DESIGN.md argumenté.
3 minen médiane
- 3
Fabrication
Les pages en français dans le ton du brief, les vrais mots du métier, les visuels générés (SVG, 3D, captures du réel). Ce qui a déjà servi deux fois devient un outil réutilisable.
Sortie : un site Astro statique construit.
14 minen médiane
- 4
Tests et recette
Captures à trois largeurs lues une par une, contrôles automatiques (titre unique, débordement, cibles tactiles, polices, console), parcours rejoués par Playwright, Lighthouse mobile sur chaque page.
Sortie : zéro problème relevé, scores Lighthouse mobile notés.
9 minen médiane
- 5
Mise en ligne
Un commit, un push : GitHub Actions teste, construit et déploie sur le serveur. La démo répond sur son sous-domaine, non indexée.
Sortie : la démo en ligne, le bilan noté dans le README de la maquette.
2 minen médiane
La frise réelle
Chaque maquette, phase par phase
- Brief
- Direction artistique
- Fabrication
- Tests et recette
- Mise en ligne
Piscines du Lez · 17 octobre 2026 · 26 min jusqu'à la démo prête
Éditions Varech · 17 octobre 2026 · 30 min jusqu'à la démo prête
Cabinet Mirabilia · 16 octobre 2026 · 1 h 30 jusqu'à la démo prête
Ferronnerie Lavaud · 9 octobre 2026 · 28 min jusqu'à la démo prête
Atelier Nuage · 8 octobre 2026 · 25 min jusqu'à la démo prête
Mise en ligne différée : la démo a attendu l'installation du serveur.
Maison Ortie · 8 octobre 2026 · 29 min jusqu'à la démo prête
Une étape notée à cheval sur deux phases (« brief et direction artistique ») est partagée à parts égales. La mise en ligne court de la démo prête à la fin du déploiement.
Le même chemin pour votre site
Le brief part de votre métier et de votre site actuel. Commencez par l'audit gratuit, ou écrivez-nous.