Webflow : Le CMS pour créer votre site web sans code

Le monde de la création de sites web a été révolutionné par l'avènement des CMS (Content Management Systems) tel que Drupal ou encore Wordpress. Plus tous jeunes maintenant, avec l’arrivée de “CMS 2.0”, cette ancienne génération de CMS doit faire face à des fonctionnalités plus poussées par défaut. Parmi eux, Webflow, une plateforme en ligne de création, publication et gestion de sites Internet. Cet outil se distingue par de nombreux avantages que nous allons découvrir dans cet article, notamment grâce à son approche no-code et sa grande liberté de conception.

Parmi la multitude de possibilités pour créer un site web, il n’est pas toujours évident de s’y retrouver et de choisir la plateforme adaptée. Cet article explore pour vous en profondeur l’outil Webflow, en expliquant ce qu'il est, à qui il est destiné, ainsi que pourquoi et comment l’utiliser. ‍

Webflow : Comprendre ce CMS no code

Qu’est-ce que Webflow ?

Lancé en 2013, Webflow est un CMS innovant. Un CMS, “système de gestion de contenu” en français, permet de gérer le contenu, tandis que l’affichage est soutenu bar une autre brique du développement. Cette approche, appelée CMS "headless", est couramment utilisée chez Lonestone.  

Par exemple, Webflow sépare la gestion du contenu de l'affichage, tandis que WordPress nécessite des plugins pour cette fonctionnalité.

Contrairement à WordPress ou Drupal, qui nécessitent des compétences en développement pour personnaliser les pages de votre site, Webflow offre une interface no-code permettant de créer des pages sans écrire une seule ligne de code.

Webflow se divise en deux parties :  

• Le CMS, une interface simple permettant de créer des listes de données (appelées Collections) et de les gérer (ajouter, modifier, supprimer des données telles que des offres d’emploi, des produits, etc.).

• Une interface de création de pages qui révolutionne le genre en allant bien au-delà de l'éditeur WYSIWYG de WordPress et autres.

Cette interface, très bien conçue, vous permet de personnaliser chaque page, bloc et bouton, tout en assurant une compatibilité totale avec les appareils mobiles et les ordinateurs. Alors que WordPress permet de positionner textes et images avec souvent beaucoup de difficultés, Webflow offre une liberté totale sur le rendu final.

Cerise sur le gâteau, vous pouvez connecter vos blocs à des données provenant du CMS. Il devient ainsi trivial de générer une grille avec des éléments tels qu’une liste d’offres d’emploi ou de produits.

Pour qui a été conçu Webflow ?

Webflow s'adresse à un public diversifié comprenant :

• Les créateurs de contenu : qui trouvent en Webflow une plateforme intuitive pour publier et gérer leur contenu sans nécessiter de compétences techniques avancées.

• Les designers : Webflow est particulièrement apprécié par les designers web en raison de son interface simple et flexible. Ils peuvent créer des designs complexes sans toucher au code, tout en ayant la liberté de personnaliser chaque détail du site.

• Les développeurs : Bien que Webflow soit un outil no-code, il respecte les règles du CSS, ce qui permet à l’interface d’édition de refléter fidèlement le code. C’est très apprécié par les développeurs, qui peuvent également ajouter des scripts et des API pour plus de flexibilité.

• Les entreprises : Pour les startups et les petites entreprises, Webflow est une solution économique et efficace pour créer et gérer leur présence en ligne. Il offre des options d'hébergement sécurisé et une maintenance facile, ce qui en fait un choix idéal pour les entreprises sans équipes techniques dédiées.

Webflow ou WordPress ?

Comparons Webflow à WordPress, le leader du marché des CMS, afin de mieux comprendre les forces et les faiblesses de chaque plateforme :

WordPress :

• Popularité : WordPress est le CMS le plus utilisé au monde, alimentant plus de 40 % des sites web.

• Référencement et blogging : WordPress est particulièrement fort en matière de SEO et de gestion de blogs, avec des outils intégrés et des plugins dédiés.

• Développement de plugins : Grâce à sa base de code ouverte, WordPress offre une personnalisation bien plus poussée que Webflow.

• Hébergement : WordPress peut être hébergé n'importe où, y compris sur vos propres serveurs, ce qui est un atout majeur pour de nombreuses personnes.

• Liberté : Le projet vous appartient, et vous pouvez le lancer où et quand vous le souhaitez. Avec Webflow, en revanche, changer de plateforme signifie tout perdre.

Webflow :

• Intuitivité/ergonomie : L'interface de conception de Webflow est bien plus intuitive et puissante que celle de WordPress. Son panneau de contrôle visuel permet aux utilisateurs de voir les modifications en temps réel, ce qui réduit considérablement la courbe d'apprentissage.

• Accessibilité : Webflow permet de créer des sites sans écrire de code, alors que WordPress nécessite souvent des compétences en code pour une personnalisation avancée.

• Performance : Les sites créés avec Webflow sont généralement plus rapides et mieux optimisés que ceux construits avec WordPress, car ils n'ont pas besoin de plugins lourds pour fonctionner efficacement. Certains utilisateurs se sont plaints notamment de problèmes d’incompatibilité dans le temps avec des plugins WordPress.

• Fonctionnalités : Par défaut, Webflow intègre certaines fonctionnalités, comme l'internationalisation, qui nécessitent des plugins avec WordPress.

Pourquoi utiliser Webflow pour vos projets de site web ?

Personnalisation et liberté de conception

Contrairement à ses anciens concurrents (Wordpress ou Drupal), Webflow est particulièrement apprécié car il offre une liberté et une flexibilité sans précédent en matière de conception web. À partir d’un template existant, vous pouvez personnaliser à l’infini chaque aspect de votre site, de la mise en page à l'animation, en passant par les interactions utilisateur. ‍

Cet avantage s'accompagne d'un contrôle total sur la conception, c’est-à-dire qu’à partir d’une page blanche, vous êtes libre de faire absolument tout ce que vous voulez sans aucune limite à votre créativité.

Génération d’un code optimisé vecteur d’un bon référencement

Webflow n’est pas seulement un outil de "glisser-déposer" comme certaines plateformes telles que Wix. Webflow conserve la logique d’un développeur web mais au lieu d’écrire du code tout se fait de manière visuelle. Webflow écrit alors le code pour vous en arrière-plan.  

Ce code respecte les bonnes pratiques du développement, il est bien structuré, propre et optimisé, ce qui améliore les performances du site et son référencement sur les moteurs de recherche.

En revanche, si par exemple un jour vous ne voulez plus utiliser Webflow mais un autre hébergeur, exporter le code généré peut se révéler plus complexe qu’il n’y paraît. Techniquement, c’est bien possible, dans les faits de nombreux éléments ne fonctionneront plus, et votre transfert nécessitera des développements importants. D’où l’importance de prendre le temps de la réflexion avant de choisir vos outils !

Fonctionnalités clés de Webflow

Webflow propose plusieurs autres fonctionnalités qui en font un choix attractif :

• Conception responsive : Tous les sites créés via Webflow s’adaptent automatiquement à différents appareils et tailles d’écrans, offrant une expérience utilisateur fluide et qualitative.

• Hébergement sécurisé : Webflow offre un hébergement fiable et sécurisé, incluant des sauvegardes automatiques et une protection contre les menaces en ligne.

• SEO-friendly : En plus de la génération d’un code optimisé pour les moteurs de recherche, Webflow propose des options avancées de SEO disponibles directement depuis l'interface. Il est par exemple possible d'intégrer des métadonnées et des balises de titre sur chaque page.

• Compatibilité e-commerce : Webflow propose des fonctionnalités d'e-commerce, permettant aux utilisateurs de créer et de gérer des boutiques en ligne sans besoin de plugins tiers.

• Webflow University : Webflow fournit une multitude de tutoriels et de ressources, ce qui permet aux débutants non seulement d’appréhender l’outil, mais surtout d’apprendre les principes fondamentaux du design web et du développement web.

Comment utiliser Webflow efficacement ?

Prendre en main Webflow en 5 étapes  

Voici les étapes pour créer votre premier site avec Webflow :

1. Inscription et configuration : Créez un compte sur Webflow et configurez votre premier projet.

2. Choix d’un template : Sélectionnez un template adapté à vos besoins ou commencez à partir d’une page vierge.

3. Personnalisation du design : Utilisez l'interface visuelle pour personnaliser chaque élément de votre site. Vous pouvez modifier les styles, ajouter des éléments interactifs et ajuster les mises en page.

4. Ajout du contenu : Utilisez le CMS intégré pour ajouter et organiser votre contenu, comme des articles de blog, des images et des vidéos.

5. Prévisualisation et publication : Prévisualisez votre site pour vous assurer qu'il répond à vos attentes, puis publiez-le en un clic.

Gestion et maintenance Webflow  

La gestion du contenu est facilitée par l’interface utilisateur intuitive qui permet de mettre à jour rapidement et facilement les textes, images et autres éléments. De plus, Webflow s'occupe de l'hébergement offrant une infrastructure sécurisée avec des certificats SSL, des sauvegardes automatiques et une protection contre les attaques.  

Contrairement à WordPress, où les plugins et le CMS doivent être régulièrement mis à jour, Webflow s'occupe des mises à jour automatiquement, réduisant ainsi les risques de vulnérabilités.

Nos comparaisons tarifaires : site auto-hébergé VS offre clé en main

Un site auto-hébergé, tel que WordPress, a des coûts initiaux qui comprennent :

• l'hébergement (5 à 50 € par mois),

• le nom de domaine (10 à 15 € par an),

• les thèmes et plugins (gratuits à 200 € par an)

• le développement (coût variable).

Des coûts de maintenance s’ajoutent, tels que des mises à jour régulières, et peut nécessiter un développeur (30 à 100 € par heure).

En revanche, une offre clé en main comme Webflow simplifie le processus avec une interface intuitive. Webflow facture 12 à 36 € par mois pour un site de base.

Toutefois, les coûts augmentent vite :

• pour plusieurs sièges (coût supplémentaire par utilisateur),

• pour plusieurs langues (nécessitant des intégrations tierces),

• pour de nombreuses collections.

Les frais peuvent s'élever à 100 € ou plus par mois.

En résumé, WordPress peut être très économique grâce à ses options gratuites et open-source, et potentiellement moins cher à long terme selon votre projet. Tandis que Webflow offre une solution clé en main qui peut être plus coûteuse, surtout pour les sites nécessitant des fonctionnalités avancées ou des formules d'hébergement premium.

Néanmoins, il est important de peser les avantages et les inconvénients. Voici une rapide estimation des coûts entre WordPress et Webflow pour un site typique :

Pour un site simple en deux langues, Webflow coûte 23 € plus un supplément par langue, incluant l’hébergement, la maintenance, etc. Vous n’avez à vous soucier de rien. En revanche, un hébergement clé en main pour WordPress, bien que moins cher au départ, peut rapidement augmenter avec les coûts de maintenance si vous n’avez pas les compétences nécessaires pour le gérer vous-même.

Dans la majorité des cas que nous avons rencontrés chez Lonestone, le confort offert par Webflow justifie largement le prix.

Webflow s'impose comme une solution révolutionnaire dans le paysage des CMS, offrant une combinaison unique de flexibilité, de puissance et de simplicité d'utilisation. Conçu pour tous types d’utilisateurs, Webflow permet de créer des sites web sans compétences en code.  

Avec ses fonctionnalités avancées et son interface intuitive, Webflow est une option attrayante pour ceux qui cherchent à concevoir, gérer et maintenir des sites web efficaces et performants. Que vous soyez un designer en quête de liberté de création ou une entreprise souhaitant une présence en ligne sécurisée, Webflow offre les outils nécessaires pour atteindre vos objectifs.

Vous avez un projet de refonte ou de création d'un site web ? L'équipe de Lonestone vous accompagne et vous apporte son expertise en développement web. On en discute ? Contactez-nous.

Les questions fréquentes sur l’outil Webflow :

Pourquoi choisir Webflow ?

Webflow est utilisé pour son caractère tout-en-un. Il se distingue par son approche no code, son interface intuitive et ses fonctionnalités ultra-poussées pour créer un site web sur-mesure, performant et esthétique.

Qui utilise Webflow ?

Webflow est utilisé par une variété d'utilisateurs, peu importe leur secteur d’activité, allant des indépendants et petites entreprises aux grandes entreprises et agences de design.

Est-ce que Webflow est gratuit ?

Webflow propose une version gratuite appelée "Starter Plan". Elle permet aux utilisateurs de se familiariser avec la plateforme et de commencer à créer des sites web avec des fonctionnalités de base.