Les créateurs de sites sont très nombreux de nos jours. Et beaucoup d’entre eux ne sont pas vraiment optimaux. Bien sûr, ils fonctionnent bien pour un utilisateur peu expérimenté qui souhaite créer rapidement son site Web personnel et opérationnel, mais quelques-uns sont de loin plus adaptés à un usage professionnel.

Webflow est un outil de conception web, un CMS et une plateforme d’hébergement. C’est un des créateurs de sites idéaux pour les professionnels. Conçu selon une philosophie “code-first”, Webflow est un outil de conception web tout-en-un qui permet aux utilisateurs de concevoir, de créer et de lancer des sites internets responsive (réactifs aux écrans de tailles différentes).

Les utilisateurs de Webflow peuvent donc créer des sites internet performants, dans une interface de drag and drop (glisser-déposer) sans utiliser de code. L’objectif de l’outil est donc d’être l’alternative idéale entre les constructeurs de sites Web de base tels que Wix et les plateformes CMS plus complètes telles que WordPress.

Webflow peut aider les designers à donner vie à leurs maquettes, sans avoir besoin de faire appel à un développeur. L’outil est donc, sans aucun doute, un des meilleurs constructeurs de sites actuellement sur le marché. Notre agence digitale Fair-fair, basée à Bordeaux, vous accompagne dans la création, le déploiement et l’administration de sites avec Webflow.

Qu’est-ce que Webflow et pourquoi l’utiliser ?

Webflow a été lancé en 2013, en tant que diplômé de l’accélérateur de startups Y Combinator. Cet outil de drag and drop (glisser-déposer), permet de créer des sites internet performants et responsive, sans utiliser de code.

L’objectif principal de Webflow est de constituer un compromis entre les logiciels de bricolage comme Wix et Squarespace, les systèmes de gestion de contenu (CMS) traditionnels comme WordPress, et le véritable développement web. L’outil est conçu pour être optimal en termes de facilité d’utilisation, de flexibilité et de performances.

Concepteur et éditeur

Le concepteur Webflow est une interface de type Photoshop qui permet aux utilisateurs de générer automatiquement un balisage sémantique en faisant glisser et en déposant des éléments HTML sur un canevas et en définissant les propriétés CSS.

Webflow exporte un code conforme aux normes W3C, qui peut être instantanément déployé tel quel, ou transmis aux développeurs pour une personnalisation plus poussée. L’interface du concepteur est complexe, surtout pour ceux qui n’ont aucune connaissance préalable du développement web de base. Mais surmonter cette courbe d’apprentissage initiale sera extrêmement gratifiant en termes de ce qu’elle peut enseigner à ces utilisateurs.

La conception dans Webflow encourage à moins penser comme un graphiste et plus comme un développeur front-end. Au lieu de « positionner de manière absolue » les éléments, les utilisateurs créent des éléments section et div, définissent des classes CSS et utilisent des modules de mise en page modernes comme flexbox et grid. Le tout avec un éditeur visuel WYSIWYG.

Et ce n’est pas tout, la plateforme est également équipée d’un éditeur réduit qui permet au propriétaire du site d’apporter des modifications de base à son site Web, sans casser la structure entière du site dans le processus.

CMS Webflow

 

Bien que le lancement d’un blog dans Webflow puisse demander plus de travail initial qu’avec une plateforme de blogging native comme WordPress, le résultat en vaudra la peine.

Le CMS Webflow se présente comme « le premier système de gestion de contenu visuel au monde », permettant aux designers de définir la structure et le style de leur contenu dynamique, sans avoir à se soucier des plugins, du PHP ou des bases de données. Ce contenu peut être créé manuellement, importé à partir d’un fichier CSV ou ajouté via l’API CMS de Webflow.

Les utilisateurs peuvent ensuite créer des collections, ou des modèles réutilisables pour les types de contenu dynamique. Par exemple, un site internet peut présenter des collections d’articles de blog, d’auteurs, de clients, de projets, de produits ou encore de catégories. En d’autres termes, cela permet d’avoir tous les avantages de l’utilisation d’une base de données, sans avoir à gérer de base de données.

Interactions 2.0

 

Publiée fin 2017, Interactions 2.0 est une fonctionnalité de Webflow qui permet aux designers de créer des transitions CSS personnalisées et des animations JavaScript basées sur l’état de la page et l’interaction de l’utilisateur.

La création d’interactions Webflow est bien plus facile que l’écriture d’animations JavaScript personnalisées. Mais, pour un utilisateur n’ayant jamais travaillé avec du code, en particulier avec JavaScript, cette fonctionnalité sera probablement une des difficultés rencontrées lors de l’apprentissage de Webflow. Néanmoins, vous pourrez créer de belles animations grâce à cet outil.

Déploiement et hébergement

L’hébergement de Webflow est assuré par la plateforme de cloud computing Amazon Web Services et facilité par un réseau mondial de distribution de contenu alimenté par Fastly et Amazon Cloudfront. Il en résulte des chargements de pages rapides et cela permet également de ne jamais avoir à se soucier de la maintenance du serveur ou de la mise à jour de PHP.

Tous les plans d’hébergement sont équipés de certificats SSL gratuits, de la conformité HTTP/2, de la recherche de site, du contrôle des formulaires, de la protection par mot de passe, d’un plan de site généré automatiquement et de sauvegardes automatiques.

L’inconvénient principal est le coût du plan d’hébergement de Webflow. Le plan “Basic” s’élève à 15 $ par mois et comprend la plupart des fonctionnalités disponibles. Ce n’est pas plus cher que les prix du marché, mais pour utiliser Webflow CMS, vous devrez débourser un peu plus d’argent pour le plan d’hébergement « CMS » de 20 $ par mois.

Toutefois, si vous trouvez qu’aucun de ces plans ne vous convient, ou si vous ne voulez tout simplement pas dépenser cet argent, vous pouvez utiliser un autre hébergeur. En effet, tous les sites étant codés en HTML, CSS et JavaScript de base, vous n’êtes pas lié à une plateforme ou à un thème particulier. Il vous suffit de télécharger les fichiers de votre site et de les déployer chez l’hébergeur de votre choix.

E-commerce

 

Se démarquant de plateformes telles que Shopify et WooCommerce, Webflow E-Commerce permet une personnalisation complète de tous les composants visuels d’une boutique en ligne typique. Cela inclut les pages de produits, les galeries et les pages de catégories, les paniers d’achat et les pages de paiement. Avec Webflow, vous n’êtes pas limité à une quelconque structure E-commerce préconçue !

La plateforme offre également une solution simple pour gérer des fonctions administratives complexes telles que la définition des régions d’expédition, le calcul des taxes et la gestion des stocks et des commandes.

Le verdict final

 

Loin de la surabondance de logiciels de conception de mauvaise qualité actuellement sur le marché, Webflow offre une solution puissante qui convient à la plupart des besoins professionnels en matière de conception et de développement de sites internet.

Des fonctionnalités telles que Webflow Designer, CMS et E-commerce permettent aux utilisateurs de créer facilement des sites Web complets et performants, sans avoir besoin d’apprendre le code ou de faire appel à des développeurs.

La plateforme a ses inconvénients, notamment une interface d’animation peu intuitive. Mais, que vous soyez un designer professionnel ou un propriétaire d’entreprise à la recherche d’une solution puissante, personnalisable et robuste pour votre présence sur internet, Webflow semble être une solution adéquate.

Et si vous ne souhaitez pas vous lancer seul sur cet outil, chez l’agence fair-fair.fr, basée à Bordeaux, nous vous accompagnons dans la création et l’administration de vos sites internet.