Hors-Champs

Hors-Champs est l'agence de Laurence Chéret, architecte dplg, qui exerce entre Paris, Lyon, Uzès et Marseille. J'ai conçu et développé son site vitrine de bout en bout, des maquettes Figma jusqu'à la mise en ligne, avec un objectif simple : laisser toute la place aux projets d'architecture et permettre à Laurence de faire vivre son site en autonomie. L'interface reste volontairement sobre : une navigation courte (Projets, CV, Intentions, Contact), de grandes images aux proportions respectées, une typographie discrète et un écran d'introduction qui pose le ton de l'agence. Chaque page a été intégrée au plus près des maquettes desktop et mobile, avec une attention particulière portée aux alignements, au rythme des images et à l'accessibilité : contrastes AA, navigation au clavier, menu mobile accessible. Côté technique, le site repose sur une architecture headless : WordPress sert uniquement de back-office (ACF, WPGraphQL) et le front est développé en Next.js et Tailwind, hébergé sur Vercel. Le modèle de contenu a été pensé pour la cliente : tous les textes et images se modifient depuis l'administration, l'ordre des projets se règle sans toucher au code, et chaque enregistrement met le site à jour immédiatement. Le formulaire de contact passe par WordPress, sans service tiers, et les balises meta, le sitemap et les données structurées sont générés automatiquement à partir des contenus. J'ai accompagné le projet jusqu'à la mise en production (WordPress sur OVH, front sur Vercel, bascule du nom de domaine) et préparé les éléments de passation pour le guide de formation de la cliente. Apprentissages : ce projet m'a permis de formaliser une méthode réutilisable pour les sites vitrines headless, du cadrage à la recette. J'ai appris à cadrer avant de coder, à faire de la maquette la seule référence, et à penser le back-office comme une interface à part entière, conçue pour la personne qui l'utilisera au quotidien. L'IA m'a servi de co-pilote pour accélérer le développement et la documentation, sans jamais remplacer les choix de conception.