Landing page communes

Le design de sites est mon métier de départ. La nouveauté est dans la production : cette page est passée de la maquette Figma au code par Claude Code, sans outil no-code entre les deux.

Haut de la page, en production. Voir le site en ligne ↗

Stack

  • Figma
  • Claude Code
  • HTML/CSS/JS
Statut
Production · en ligne depuis mai 2026

Le problème

Avec Echo Digital, une de mes activités, je vends des sites internet aux petites communes. Ma prospection renvoie les maires vers une page de présentation : l'offre, les prix, la prise de rendez-vous. Concevoir cette page ne me posait aucun problème, c'est mon métier. La produire, si : une maquette n'est pas un site, et mon ancien process consistait à la reconstruire à la main dans Framer, un outil de création de sites sans code. Le même design travaillé deux fois, un abonnement à payer, et les limites de la plateforme.

Le système

J'ai remplacé Framer par Claude Code. La maquette reste mon travail, dans Figma ; c'est l'étape d'après qui change : Claude Code la transforme en code, un site complet que j'héberge moi-même. Mon rôle sur cette étape n'est plus de tout refaire, mais de vérifier que le design est respecté et de reprendre à la main ce que la conversion a raté.

Le résultat

La page est en ligne depuis mai 2026 : c'est sur elle que ma campagne de prospection renvoyait les mairies. Face à l'ancien process, le verdict est net : plus rapide, plus libre, et l'abonnement en moins. La contrepartie est réelle aussi : la sécurité et l'optimisation que Framer gérait tout seul sont maintenant ma responsabilité.

En entreprise

Une maquette qui devient une page en ligne sans plateforme ni prestataire, ça sert au-delà de mon cas : pages de campagne marketing, sites événementiels, pages produit. Le design reste un travail de designer ; le passage de la maquette au site en ligne, lui, devient rapide et bon marché.