Webflow : tout savoir sur l'outil avant de créer son site

Tu cherches à créer un site web professionnel sans avoir à écrire de ligne de code ? C'est la promesse de Webflow, une plateforme SaaS nocode permettant de concevoir des sites web responsive tout en offrant une grande flexibilité. Ce CMS, basé sur la programmation visuelle, est devenu en quelques années l'outil préféré des designers, agences, chefs de projet et startups en recherche de performance avancée pour lancer leur site web.

Dans cet article, on te propose un tour d'horizon complet pour comprendre ce qu'est Webflow et savoir s'il peut convenir à ton projet de création, refonte ou migration de site web. Découvre notre avis sur Webflow à travers ses avantages, ses limites et surtout, ce qui en fait un challenger sérieux dans l'écosystème concurrentiel de la conception de sites internet.

‍

‍

Qu'est-ce que Webflow ?

Un peu d'histoire...

Lancé en 2013 à San Francisco par Vlad Magdalin, son frère Sergie Magdalin et leur ami Bryant Chou, Webflow est une plateforme en ligne qui a pour objectif de simplifier la création de sites web en la rendant aussi intuitive que la conception graphique.

Aujourd'hui, la plateforme compte plus de trois millions d'utilisateurs, répartis dans plus de 190 pays. En janvier 2021, l'outil a levé 140 millions de dollars et n'a pas cessé de se développer depuis.

Souvent comparé à WordPress, Webflow se présente aussi comme un concurrent solide à Squarespace, Wix ou encore Framer pour lancer son site internet.

‍

Webflow c'est quoi ?

Webflow est un outil populaire tout-en-un qui permet de concevoir, de développer et de publier des sites web professionnels, responsive en combinant les principes des technologies nocode et la puissance du développement front-end.

Eh oui, Webflow est à la fois :

• Un outil de design visuel (tu vois ce que tu construis en direct, sans coder).
• Un CMS puissant (Content Management System ou système de gestion de contenu).
• Un outil d'hébergement performant.
• Une solution qui intègre des fonctionnalités SEO avancées et surtout, natives.

‍

Voilà pourquoi cette solution clé en main est actuellement la meilleure sur le marché pour la création de sites web dynamiques et flexibles.

Front-end et back-end sont directement gérés par la plateforme, accessible depuis le cloud via un système d'abonnement. Sa prise en main, facilitée grâce à l'éditeur visuel nocode, promet une grande autonomie aux équipes marketing sans nécessiter de grandes compétences techniques

‍

‍

‍

Que construire avec Webflow ?

Webflow permet de concevoir des sites internet robustes et sur-mesure.

‍Que l'on parte de 0 ou que l'on utilise un template disponible directement sur le site officiel, la programmation visuelle est un vrai gain de temps.

Voici quelques exemples  concrets de projets qu'il est possible de réaliser :

‍

Site vitrine ou corporate, portfolios

Parfait pour présenter ton entreprise, tes services, ton équipe ou encore tes valeurs. Grâce à Webflow, tu peux créer des pages personnalisées avec un storytelling bien ficelé pour toucher tes clients en plein coeur.

‍

Blog ou site éditorial

Avec son CMS intégré (Content Management System ou en français système de gestion de contenu), tu peux publier des articles de blog et gérer l'ensemble du contenu facilement, sans avoir à passer par un développeur. Tes équipes gardent le contrôle et peuvent modifier en direct les éléments.

‍

Landing pages

Webflow est idéal pour les campagnes marketing telles que le lancement d'un nouveau produit ou d'un nouveau service. Il est possible de faire de l'A/B testing, d'ajuster les contenus et de connecter les outils de tracking avec simplicité.

‍

Boutique e-commerce

L'interface de gestion est simple à prendre en main et tu peux personnaliser toute l'expérience d'achat et les modes de paiement pour la vente de produits aussi bien numériques que physiques. Webflow devient à l'alternative à Shopify pour ta boutique en ligne.

‍

Portail client ou mini intranet

Il est possible de transformer Webflow en interface interactive pour tes clients ou ton équipe grâce à des fonctionnalités intégrées pour personnaliser le site selon les besoins et l’image de marque.

‍

Découvre notre Agence Webflow

‍

‍

Les avantages d’utiliser Webflow

Si tu cherches une solution pour construire un site performant et facile à maintenir même sans équipe technique, alors Webflow pourrait bien devenir ton meilleur allié.

Contrairement à Wordpress, Webflow est bien moins dépendant aux plugins, ce qui te permet de garder le contrôle total sur la qualité, la sécurité et les performances du site.

‍

Un responsive design 100% personnalisable

Les sites web créés avec Webflow s'adaptent automatiquement à toutes les tailles d’écran de n’importe quel appareil : mobiles, tablettes, ordinateurs. La grande majorité des internautes naviguent depuis leurs mobiles, c'est donc un élément essentiel à prendre en compte pour garantir une vaste couverture sur le web de ton produit ou de ton service.

Au besoin il est possible de customiser chaque version pour créer une expérience utilisateur optimale selon les supports : masquer certains blocs sur mobile, réorganiser des sections, ajuster les tailles de textes…

‍

À la clé ? Un site conçu pour l'utilisateur final peu importe son matériel.

‍

Pour aller plus loin, découvre Webflow et le responsive Design

‍

Un CMS intégré facile à prendre en main

Le CMS de Webflow, te permet de :

• Gérer ton contenu dynamique (blog, cas clients, page équipe, témoignages, etc...).
• Ajouter de nouveaux éléments sans avoir à toucher la structure du site.
• Laisser ton équipe mettre à jour les pages en autonomie, sans avoir à faire appel à un dev.

‍

Le système de “collections” donne le pouvoir aux services marketing autonomes qui souhaitent publier à leur rythme.

‍

Une optimisation pour le SEO

Pensé dès le début pour répondre aux exigences du référencement naturel de manière native, ce builder SEO friendly permet :

• D'ajouter les balises titres et meta-descriptions pour chaque page du site, ainsi que les balises alt pour les images.
• La gestion des redirections 301 sans plugin.
• D'optimiser la vitesse de chargement du site grâce à un code propre.
• La génération automatique du sitemap et des fichiers robots.txt pour faciliter le travail d’indexation.
• D'héberger le site sur un CDN performant (Amazon AWS).

‍

Tu veux en savoir plus ? Lis Le SEO avec Webflow

‍

Une liberté totale sur le design et l'identité de marque

Contrairement à d'autres CMS qui imposent des templates rigides, Webflow laisse une grande liberté créative.

Chaque élément de ton site web est personnalisable :

• Les couleurs, typographies, boutons, transitions, etc...
• Les grilles de mise en page (flexbox, CSS Grid).
• Les interactions (animations au scroll, hover, transitions conditionnelles, etc...).

Le tout, sans écrire une seule ligne de code !

De quoi designer un site optimisé et unique qui respecte ton identité de marque à 100%.

‍

Une sécurité intégrée et un hébergement robuste

Avec Webflow, fini les mises à jour manuelles et les galères de plugins à surveiller.

Développer son site sous Webflow implique de manière systématique :

• un certificat SSL (Secure Sockets Layer) automatique. Il s’agit d’un certificat qui assure l’authenticité du site et établit une connexion sécurisée entre le site web et les navigateurs de tes visiteurs.

• Une protection native contre les attaques DDoS. Ces attaques pirates créent comme un énorme embouteillage de trafic sur un site, empêchant les utilisateurs d’y accéder ou bien d’utiliser les fonctionnalités. Cela peut même conduire à un arrêt pur et simple du site.

• Un hébergement sur des serveurs cloud sécurisés (Amazon AWS)
• Des sauvegardes automatiques et les mises à jour logicielles gérées par la plateforme.

De quoi réduire les failles de sécurités et gagner en sérénité !

‍

L'ajout de code custom et l’export pour aller plus loin

Si le nocode ne suffit pas pour concevoir le site de tes rêves, il est possible d'ajouter facilement du code (HTML, CSS ou JavaScript) pour passer à un autre niveau de personnalisation et enrichir ton site. On peut par exemple, ajouter une carte Google Maps dynamique, connecter des outils tiers via API ou encore créer des formulaire avancés ou des animations complexes.

Et si un jour tu veux migrer ou reprendre le site sur une autre stack ? Pas de problème, il est possible d'exporter tout le code proprement.

‍

‍

Les contraintes de Webflow

Malgré sa puissance, il est important de noter que comme tout outil, Webflow possède ses limites. Voici les principales contraintes à connaître avant de choisir Webflow, pour éviter les mauvaises surprises

‍

Une tarification segmentée

Les offres proposées par Webflow peuvent paraître complexes, elles sont actuellement séparées en deux catégories de tarifs distinctes :

‍

• Les plans "site"

Pour construire, publier et héberger. Ces tarifs comprennent des fonctionnalités telles que le domaine personnalisé, le nombre d'éléments en CMS, d'éditeurs, de formulaires et le trafic mensuel.

‍

À noter que pour les sites e-commerce, les plans sont différents selon les petits, moyens ou gros business.

‍

• Les plans "Workspace"

Pour collaborer en équipe à la création de sites, donc plutôt destinés aux professionnels ou citizen builders. D'ailleurs, agences et freelances sont dissociés dans ces plans. Ces tarifs permettent de contrôler le nombre d'utilisateurs collaborant sur les projets, d'ajouter du code personnalisé, d'exporter le code, et d'autres fonctionnalités.

En tant que client, ton abonnement se limitera en général aux tarifs du plan "site".

‍

Pas de comptes utilisateurs natifs

Si tu veux créer un espace connecté pour que tes visiteurs aient leur compte personnel, comme par exemple une plateforme d'apprentissage ou un espace client, Webflow ne le permet pas en natif pour l'instant. Une intégration via un outil tiers de type Memberstack ou Firebase permet cependant de contourner le problème.

La bonne nouvelle c'est que Webflow travaille activement sur cette fonctionnalité et qu'elle devrait arriver prochainement.

‍

Une courbe d’apprentissage un peu technique

Bien que cette plateforme soit nocode et offre de nombreuses options, sa philosophie reste proche des outils de design professionnels (comme Figma ou Adobe). Cela signifie :

• Plus de liberté de création et donc plus de responsabilités,
• Une montée en compétences peut-être plus lente comparé à d'autres outils CMS,
• Une interface utilisateur complète mais pas toujours intuitive au premier abord.
• Une connaissance de base en CSS nécessaire pour bien utiliser l'outil (notion de marges, padding, responsive).

‍

Si tu es déjà à l'aise avec des outils comme Canva ou Figma, la prise en main sera plus facile. Pour les autres, il faudra un petit temps d'adaptation supplémentaire. Pas d'inquiétude toutefois : les ressources de formation de manquent pas pour se former sur l'outil. Entre vidéos pédagogiques sur YouTube, formations et bootcamps, communauté hyper active sur Discord ou Slack et les tutoriels vidéos très bien faits sur la Webflow University, tu trouveras ton bonheur pour progresser.

‍

‍

Focus sur Webflow University

‍

Webflow University, c'est une plateforme de formation en ligne incroyable qui propose une large gamme de cours vidéo en anglais pour tous les niveaux d'utilisateurs. Que tu sois débutant ou utilisateur avancé, tu y trouveras des cours adaptés à tes besoins.

Il est possible d’apprendre les bases de Webflow pour créer un site web professionnel ou de se spécialiser dans des sujets plus avancés tels que le développement, l'optimisation des performances, le design, les logiciels, l'e-commerce et bien d'autres.

Les vidéos sont très claires et faciles  à suivre, ce que permet d'avancer à son propre rythme, étape par étape.

‍

‍

En conclusion : notre avis sur Webflow

Webflow offre une solution de choix pour les entreprises qui souhaitent créer un site professionnel, rapide, facile à maintenir et aligné avec leur image de marque.

Fonctionnalités SEO natives, gestion de contenu intuitif, hébergement sécurisé ou encore liberté de création, Webflow coche presque toutes les cases d'un CMS moderne et flexible. Comme tout outil, il n'est pas exempt de limites, toutefois, si tu cherches une alternative plus moderne à WordPress ou un outil capable de donner plus d'autonomie à tes équipes, alors Webflow peut t'apporter satisfaction.

‍

Besoin d'un coup de main pour savoir si c'est la bonne solution pour ton projet ?

Parle-nous de ton site ! Nos experts certifiés Webflow t'aideront à y voir plus clair.

‍