Le média du webdesign et du no-code

Agence Webflow : comparer les process, les livrables et les prix constatés

Cadrage, maquette, intégration, reprise en main par le client : ce média décrit les étapes d’un projet no-code et les points où les offres divergent vraiment. Les grilles tarifaires des plateformes évoluent vite, les fourchettes constatées sont donc préférées aux chiffres officiels recopiés. Comparatifs de systèmes de gestion de contenu, passage de la maquette au site, référencement et automatisations complètent le panorama, outils tiers décrits sans parti pris. Aucun site produit ici, aucune formation vendue.

Découvrir les projets no-code
Interface de conception visuelle affichant une page en cours de composition sur une grille de repères

Constructeur visuel contre gestionnaire de contenus : cinq manches

La comparaison tourne souvent au camp retranché. Elle se règle pourtant critère par critère, et le verdict change selon le projet, l’équipe qui reprendra le site et l’horizon envisagé.

Le constructeur visuel hébergé

Le gestionnaire de contenus autohébergé

Prise en main et vitesse de production

Le constructeur visuel hébergé

Le rendu se dessine directement dans le navigateur, sans thème à choisir ni extension à installer. Un site vitrine sort vite, à condition de comprendre le modèle de mise en page sous jacent, qui reste celui des feuilles de style.

Le gestionnaire de contenus autohébergé

Un thème existant permet de démarrer en quelques heures, mais l’écart entre le thème et le besoin réel se paie ensuite en réglages, en extensions et en compromis visuels.

Avantage au constructeur visuel pour un site sur mesure de taille modeste ; avantage au gestionnaire de contenus quand un thème couvre déjà le besoin.

Liberté de mise en page

Le constructeur visuel hébergé

Le contrôle est fin et direct, sans intermédiaire graphique. La contrepartie est un plafond fonctionnel : ce que la plateforme ne propose pas se contourne difficilement.

Le gestionnaire de contenus autohébergé

Tout est modifiable, jusqu’au code du thème. La liberté est totale mais suppose des compétences de développement dès que l’on sort des réglages prévus.

Match nul, avec un critère décisif : dispose-t-on, à terme, de quelqu’un capable d’intervenir dans le code.

Maintenance et sécurité

Le constructeur visuel hébergé

L’hébergement, les mises à jour et les sauvegardes sont pris en charge par la plateforme. Il n’y a ni extension à mettre à jour ni serveur à surveiller, mais aucune main sur l’infrastructure.

Le gestionnaire de contenus autohébergé

Les mises à jour du cœur, du thème et des extensions relèvent du propriétaire du site. C’est la première source d’incidents sur les sites laissés sans suivi.

Avantage net au modèle hébergé pour une structure sans ressource technique interne.

Coût sur la durée

Le constructeur visuel hébergé

Un abonnement récurrent, dont le montant dépend du volume de contenus et des fonctions retenues. Le coût est prévisible mais ne cesse jamais.

Le gestionnaire de contenus autohébergé

Le logiciel est libre : restent l’hébergement, les extensions payantes et la maintenance. L’addition peut être plus basse comme nettement plus élevée selon les briques ajoutées.

Aucune règle générale : la comparaison n’a de sens qu’en additionnant, sur trois ans, abonnements, hébergement, extensions et temps passé.

Réversibilité

Le constructeur visuel hébergé

L’export existe mais reste partiel dès que les fonctions dynamiques de la plateforme sont utilisées. Quitter suppose une reconstruction, rarement une simple migration.

Le gestionnaire de contenus autohébergé

Le code et la base de données appartiennent au propriétaire, ce qui rend le changement d’hébergeur ou de prestataire techniquement simple.

Avantage clair au modèle autohébergé, critère souvent ignoré au moment du choix et déterminant quelques années plus tard.

Comparaison générale de deux familles d’outils, sans recommandation, sans citer d’agence, de prestataire ni de client, et sans reprendre de grille tarifaire : les prix des plans évoluent régulièrement et se vérifient à leur source. Les fonctionnalités sont décrites dans leur principe, sans chiffre de limite, ceux ci variant selon les offres. Le choix d’un outil ne préjuge en rien du référencement obtenu, qui dépend d’abord du contenu, de la structure du site et de sa performance.

De la maquette au site : le convoyeur, poste par poste

Passer d’un fichier de maquette à un site en ligne se fait rarement d’un bloc. Voici la chaîne qui limite les allers-retours, avec ce qui sort de chaque poste et le contrôle qui empêche de transmettre un travail bancal au suivant.

Rien ne repart en arrière si chaque poste contrôle sa sortie

Cadrer et inventorier

Avant tout dessin

La liste des pages réellement nécessaires, les contenus disponibles et ceux à produire, les gabarits qui se répéteront. Un inventaire honnête évite de maquetter des pages qui ne verront jamais le jour.

Chaque page listée doit correspondre à une intention de visite identifiée, sinon elle sort du périmètre.

Poser le système

Dans l’outil de maquette

Les couleurs, les tailles de texte, les espacements et les composants récurrents, définis comme styles réutilisables plutôt que valeur par valeur. C’est ce qui permettra une intégration rapide et cohérente.

Aucune valeur ne doit exister en dehors du système : une couleur unique employée sur une seule page signale un oubli.

Maquetter en deux largeurs

Écran étroit et écran large

Chaque gabarit dessiné au moins pour le mobile et pour le bureau, avec les états interactifs prévus, y compris les cas vides et les messages d’erreur.

Toute page maquettée uniquement en grand écran repart au poste précédent : l’intégrateur devra sinon inventer le comportement mobile.

Intégrer les gabarits

Dans le constructeur

Les styles globaux d’abord, les composants ensuite, les pages en dernier. Le contenu réel remplace le texte de remplissage dès que possible, car il révèle les débordements que la maquette masque.

Vérifier la structure des titres, la navigation au clavier et le contraste avant d’avancer, jamais après la mise en ligne.

Recette et mise en ligne

Avant publication

Balises de titre et descriptions renseignées page par page, redirections des anciennes adresses si le site en remplace un autre, formulaires testés jusqu’à la réception effective du message.

Un formulaire dont personne n’a reçu le message de test n’est pas un formulaire fonctionnel : c’est l’oubli le plus fréquent et le plus coûteux.

Méthode générale, décrite pour son principe et non comme un mode d’emploi d’un produit : les outils de maquette, de construction et d’automatisation évoqués sont cités pour leur fonction, sans classement, sans tarif et sans recommandation. Deux points relèvent d’obligations et non de bonnes pratiques : l’information des visiteurs sur les traitements de données personnelles et le recueil du consentement aux traceurs non essentiels, ainsi que les exigences d’accessibilité numérique, qui se vérifient auprès des référentiels en vigueur.

Quatre rubriques pour un projet no-code

Le constructeur visuel et ses usages, les comparaisons entre gestionnaires de contenus, la chaîne maquette vers site, le référencement et l’automatisation.

Le dossier du moment

À lire en premier

Cinq questions à trancher avant d’ouvrir un projet

Les arbitrages structurants se prennent au début, quand ils coûtent encore peu.

Constructeur visuel ou gestionnaire de contenus classique ?
La réponse dépend moins de la technologie que du volume éditorial prévu et de la personne qui publiera. Un site vitrine de quelques pages, mis à jour deux fois par an par son propriétaire, ne pose pas le même problème qu’un magazine alimenté chaque semaine par une équipe. Le premier privilégie la maîtrise visuelle et l’absence de maintenance serveur, le second la richesse fonctionnelle et l’écosystème d’extensions. Le coût total sur trois ans, hébergement et interventions comprises, départage souvent mieux que la fiche technique.
Qui publiera les contenus, une fois le site livré ?
Un projet no-code se juge à l’usage quotidien, pas à la livraison. Si la publication revient à une personne non technique, la structure des collections, les champs disponibles et l’ergonomie du mode édition comptent davantage que les effets d’animation. Une architecture de contenus trop libre finit en pages hétérogènes ; une architecture trop rigide bloque la première demande imprévue. Le bon niveau se fixe en listant les gabarits réellement nécessaires.
Que deviennent les adresses existantes ?
Toute refonte déplace des adresses, et chaque adresse abandonnée sans redirection perd la valeur accumulée par les liens qui pointaient vers elle. Le plan de redirection se construit avant la mise en ligne, à partir d’un relevé exhaustif de l’ancien site, en associant chaque page à sa destination la plus proche. Les redirections en chaîne et les renvois massifs vers l’accueil comptent parmi les erreurs les plus coûteuses d’une migration.
Quel budget prévoir, au delà de la création ?
Le coût d’un site vitrine ne s’arrête pas à sa conception : abonnement à la plateforme, nom de domaine, éventuelles extensions payantes, retouches et évolutions forment une dépense récurrente à chiffrer dès le départ. Les grilles tarifaires des plateformes évoluent régulièrement et se vérifient à la source. Les fourchettes constatées sur le marché français servent à situer un devis, jamais à le remplacer.
Comment traiter l’accessibilité et les données personnelles ?
Le contraste des textes, la navigation au clavier, la hiérarchie des titres et les alternatives textuelles se traitent pendant la conception, pas en correction après coup. Côté données, le dépôt de traceurs non essentiels suppose un consentement préalable, et les formulaires supposent une information claire sur la finalité et la durée de conservation. Ces exigences se documentent auprès des autorités compétentes avant d’être arbitrées.

Tous les dossiers publiés

Choix d’un prestataire, formation au gestionnaire de contenus, migration et redirections, comparatif des plateformes, fonctionnement des collections, chaîne maquette vers site, principes de design, référencement et automatisations.

Commencer par la rubrique Webflow

Choix d’un prestataire, montée en compétence et migration : les trois dossiers qui structurent la plupart des projets.