Avis Webflow : La combinaison parfaite d’un CMS et d’un logiciel de création de site web ?

Webflow est conscient que les logiciels de création de site web ne jouissent pas d'une excellente réputation parmi les amateurs de webdesign. C'est pourquoi, dès la page d'accueil, la plateforme se présente comme « plus qu'un simple outil de création de site ». Mais alors, qu'est-ce que Webflow offre de plus que des concurrents comme Wix ? Découvrons-le ensemble !

Nous avons plongé dans l’univers de Webflow, le logiciel qui refuse d’être un simple créateur de sites web, pour découvrir toutes les possibilités qu’il offre.

Webflow est bel et bien « plus qu'un simple logiciel de création de site web », et cela a ses avantages et ses inconvénients. L'interface utilisateur et le concept global sont beaucoup plus complexes que ceux des outils classiques, car Webflow ne masque pas la logique de codage ; au contraire, il la transforme en processus visuels. En échange, vous bénéficiez d'un contrôle précis sur la mise en page, le design et le contenu de votre site web grâce à l'éditeur Webflow.

Pour son public cible – les concepteurs et développeurs web – Webflow est convivial. Cependant, la plateforme présente une courbe d'apprentissage abrupte et n'est pas conçue pour les débutants qui souhaitent créer un site web rapidement et facilement.

Chez Webflow, non seulement l'expérience en programmation est un atout, mais la maîtrise de l'anglais l'est également. La version française de la plateforme est encore attendue, ce qui peut représenter un obstacle pour certains utilisateurs.

Si la barrière linguistique ne pose pas de problème, vos premiers pas avec Webflow sont relativement simples. La plateforme propose un forfait gratuit (plus sur la tarification plus tard), ce qui signifie que vous n’avez pas besoin de fournir de données de paiement pour vous inscrire. Vous pouvez donc commencer sans engagement : il vous suffit de cliquer sur « Start building » et de suivre les instructions.

Après votre inscription, vous accédez au tableau de bord de Webflow. C’est ici que vous pouvez gérer vos projets de site web et effectuer des réglages généraux pour vos sites et votre compte.

Avec Webflow, chaque projet est hébergé dans un Workspace. Cet espace de travail numérique peut être utilisé seul ou partagé avec des membres de votre équipe ou des clients. On comprend rapidement que Webflow s'adresse davantage aux webdesigners expérimentés qu'aux petits bricoleurs, car ces derniers gèrent souvent plusieurs projets simultanément.

Les fonctions et paramètres sont organisés de manière claire dans le tableau de bord :

Le tableau de bord de Webflow est bien conçu et organisé, offrant une gestion claire pour divers projets et types de projets. Si vous souhaitez créer un site web simple, vous pouvez facilement ignorer la plupart des paramètres présents ici.

Lorsque vous créez un nouveau site web, vous avez le choix : démarrer avec un site vide ou sélectionner un modèle de design que vous pourrez ensuite personnaliser dans l'éditeur Webflow.

Vous trouverez également un lien vers un tutoriel interactif très bien conçu qui présente les principales fonctionnalités de l'éditeur Webflow de manière pratique. En général, la documentation et les ressources d’aide de Webflow sont excellentes (nous y reviendrons plus tard).

Dès votre arrivée dans l'éditeur, il est évident qu'avec Webflow, vous pouvez éviter le codage, mais vous ne pourrez pas échapper complètement aux complexités de la programmation.

Avec une interface utilisateur qui rappelle celle de Photoshop, vous programmez visuellement sur la toile du frontend, tandis que le programme convertit automatiquement vos actions en code dans le backend. Bien que ce principe soit également présent dans d'autres logiciels de création de site web, Webflow s'en approche avec une philosophie beaucoup plus orientée vers la programmation.

Même dans un logiciel de création de site web comme Webflow, il est essentiel de se familiariser avec le « modèle de boîte » (« box model »), qui joue un rôle clé dans la conception des sites. Chaque élément est placé dans un conteneur, dans lequel vous pouvez glisser-déposer d'autres contenus. Le site web final est donc composé d'un ensemble de conteneurs empilés les uns sur les autres.

Voici comment l'éditeur Webflow est structuré :

La courbe d'apprentissage avec Webflow est donc nettement plus abrupte que celle des créateurs de sites classiques comme Wix ou Squarespace. Si vous n’êtes pas familiarisé avec des concepts fondamentaux du webdesign tels que le modèle de boîte, les hiérarchies, le flottant et d'autres notions similaires, l'éditeur pourrait vous poser des défis, surtout au début.

La facilité d'utilisation pour les débutants et la convivialité sont deux choses distinctes. Webflow est conçu pour être convivial pour son public cible : ceux qui maîtrisent les concepts clés et l'interface bénéficient d'un environnement de travail intuitif. Cela leur permet d'exercer un contrôle précis sur chaque élément de design et d'accéder à une liberté créative bien supérieure à celle des logiciels de création de sites web classiques.

Avec Webflow, la complexité du design a son prix. Contrairement aux créateurs de sites classiques qui limitent les options de personnalisation à quelques réglages prédéfinis, Webflow vous permet de configurer chaque attribut de tous les éléments de manière détaillée, vous offrant ainsi la possibilité d'ajuster le design avec précision.

Cependant, cela nécessite plus de travail manuel que d'autres logiciels de création de site web. Cela dit, Webflow propose également quelques modèles et éléments prédéfinis pour faciliter le processus de création.

Webflow propose plus de 1 500 templates, dont 50 étaient gratuits au moment du test. Les templates premium coûtent entre 29 et 129 USD (paiement unique).

Il existe des modèles pour tous les types de sites web : portfolios, blogs, événements, services et plus encore. Vous pouvez les filtrer non seulement par secteur et catégorie, mais aussi par préférences de style et fonctions. Selon le type de site, des fonctionnalités comme des pages dynamiques avec CMS ou des boutiques où vous n'avez qu'à ajouter des produits sont déjà préréglées.

Choisir un template avec Webflow ne vous contraint pas à un design fixe, que vous pouvez seulement modifier légèrement comme c'est souvent le cas avec d'autres logiciels de création de site web. Les templates de Webflow sont conçus pour être flexibles dès le départ, vous offrant ainsi différentes options de mise en page dès le début.

La qualité des templates varie, mais la plupart sont de haute qualité. La majorité d'entre eux sont modernes et contemporains, avec des lignes épurées, des palettes de couleurs attrayantes et des mises en page bien structurées.

Les templates de Webflow sont généralement « réactifs », c’est-à-dire optimisés pour s’adapter à différents appareils. Vous ne devez pas vous y fier aveuglément, car vous pouvez ajuster la présentation à l’aide des points de rupture pour un rendu optimal sur chaque écran.

Les points de rupture sont des moments où le design s’adapte à différentes tailles d’écran. Par défaut, Webflow vous permet de basculer entre sept points de rupture, incluant les vues sur ordinateur, tablette et smartphone (en orientation verticale et horizontale).

En général, les réglages de style se transmettent automatiquement du point de rupture principal, c’est-à-dire la vue sur ordinateur, aux autres vues. Vous pouvez cependant modifier ces réglages par défaut en ajustant les attributs de certains éléments directement dans le point de rupture concerné.

Par exemple, si vous modifiez la taille de la police d'un bloc de texte ou la couleur de fond d'un élément dans l'onglet « Style » en étant sur le point de rupture mobile, ces attributs ne seront modifiés que pour ce point de rupture spécifique.

Ainsi, vous pouvez ajuster en détail l’affichage sur différents appareils et tailles d’écran, garantissant que chaque élément soit parfaitement à sa place.

Dans le designer Webflow, vous pouvez modifier presque tous les éléments de votre site web, que ce soit les couleurs, les arrière-plans, les bordures, les positions ou les espacements. Vous avez également la possibilité de configurer des effets pour rendre le contenu plus dynamique et attrayant.

La plupart des ajustements s'effectuent à l'aide de l'outil de design situé à droite. Dans l'onglet « Style », vous trouverez de nombreuses sections pour ajuster les propriétés CSS, telles que la mise en page, la taille, la position, la typographie et les effets.

Vous devriez également explorer l'onglet « Interactions ». C’est ici que vous pouvez créer des animations personnalisées, comme des animations de défilement de type Parallax ou des effets de survol.

Pour éviter de modifier chaque élément individuellement, il existe des « Classes ». Il s'agit de styles prédéfinis que vous définissez une fois et appliquez ensuite à autant d'éléments que vous le souhaitez.

Il n’y a pas de modèles de pages au sens classique chez Webflow. Vous pouvez créer vos propres templates que vous pourrez réutiliser pour vos projets, mais il n’existe pas de modèles préfabriqués pour des pages complètes, comme des pages de portfolio ou « À propos de nous ». Vous devrez donc concevoir de nombreux éléments vous-même sur Webflow.

En revanche, Webflow propose quelques modèles de sections. Vous les trouverez sous « Add Elements » dans l'onglet « Layout » de la « Starter Library ».

Les principaux types de « Sections » sont bien représentés : vous trouverez des sections pour les zones Hero, les témoignages, les sections d'équipe, les listes de prix, les galeries d'images et bien plus encore. Chaque catégorie propose plusieurs mises en page différentes.

Comparé à d'autres logiciels de création de site web, le nombre de modèles de sections dans Webflow est limité. La plateforme s'adresse plutôt aux utilisateurs qui préfèrent créer leurs propres designs. Voici un aperçu des modèles de sections disponibles sur Webflow :

Webflow propose une sélection d'éléments bien plus variée que d'autres plateformes, que vous pouvez placer sur la toile de votre site web. Ces éléments sont classés en différentes catégories telles que « Typographie », « E-commerce » et « Médias ». Dans la catégorie « Structure », vous trouverez également des conteneurs et des piles pour organiser la mise en page de votre site.

Pratique : lorsque vous survolez un élément avec la souris, un point d'interrogation apparaît. En cliquant dessus, vous obtenez une brève explication de l'élément, souvent accompagnée d'une vidéo explicative.

Webflow a prévu les éléments les plus essentiels. La diversité des éléments n'est pas aussi cruciale ici que dans d'autres logiciels de création de sites web, car vous avez généralement la possibilité de créer vous-même des éléments pour lesquels il n'existe pas de modèle standard.

Par exemple, vous pouvez créer un élément accordéon, utile pour les FAQ, en adaptant l'élément déroulant avec des interactions.

Voici les éléments proposés par défaut en comparaison :

Vous trouverez votre bibliothèque de photos et de médias dans la section « Assets » de la barre d'outils à gauche. Ici, toutes vos images et documents sont listés, que vous pouvez organiser en dossiers et parcourir avec la fonction de recherche.

Malheureusement, il n'y a pas d'intégration de photos de stock. Chaque template est livré avec quelques images et icônes, mais Webflow n'offre pas beaucoup de matériel visuel par défaut. En revanche, Webflow propose de nombreux réglages de design, comme des filtres ou des ombres, que vous pouvez appliquer.

Nous n’avons pas encore abordé tous les outils de design, car cela pourrait prendre beaucoup de temps. En résumé, avec Webflow, vous avez un contrôle total sur chaque aspect du design de votre site web.

Webflow combine les fonctions d'un logiciel de création de site web avec celles d'un système de gestion de contenu (CMS). Cela vous permet de réaliser non seulement des sites simples, mais aussi des projets plus complexes avec des besoins spécifiques. Toutefois, si vous recherchez principalement une plateforme pour une boutique en ligne ou un blog, Webflow n'est peut-être pas la meilleure option.

Dans le CMS de Webflow, vous pouvez créer des « Collections » pour organiser différents types de contenu de manière centralisée. Chaque Collection se compose de plusieurs champs (comme des champs de texte, des images, des boutons, et des couleurs) que vous pouvez personnaliser selon vos besoins.

Par exemple, vous pouvez créer une « Collection de blogs » avec des champs pour les titres, les permaliens et le contenu des articles. Une « Collection d'auteurs » pourrait inclure des champs pour les photos, les courtes biographies et les liens vers les réseaux sociaux des membres de l'équipe. Ces Collections peuvent ensuite être liées pour associer des articles de blog à des auteurs spécifiques.

Vous n'avez pas besoin de définir toutes les collections et leurs champs vous-même. Pour certains types de collections, comme les blogs, les clients ou les membres de l'équipe, Webflow propose des « Templates de Collection » avec des champs personnalisés déjà pré-configurés.

Grâce au CMS intégré, Webflow offre une grande flexibilité pour créer et présenter des contenus structurés. Vous n'êtes pas limité aux fonctionnalités restreintes des plateformes de blogs ou aux templates de portfolio, comme c'est souvent le cas avec d'autres logiciels de création de site web. Vous disposez de bien plus de liberté en matière de contenu et de design.

Cette flexibilité présente toutefois des inconvénients, car Webflow n'est pas la solution idéale pour tous les usages. Par exemple, WordPress est bien plus adapté en tant que plateforme de blogs, car l'éditeur d'articles de Webflow est assez basique et manque d'options de formatage avancées.

Pour certaines fonctionnalités spécifiques de blogging, comme les commentaires, Webflow ne propose pas de solutions intégrées. Vous devrez donc recourir à des applications tierces pour ajouter ces fonctionnalités.

Du point de vue du SEO, Webflow est bien équipé. Vous pouvez ajuster facilement les titres SEO et les méta-descriptions dans le menu de la page, attribuer des URL personnalisées et choisir si la page doit être indexée dans le sitemap généré automatiquement ou non.

Étant donné que vous pouvez modifier le code avec Webflow, de nombreuses fonctionnalités avancées sont également prises en charge. Vous avez la possibilité d’éditer le fichier robots.txt et d’ajouter des données structurées. Cependant, cela peut être un peu fastidieux par rapport à des plateformes comme WordPress, en raison de l'absence de plugins.

Voici les fonctionnalités SEO de Webflow en comparaison :

Nous avons été quelque peu déçus par la plateforme e-commerce de Webflow, en partie en raison des attentes élevées que la marque a suscitées.

En théorie, Webflow propose presque tout ce que l'on peut attendre des systèmes de boutique des logiciels de création de site web qui ne sont pas spécifiquement conçus pour l'e-commerce. Vous pouvez créer des produits, qu'ils soient physiques ou numériques, et leur ajouter toutes les descriptions nécessaires. Il est également possible de créer des variantes de produits et d'organiser vos articles en différentes catégories.

De plus, un tutoriel avec une liste de contrôle vous guide étape par étape dans la création de votre boutique en ligne. Webflow vous indique les informations à fournir et les éléments à ajouter pour rendre votre boutique pleinement fonctionnelle.

Webflow prend en charge les passerelles de paiement Stripe et PayPal, mais vous devez configurer vous-même les zones et les frais d'expédition. Les taxes sont calculées automatiquement en fonction de l'emplacement de la boutique et de celui de l'acheteur, mais il est recommandé de vérifier ces calculs, car certains utilisateurs ont signalé des erreurs sur le forum Webflow.

Cependant, Webflow ne peut pas rivaliser avec des systèmes de boutique dédiés tels que Shopify ou WooCommerce. De nombreuses fonctionnalités essentielles font défaut, comme la gestion des comptes clients, des options de livraison avancées (par exemple, le retrait en magasin) et la possibilité de gérer une boutique avec plusieurs devises.

De plus, il semble que Webflow n'ait pas mis à jour sa plateforme d'e-commerce depuis un certain temps, contrairement à de nombreuses autres fonctionnalités du logiciel de création de site web.

Comme toujours, Webflow se distingue par son design : vous bénéficiez d'une grande liberté de création pour la présentation et la mise en page de vos pages de boutique et de produits.

Webflow e-commerce peut convenir pour de petites boutiques, mais comparé à de véritables systèmes de commerce, il reste assez limité.

Voici les fonctionnalités e-commerce de Webflow en comparaison :

Webflow est conçu pour la collaboration fluide des équipes. La collaboration se fait dans des espaces de travail : chaque espace est une zone séparée où les membres de l'équipe peuvent travailler ensemble sur des projets. Vous devez payer par licence utilisateur (les coûts d'hébergement de vos sites web ne sont pas inclus dans les forfaits des espaces de travail).

Dans le tableau de bord de Webflow, vous gérez vos membres d'équipe et pouvez attribuer différents rôles d'utilisateur en fonction du tarif choisi. Cela vous permet de déterminer qui a des droits de conception, d'édition ou de commentaire sur quelles pages. Vous pouvez également inviter des invités gratuitement, comme des freelances ou des clients. Les utilisateurs qui ont uniquement la possibilité de commenter n'entraînent aucun coût supplémentaire.

Les fonctionnalités d'équipe chez Webflow ne sont pas un simple ajout, mais elles sont intégrées de manière fluide dans les processus de conception et d'édition de la plateforme.

Webflow propose bien sûr de nombreuses autres fonctions utiles que nous ne pouvons pas toutes détailler ici. Voici un petit aperçu :

Webflow offre donc une vaste gamme de fonctions, et la plupart des fonctionnalités pour lesquelles il n'existe pas d'outils intégrés ou de templates peuvent généralement être assemblées autrement avec les fonctions CMS, les intégrations et les automatisations.

Certaines fonctionnalités, comme le blogging ou l'e-commerce, manquent parfois de l’intuitivité et de la puissance qu’on trouve sur d’autres plateformes. Webflow est un outil polyvalent, mais il n'excelle pas dans tous les domaines.

Voici un aperçu des fonctions avancées de Webflow :

Le support de Webflow est exemplaire. Avec la Webflow University, la plateforme propose un modèle de tutoriels en ligne moderne : des centaines de cours et de vidéos, organisés en leçons progressives, vous permettent non seulement de maîtriser les fonctionnalités de Webflow, mais aussi d'apprendre les principes de base du webdesign et de la programmation.

Souvent, il n'est même pas nécessaire de quitter le designer pour consulter la section support, car Webflow a intégré de nombreuses aides et explications directement dans l’interface. En cliquant sur l’icône de caméra en bas à gauche, vous accédez à une liste de vidéos disponibles. Le tutoriel interactif pour débutants est également bien conçu — une fonctionnalité que Webflow pourrait encore étoffer avec davantage de contenus.

En plus de la Webflow University, la plateforme propose de nombreux autres supports : e-books, blogs, webinaires, et une documentation complète. Un forum est également disponible pour échanger avec la communauté Webflow et obtenir des conseils pratiques d'autres utilisateurs.

Si vous avez besoin d'aide personnelle, vous pouvez contacter le service client de Webflow par e-mail ou via le chat en direct. Dans le formulaire de contact, vous pouvez décrire votre problème et télécharger des captures d'écran ou des vidéos pour l'illustrer. Vous pouvez également sélectionner directement l'espace de travail et le projet de site web concernés.

Webflow s'engage à répondre aux demandes de support standard sous 24 heures. Notre expérience a été encore meilleure : la majorité des réponses sont arrivées en seulement deux à trois heures. Pour un support prioritaire, il est possible d'opter pour un espace de travail payant destiné aux équipes.

Dans le chat de support, l'assistant IA répond d’abord aux questions courantes. Si ses réponses ne suffisent pas, vous pouvez alors être mis en contact avec un membre de l'équipe de support.

La structure tarifaire de Webflow semble plus complexe qu'elle ne l'est. Il y a deux types de tarifs :

Dans chaque catégorie, vous trouverez plusieurs forfaits offrant différentes ressources et fonctionnalités. Pour les sites web et l'e-commerce, vous avez le choix entre trois forfaits payants. De plus, il existe plusieurs options pour les équipes internes, ainsi que pour les freelances et les agences.

Webflow offre aussi des forfaits gratuits pour les espaces de travail et les sites web. Chaque utilisateur débute avec un espace de travail gratuit, limité à un seul utilisateur, ainsi qu'un forfait de site gratuit, permettant de publier un site avec jusqu'à deux pages statiques sur un domaine webflow.io.

Pour les entreprises, Webflow propose des forfaits Enterprise sur mesure, adaptés aux besoins spécifiques de chaque organisation.

Voici un aperçu des forfaits Webflow disponibles :

Il est essentiel de comprendre comment Webflow se positionne en termes de tarification par rapport à d'autres logiciels de création de site web. Pour faciliter la comparaison des forfaits, nous allons examiner les coûts dans deux scénarios spécifiques :

Comparaison de prix 1 : site web simple, sans publicité, domaine propre possible

Même le forfait Basic (le moins cher de Webflow) est relativement cher. Malheureusement, vous n'avez pas accès aux fonctionnalités CMS dans ce forfait, ce qui limite considérablement les fonctionnalités.

Comparaison des prix 2 : boutique en ligne, sans publicité, domaine propre possible

Cela devient encore plus cher si vous souhaitez gérer une boutique avec Webflow. Le tarif standard e-commerce de Webflow est même le plus cher de notre comparaison :

Vous pouvez tester Webflow gratuitement avec les forfaits gratuits pour une durée illimitée. Malheureusement, il n'y a pas de garantie de remboursement.

Webflow est véritablement « plus qu'un simple logiciel de création de site web » – tant de manière positive que négative. Contrairement aux solutions traditionnelles, Webflow ne dissimule pas complètement les logiques de codage sous-jacentes ; au lieu de cela, il les rend visibles d'une manière accessible, ce qui vous permet d'exercer un contrôle créatif total et de concevoir des projets web complexes et sur mesure.

Cela rend Webflow moins accessible aux débutants et à ceux qui souhaitent éviter la programmation. En revanche, pour son public cible principal – les designers et les développeurs – Webflow constitue un outil hybride puissant. Il permet de programmer visuellement, de concevoir des sites web personnalisés avec des contenus dynamiques et de gérer efficacement ces sites grâce à l'intégration de son système de gestion de contenu (CMS).

Webflow est donc beaucoup plus complexe, mais également beaucoup plus puissant que les logiciels de création de site web classiques. Toutefois, il ne rivalise pas pleinement avec WordPress, car il manque de flexibilité dans certains domaines, tels que le blogging et l'e-commerce, et ses tarifs peuvent être considérés comme élevés.

Et que disent les clients de Webflow à propos de la plateforme ? Nous avons consulté divers portails d'avis et compilé les retours les plus significatifs pour vous :

Webflow n'est pas le meilleur choix pour vous ? Peut-être qu'une de ces alternatives pourrait vous convenir :

Vous trouverez ici les meilleures alternatives à Webflow :

Vous avez décidé de créer votre site web avec Webflow ? Notre tutoriel vidéo vous guide étape par étape :