Développement Webflow d’un site de cabinet d’architecture
La construction du site dans Webflow, une fois la maquette validée : système de classes, composants réutilisés, gabarit CMS des réalisations, réglage des cinq largeurs et recette avant mise en ligne. Nous disons aussi ce que Webflow ne fait pas bien.

La maquette validée, le site se construit dans Webflow, page par page, jusqu’à la vérification finale.
Vous avez déjà un site. Pour y ajouter la maison livrée en juin, il faut écrire au prestataire qui l’a fait, attendre, relancer. Deux ans plus tard, la page des réalisations s’arrête en 2024 et vous avez cessé d’essayer.
L’autre cas de figure est un site dont plus personne ne s’occupe. Les extensions réclament une mise à jour, le formulaire n’envoie plus rien, un bandeau d’alerte s’affiche dans l’administration. Ce n’est pas votre métier. Ce que vous voulez, c’est un site qui tienne seul et une page projet que vous puissiez remplir un dimanche soir.
Ce que nous faisons
Structure des classes : avant de poser le premier bloc, nous fixons le système. Une classe pour les titres de section, une pour le texte courant, une pour les boutons, avec leurs déclinaisons. Aucune valeur n’est écrite deux fois. Le jour où vous trouverez le gris des légendes trop clair, la correction tient en une ligne et se propage à tout le site.
Composants réutilisés : l’en-tête, le pied de page, le bandeau de contact et la carte de projet n’existent qu’à un exemplaire, posé sur toutes les pages. Ajouter une entrée au menu devient une modification, pas quatorze.
Gabarits CMS : les réalisations vivent dans une collection, pas dans des pages recopiées. Nous dessinons le gabarit une seule fois : la grande image, la fiche technique (lieu, année, surface, mission), la galerie, le texte. Publier un projet revient ensuite à remplir des champs.
Réglage des cinq largeurs : Webflow en propose cinq, du grand écran au téléphone. Nous reprenons chaque section sur chacune, au lieu de laisser le navigateur décider. Les photos verticales, les titres longs et les tableaux de surfaces sont les trois endroits qui cassent, ce sont ceux que nous regardons en premier.
Vérification avant mise en ligne : nous passons une liste de contrôle écrite : chaque lien, chaque bouton, l’envoi réel du formulaire vers votre boîte, la page 404, les redirections depuis les anciennes adresses, le rendu à l’impression d’une fiche projet. Le site ne part en ligne qu’après.
Ce que ça change
Nous construisons sur Webflow pour trois raisons. L’hébergement est compris dans l’abonnement : aucun serveur à louer, à configurer ou à surveiller. Il n’y a pas d’extension tierce à mettre à jour, donc pas de faille ouverte par un module oublié. Et l’éditeur reste assez simple pour qu’un architecte publie une réalisation sans nous.
Un site entièrement sur mesure va plus loin ; WordPress offre plus d’extensions. Ce sont de bons outils, mais ils supposent quelqu’un qui les entretienne dans la durée. Nous visons l’inverse : que votre site cesse de dépendre de la disponibilité d’un prestataire.
Les limites
L’abonnement est mensuel et permanent : il n’existe pas de version que l’on héberge chez soi. Le contenu des collections ne se récupère qu’en fichier tableur ; partir vers un autre outil demande de le reprendre. Un espace client protégé par mot de passe, un portail de suivi de chantier ou un intranet ne se font pas correctement ici : cela relève d’un développement séparé. Le multilingue est facturé en supplément. Si votre besoin est une application métier, nous vous le dirons plutôt que de forcer l’outil.
Avant et après la construction
Cette étape se situe au milieu du service Site web : rien n’est construit tant que la maquette n’est pas validée, et le gabarit de projet décrit plus haut fait l’objet du CMS de réalisations. Le site publié, il est déposé sur un compte Webflow et un nom de domaine qui vous appartiennent, comme l’explique le site, le domaine et les accès à votre nom.
Ce qui est prévu au livrable
- Système de classes et de variables, défini une seule fois
- Composants : en-tête, pied de page, bandeau de contact, carte de projet
- Gabarit CMS des réalisations, prêt à remplir
- Chaque section réglée sur les cinq largeurs Webflow
- Liste de recette cochée : liens, formulaires, page 404, redirections
- Site publié sur l’hébergement Webflow, au nom du cabinet
