Avis Webflow : CMS et logiciel de création de site web en un ?

Webflow sait que les logiciels de création de site web n'ont pas la meilleure réputation parmi ceux qui connaissent un peu le webdesign. C'est pourquoi la plateforme annonce dès la page d'accueil qu'il s'agit de « plus qu'un logiciel de création de site web ». Mais qu'est-ce que Webflow peut faire que Wix & Co. ne peuvent pas ?

Nous avons examiné de plus près le logiciel qui ne veut pas être un simple créateur de site web et révélons ce qui est possible avec lui.

Webflow est, comme promis, « plus qu'un logiciel de création de site web », pour le meilleur et pour le pire. L'interface utilisateur et le concept général sont nettement plus complexes que ceux des logiciels classiques, car Webflow ne cache pas la logique de codage mais la transforme en processus visuels. En retour, vous obtenez dans l'éditeur Webflow un contrôle précis sur la mise en page, le design et le contenu de votre site web.

Pour son public cible – les concepteurs et développeurs web – Webflow est convivial, mais la plateforme a une courbe d'apprentissage abrupte et n'est pas faite 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 aussi la connaissance de l'anglais. Une localisation en allemand de la plateforme se fait toujours attendre.

Si la barrière linguistique n'est pas un problème, les premiers pas sont cependant simples. Comme Webflow propose un forfait gratuit (plus sur la tarification plus tard), vous n'avez pas besoin de fournir de données de paiement, mais pouvez vous inscrire gratuitement et sans engagement. Cliquez simplement sur « Start building » et suivez les instructions.

Après l'inscription, vous arrivez sur le tableau de bord de Webflow. Ici, vous gérez vos projets de site web et effectuez des réglages généraux pour vos sites et votre compte.

Avec Webflow, chaque projet se trouve dans un Workspace. C'est simplement un espace de travail numérique que vous pouvez utiliser seul ou partager avec des membres de votre équipe ou des clients. On voit déjà que Webflow ne vise pas forcément les petits commerçants, mais plutôt les webdesigners expérimentés qui gèrent souvent plusieurs projets.

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

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

Lorsque vous créez un nouveau site web, vous avez le choix : commencer avec un site vide ou choisir un modèle de design que vous pouvez ensuite modifier dans l'éditeur Webflow.

Vous trouverez également un lien vers un tutoriel interactif très réussi qui explique les fonctions principales de l'éditeur Webflow de manière pratique. En général, la documentation et le contenu d'aide chez Webflow sont excellents (plus à ce sujet plus tard).

Dès que vous arrivez dans l'éditeur, il devient clair qu'avec Webflow, vous pouvez éviter le codage, mais pas complètement échapper aux complexités de la programmation.

Avec une interface utilisateur qui rappelle Photoshop, vous programmez visuellement sur la toile du frontend, tandis que le programme transforme automatiquement vos actions en code dans le backend. Cela s'applique également à d'autres logiciels de création de site web, mais Webflow reste beaucoup plus proche de la philosophie de la programmation.

Même dans le logiciel de création de site web, vous devez par exemple vous familiariser avec le « modèle de boîte », qui joue un rôle important dans la conception de sites web : chaque élément dans Webflow est placé dans un conteneur, dans lequel vous pouvez glisser-déposer d'autres contenus. Le site web qui en résulte est donc un ensemble de différents conteneurs empilés les uns sur les autres.

Voici comment l'éditeur Webflow est structuré :

La courbe d'apprentissage avec Webflow est donc beaucoup plus raide que celle des logiciels de création de site web classiques comme Wix ou Squarespace. Si vous ne connaissez pas le modèle de boîte, les hiérarchies, le flottant et d'autres concepts de base du webdesign, l'éditeur vous mettra au défi, surtout au début.

La facilité d'utilisation pour les débutants et la convivialité sont deux choses différentes. Webflow est convivial pour le public cible auquel il s'adresse : ceux qui ont intégré les concepts centraux et l'interface obtiennent un environnement de travail intuitif qui permet un contrôle précis de chaque élément de design et offre beaucoup plus de liberté créative que les logiciels de création de site web classiques.

Avec Webflow, la complexité du design est payante. Alors que les créateurs de sites classiques limitent les options de personnalisation à quelques réglages prédéfinis, Webflow vous permet de configurer chaque attribut de tous les éléments en détail, ajustant ainsi le design de manière précise.

Cependant, cela nécessite plus de travail manuel que d'autres logiciels de création de site web. Il existe aussi quelques modèles et éléments prédéfinis.

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 ne vous lie pas à un design fixe, qui ne peut être que légèrement modifié comme 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 et vous offrent différentes options de mise en page dès le début.

La qualité varie bien sûr, mais la plupart des templates sont de haute qualité. La majorité des modèles sont modernes et actuels, avec des lignes claires, 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 différents appareils. Vous n'avez pas à vous y fier aveuglément, car vous pouvez ajuster cette présentation avec les points de rupture.

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 la vue sur ordinateur, tablette et smartphone (vertical et horizontal).

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 modifier ces réglages par défaut en changeant les attributs de certains éléments directement dans le point de rupture.

Par exemple, si vous modifiez la taille de la police d'un bloc de texte ou la couleur de fond d'un bloc dans l'onglet "Style" en étant sur le point de rupture mobile, ces attributs ne changent que pour ce point de rupture.

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

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

La plupart des ajustements se font avec l'outil de design à droite. Dans l'onglet "Style", vous trouverez de nombreuses sections pour ajuster les propriétés CSS comme la mise en page, la taille, la position, la typographie et les effets.

Vous devriez également visiter l'onglet « Interactions ». Ici, vous pouvez créer des animations personnalisées, comme des animations de défilement telles que Parallax ou des effets de survol.

Pour éviter de modifier chaque élément individuellement, il existe des « Classes ». Ce sont des 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 templates de pages chez Webflow – du moins pas au sens classique. Vous pouvez créer vos propres templates que vous pouvez réutiliser pour vos projets. Cependant, il n'y a pas de templates préfabriqués pour des pages complètes, comme des pages de portfolio ou "À propos de nous". Vous devez donc concevoir beaucoup de choses 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 « Section » sont couverts : il y a des sections pour les zones Hero, les témoignages, les sections d'équipe, les listes de prix, les galeries d'images et plus encore. Dans chaque catégorie, vous trouverez plusieurs mises en page différentes.

Comparé à d'autres logiciels de création de site web, le nombre de modèles de sections est limité. Webflow s'adresse plutôt aux utilisateurs qui préfèrent créer eux-mêmes. Voici les modèles de sections disponibles sur Webflow en comparaison :

Webflow offre une bien meilleure sélection d'éléments que vous pouvez placer sur votre toile de site web. Ils sont classés en catégories comme « Typographie », « e-commerce » et « Médias ». Dans la catégorie Structure, vous trouverez également des conteneurs et des piles pour structurer la mise en page de votre site.

Pratique : lorsque vous survolez un élément avec la souris, un point d'interrogation apparaît. Cliquez dessus pour obtenir une brève explication de l'élément, souvent même avec une vidéo.

Webflow a pensé aux éléments les plus importants. La complétude n'est pas aussi cruciale ici que dans d'autres logiciels de création de site web – après tout, vous pouvez généralement 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 présenté tous les outils de design, cela remplirait un livre entier. Sachez simplement qu'avec Webflow, vous avez un contrôle total sur le design de votre site web, jusqu'au moindre détail.

Webflow combine les fonctionnalités d'un logiciel de création de site web avec celles d'un système de gestion de contenu (CMS). Vous pouvez donc créer non seulement des sites simples, mais aussi des projets plus complexes avec des exigences spécifiques. Cependant, si vous cherchez principalement une plateforme de boutique ou de 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 (par exemple, champs de texte, images, boutons, couleurs) que vous pouvez choisir vous-même.

Par exemple, vous pouvez configurer une "Collection de blogs" avec des champs pour les titres, les permaliens et le contenu. Une "Collection d'auteurs" pourrait contenir des champs pour les photos, les courtes biographies ou les liens vers les réseaux sociaux des membres de l'équipe. Ces Collections peuvent ensuite être liées pour attribuer des articles de blog à certains auteurs.

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

Grâce au CMS intégré, Webflow est très flexible pour créer et présenter des contenus structurés. Vous n'êtes pas limité aux fonctions restreintes des plateformes de blogs ou des templates de portfolio, comme avec d'autres logiciels de création de site web. Vous avez beaucoup plus de liberté en termes de contenu et de design.

Cette flexibilité a cependant des inconvénients, car Webflow n'est pas la solution idéale pour tous les usages. Par exemple, WordPress est beaucoup plus flexible comme 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 n'offre pas de solutions intégrées. Vous devez donc utiliser des applications tierces pour intégrer ces fonctions.

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

Comme vous pouvez modifier le code avec Webflow, de nombreuses fonctionnalités avancées sont également prises en charge. Vous pouvez aussi éditer le fichier robots.txt et 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é un peu déçus par la plateforme e-commerce de Webflow, ce qui est aussi dû aux attentes élevées que Webflow a créées.

En principe, Webflow offre presque tout ce que les systèmes de boutique des logiciels de création de site web, qui ne sont pas principalement conçus pour l'e-commerce, peuvent offrir. Vous pouvez créer des produits, qu'ils soient physiques ou numériques, et les doter de toutes les descriptions importantes. Les variantes de produits sont également possibles, et il existe des catégories pour organiser vos produits.

De plus, un tutoriel avec une liste de contrôle vous guide étape par étape vers la création de votre boutique en ligne. Webflow vous explique quelles informations fournir et quels éléments ajouter pour obtenir une boutique pleinement fonctionnelle.

Webflow prend en charge les passerelles de paiement Stripe et Paypal ; vous devez définir vous-même les zones et les coûts d'expédition. Les taxes sont calculées automatiquement en fonction de l'emplacement du magasin et de l'acheteur, mais vous devriez toujours vérifier que tout est correct, car certains utilisateurs signalent des erreurs de calcul sur le forum Webflow.

Cependant, Webflow ne peut pas rivaliser avec des systèmes de boutique dédiés comme Shopify ou WooCommerce. De nombreuses fonctionnalités manquent complètement, comme les comptes clients, les fonctions de livraison avancées (par exemple, le retrait) ou 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 : pour la présentation et la mise en page de vos pages de boutique et de produits, vous avez comme d'habitude beaucoup de liberté de création.

Webflow e-commerce peut donc suffire pour de petites boutiques, mais comparé à de vrais systèmes de boutique, il est assez léger.

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 tarifs des espaces de travail).

Vous gérez vos membres d'équipe dans le tableau de bord Webflow. Ici, vous pouvez également attribuer différents rôles d'utilisateur selon le tarif. Vous pouvez donc décider quels utilisateurs ont des droits de conception, d'édition ou de commentaire sur quelles pages. Il est aussi possible d'inviter des invités (gratuits), comme des freelances ou des clients. Pour les utilisateurs qui peuvent uniquement commenter, vous ne payez rien non plus.

Les fonctions d'équipe chez Webflow ne sont pas un simple bonus comme chez d'autres créateurs de sites, 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.

L'étendue et la mise en œuvre de certaines fonctions, comme le blogging ou l'e-commerce, ne sont pas toujours aussi intuitives et puissantes que sur d'autres plateformes. Webflow est donc un outil polyvalent, mais il ne maîtrise pas tout parfaitement.

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

La section support de Webflow est excellente. Webflow University établit selon nous la norme de ce à quoi devraient ressembler les tutoriels aujourd'hui. Dans cette université en ligne, des centaines de cours et de vidéos, organisés en leçons progressives, vous permettent de découvrir progressivement les fonctions de Webflow, mais aussi les principes généraux du webdesign et de la programmation.

Souvent, il n'est même pas nécessaire de passer du designer à la section support, car Webflow a intégré de nombreux contenus d'aide et explications directement dans l'interface. En cliquant sur le bouton caméra en bas à gauche, vous accédez à une liste des vidéos disponibles. Le tutoriel interactif pour débutants est également bien conçu – Webflow pourrait en proposer encore plus.

En plus de la Webflow University, il existe de nombreux autres contenus de support, des e-books et blogs aux webinaires et à une documentation complète. Un forum où vous pouvez échanger avec d'autres membres de la communauté Webflow est également disponible.

Si vous avez besoin d'aide personnelle, vous pouvez contacter les employés 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'efforce de répondre aux questions du support standard en moins de 24 heures. Pour nous, c'était toujours beaucoup plus rapide : la plupart des réponses arrivaient après deux ou trois heures. Vous obtenez un support prioritaire si vous réservez un espace de travail payant pour votre équipe.

Dans le chat, l'assistant IA répond d'abord, mais si ses réponses ne vous satisfont pas, vous pouvez être mis en relation avec de vrais employés.

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

Dans les deux catégories, il existe plusieurs forfaits avec différentes ressources et fonctionnalités. Vous pouvez choisir entre trois forfaits payants pour les sites web et l'e-commerce, ainsi que plusieurs forfaits pour les équipes internes ou les freelances et agences.

Webflow propose également des forfaits gratuits, à la fois pour les espaces de travail et les sites web. Chaque utilisateur commence donc avec un espace de travail gratuit, qui ne prend en charge qu'un seul utilisateur, et un forfait de site gratuit, où vous pouvez publier un site avec jusqu'à deux pages statiques sur un domaine webflow.io.

Pour les entreprises, il existe des forfaits Enterprise spéciaux, adaptés individuellement.

Vous trouverez ici un aperçu actuel des forfaits Webflow :

Il est bien sûr important de voir comment Webflow se positionne en termes de prix par rapport aux autres logiciels de création de site web. Pour rendre les forfaits comparables, nous examinons les coûts dans deux scénarios concrets :

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

Même le forfait Basic, le forfait site web 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 comme promis « plus qu'un logiciel de création de site web » – à la fois dans le bon et le mauvais sens. Contrairement aux logiciels classiques, Webflow ne cache pas complètement les logiques de codage complexes, mais les visualise de manière conviviale pour vous offrir un contrôle créatif total et la possibilité de réaliser des projets web complexes et personnalisés.

Cela rend Webflow moins adapté aux débutants et à ceux qui veulent éviter la programmation. Pour son public cible principal – les designers et développeurs – Webflow est un puissant logiciel hybride qui permet de programmer visuellement, de créer des sites web sur mesure avec des contenus dynamiques et de les gérer efficacement grâce à l'intégration CMS.

Webflow est donc beaucoup plus complexe, mais aussi beaucoup plus puissant que les logiciels de création de sites web classiques. Cependant, ce n'est pas un véritable concurrent de WordPress, car dans certains domaines, comme le blogging et l'e-commerce, Webflow n'est pas assez flexible – et il est aussi assez cher.

Et que pensent les clients de Webflow de la plateforme ? Nous avons consulté des plateformes d'avis et rassemblé les points de retour les plus importants 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 guide étape par étape vous montre en vidéo comment procéder :