WebFlow : solution pour la création de sites web visuels

Article sur la technologie. Avec le temps, les technologies évoluent : certaines informations peuvent être périmées.

Le no-code / low-code offre de plus en plus de possibilités et d'accessibilité pour la création de logiciel, de logique métier ou de site web. Nous allons aujourd'hui jeter un œil sur WebFlow, une solution qui promet de pouvoir créer des sites sans écrire une ligne de code.

Qu'est-ce que WebFlow ?

WebFlow est une plateforme de conception de sites web visuels qui permet aux utilisateurs de créer des sites professionnels sans avoir à écrire de code. C'est une solution "no-code" tout-en-un qui combine des outils de design (type Figma, Adobe XD), et un système de gestion de contenu (CMS), le tout avec un hébergement des sites créés sur la plateforme. Contrairement à d'autres constructeurs de sites, WebFlow offre une flexibilité et une puissance considérables grâce à son approche visuelle du développement front-end.

Premier pas sur WebFlow : quelques explications

Configuration initiale

Commencer avec WebFlow est relativement simple. Voici les étapes de base pour se lancer :

1. Inscription et création d'un Projet : Après s'être inscrit sur WebFlow, la première étape est de créer un nouveau projet. WebFlow offre plusieurs "templates" pour débuter, mais il est également possible de partir d'une page blanche.

2. Interface utilisateur : L'interface de WebFlow est divisée en plusieurs sections clés :

   • Designer : C'est l'endroit où vous passerez la plupart de votre temps à créer et styliser vos pages.
   • Éditeur : Utilisé principalement pour gérer le contenu une fois que le site est en production.

Utilisation avancée

1. Création de layouts complexes : Pour créer des mises en page complexes, il est souvent nécessaire de comprendre comment fonctionnent les flexbox, et donc le CSS. WebFlow offre des outils visuels pour manipuler ces concepts, mais une compréhension de base du CSS facilite grandement leur utilisation.

Tout en bas du panneau "style", vous pouvez retrouver :

2. Bibliothèques de Composants : WebFlow dispose d'un large éventail de bibliothèques de composants gratuites, permettant d'intégrer facilement des éléments prédéfinis tels que des boutons, des formulaires, des sections de témoignages, et bien plus. Ces composants peuvent être personnalisés selon les besoins du projet, offrant une flexibilité supplémentaire sans avoir à repartir de zéro à chaque fois.

Conclusion

WebFlow est une plateforme puissante et flexible qui peut transformer la manière dont vous créez des sites web. Comparé à WordPress, il est plus facile à configurer initialement, mais sa puissance et sa flexibilité viennent avec une courbe d'apprentissage plus abrupte. Une certaine connaissance en CSS est essentielle pour tirer pleinement parti des capacités de WebFlow. Pour les utilisateurs prêts à investir du temps dans l'apprentissage de cet outil, WebFlow offre une liberté créative et des possibilités de personnalisation proches du développement, soutenues par des bibliothèques de composants gratuites qui facilitent grandement le processus.

Le choix entre la réalisation d'un site sous WebFlow versus un site sous WordPress est donc assez complexe et multi-factoriel :

• Pour un site vitrine monopage sans fonctionnalités ou besoins complémentaires, WebFlow semble une bonne option.
• Pour un site vitrine multi-page sans fonctionnalités ou besoins complémentaires, le choix entre WebFlow et WordPress + moteur de template semble être un choix équivalent.
• Pour un site avec des fonctionnalités ou besoins complémentaires (exemple : formulaires, du SEO, de l'analytics poussé, du blogging, du eCommerce, des espaces membres), WordPress reste pour le moment une meilleure solution.
• Pour des sites plus complexes, il est préférable de s'éloigner des solutions comme WebFlow mais également des solutions comme WordPress.