Processus de création web

Le principe central : on ne développe pas sans avoir tout validé en amont. Chaque phase est une porte — on ne passe à la suivante qu’avec un accord explicite du client.

---

1. Cadrage Avant-projet

C’est la phase la plus importante. Elle conditionne tout ce qui suit.

1. Sitemap & arborescence — lister toutes les pages. Ce qui n’est pas dans l’arborescence signée n’existe pas pour le développement.
2. Définition des contenus — identifier ce que le client fournit (textes, images, logo, charte…) et ce qu’on produit ou propose.
3. Collecte des éléments — récupérer tout ce que le client peut donner à ce stade : logo en vectoriel, photos, textes existants, accès hébergement si refonte.

Verrou de phase

On ne passe pas à l’étape suivante sans une validation explicite du client sur le périmètre : arborescence, liste des pages, liste des contenus attendus. Un mail de confirmation suffit.

---

2. Wireframe Structure

Pas de maquette haute-fidélité — on va droit au but avec un wireframe qui définit la structure de chaque page.

• Chaque section est positionnée : ce qu’elle contient, sa place dans la hiérarchie, son rôle
• Le niveau de détail est volontairement bas : blocs, titres, zones d’image — pas de couleurs, pas de typo définitive
• Outil libre : Figma, papier scanné, Excalidraw — ce qui va le plus vite

Ce qu’on valide à cette étape :

• Le découpage en sections fait sens
• L’ordre de l’information est bon
• Aucune page ou fonctionnalité n’a été oubliée

Verrou de phase

Le wireframe est présenté et validé par le client avant tout développement. C’est le document de référence pour la suite. Toute demande de modification majeure après cette validation fait l’objet d’un devis supplémentaire.

---

3. Développement Production

Une fois le wireframe signé, le développement peut commencer. Le périmètre est figé.

• Intégration des pages en suivant le wireframe validé
• Les tokens (couleurs, typos, espacements) sont centralisés dans Layout.astro pour rester cohérents et modifiables globalement
• Le contenu fourni par le client est intégré — si du contenu manque, on intègre en Lorem Ipsum et on signale le blocage
• Le design est réalisé en direct lors de l’intégration, sans passer par une maquette intermédiaire

Astuce

Si le client n’a pas encore fourni tous ses contenus à cette étape, noter précisément ce qui manque et envoyer un récap écrit. Ça évite les malentendus à la livraison.

---

4. Préprod et retours clients Recette

1. Mise en préprod — le site est déployé sur une URL privée. Le client peut le parcourir sur tous ses appareils.
2. Période de retours — le client dispose d’un délai défini pour transmettre ses retours par écrit (liste, pas de réunion impromptue).
3. Corrections — on distingue deux types de retours :
   • Bugs : écarts par rapport au wireframe validé → corrigés sans surcoût
   • Évolutions : changements de design, ajout de sections, reformulations importantes → devis séparé
4. Validation finale — le client confirme par écrit que le site est conforme.

Attention

Le wireframe validé est la référence. Si le client demande “finalement je voudrais cette section différemment”, c’est une évolution, pas un bug — même si ça lui semblait implicite.

---

5. Livraison et maintenance Clôture

1. Mail de livraison — envoi d’un récapitulatif au client : URL définitive, accès hébergement/CMS, éléments livrés. Ce mail déclenche la facturation du solde.
2. Mise en ligne — bascule DNS, vérification sur l’URL de production (voir checklist de mise en ligne).
3. Entrée en maintenance — le projet passe en mode suivi. Toute modification hors garantie est facturée selon les conditions de maintenance convenues.

---

Gestion des écarts

Situation	Traitement
Contenu manquant à l’intégration	Intégration en Lorem Ipsum, blocage signalé par écrit
Retour conforme au wireframe (bug)	Correction incluse
Demande de modification post-wireframe	Devis supplémentaire
Ajout de page ou fonctionnalité en cours de dev	Mise en attente V2 ou avenant
Modifications demandées après mail de livraison	Facturation au tarif maintenance