01Objectif et marché
D’abord réfléchir, ensuite construire.
Que doit accomplir le site, et pour qui ? Si l’objectif est donné, il l’affine. Sinon, il cherche lui-même une opportunité dans de vraies données de recherche : que recherchent beaucoup de gens sans trouver de bonne réponse ? Sa formule : une demande de recherche avérée × une concurrence faible × quelque chose de réalisable.
- Il récupère les volumes et les résultats de recherche via DataForSEO.
- Il repère les résultats faibles : des forums en tête, des pages dépassées, des articles là où les gens cherchent un outil.
- Une réponse d’IA peut-elle répondre entièrement à la question ? Alors il rend le projet interactif ou abandonne l’idée.
02Promesse et structure
Une phrase qui parle tout de suite.
Il résume l’essentiel en une seule phrase et la met à l’épreuve : comprend-on d’un coup d’œil de quoi il s’agit et pourquoi c’est utile ? Il choisit ensuite le type de site (un outil, un site marketing, un site de contenu ou un annuaire), les pages et le chemin vers l’action qui compte.
- Pour un outil : de la valeur en moins de dix secondes, sans compte.
- Une seule action principale claire par section.
03Cadre de style
Le design est fixé avant la première ligne de code.
La typographie, une gamme de couleurs, une échelle d’espacements, les arrondis, les ombres et les courbes de mouvement deviennent des tokens : des briques fixes dont tout découle. Et il choisit un seul moment signature. La retenue est le signe du haut de gamme : un moment qui marque, pas vingt effets.
- Une ou deux polices, avec une échelle réfléchie.
- La couleur en dix à douze nuances, l’espacement sur une grille de 4 pixels.
- Chaque effet sert la compréhension, l’orientation ou l’image de marque. Jamais simplement parce que c’est possible.
04Technologie
Les bons outils pour ce projet précis.
Un site de contenu ou de marketing est généralement construit en statique, par exemple avec Astro et Tailwind : le plus rapide et le mieux référencé. Un outil ou une application reçoit Next ou Vite avec React. Une simple page unique reste du HTML statique.
- Statique quand c’est possible, côté serveur quand c’est nécessaire.
- Le contenu essentiel est toujours du vrai HTML sur la page, pour que les moteurs de recherche et les robots d’IA puissent le lire.
05Construction
Entièrement terminé, et trouvable dès la première ligne.
De vrais textes, jamais de lorem ipsum. Toutes les pages et tous les états : survol, focus, chargement, vide, erreur et une page 404 soignée. Il crée lui-même images et vidéos avec les outils créatifs, dans le cadre de style. Le SEO n’est pas une réflexion après coup : titres, descriptions, schema.org, plan du site, liens internes et une image de partage par page sont là dès le départ.
- Des polices hébergées sur le site, avec une licence en règle.
- Moins d’animations pour ceux qui le demandent sur leur appareil, toujours prévu.
06Tests
Il regarde de ses propres yeux.
Il ne fait jamais aveuglément confiance à son code. Il lance le site, fait des captures d’écran sur ordinateur, tablette et téléphone, à différentes positions de défilement et dans différents états, les examine vraiment et corrige ce qu’il voit. Viennent ensuite les contrôles automatiques et une liste de vérification finale stricte. Au moins deux tours d’examen et d’amélioration.
- Aucune erreur dans la console, aucun lien mort.
- L’accessibilité avec axe, la vitesse avec Lighthouse.
- Trois moteurs de navigateur, dont celui de Safari.
- Une auto-évaluation honnête : en dessous de 8 sur 10, ce n’est pas terminé.
07Livraison et mise en ligne
Un site qui fonctionne, pas une maquette.
Il livre le dossier complet du projet, avec start.bat et start.sh pour lancer le site sur votre propre ordinateur, un README et un DEVELOPMENT.md qui décrit l’architecture, les décisions, les limites connues et les prochaines étapes. Ainsi, n’importe quel développeur ou agent peut poursuivre. La mise en ligne passe par Zaela : d’abord un aperçu, puis un Owner ou un Admin approuve la publication.
- S’il a lui-même trouvé l’idée, vous recevez aussi les données de recherche qui justifient l’opportunité.
- Il indique aussi honnêtement où se trouve le point le plus faible.