Introduction

‍

Les outils de conception de sites web sont de plus en plus populaires aujourd'hui, offrant aux entreprises la possibilité de créer un site web sans connaissances en codage ou encore de gagner un temps phénoménal comparé à du développement classique. Parmi ces outils, Webflow et Framer. Dans cet article, nous allons comparer les deux pour vous aider à déterminer lequel est le mieux adapté à vos besoins en matière de création de site web.

‍

‍

Quelle est la différence entre Webflow et Framer ?

‍

Webflow et Framer sont deux plateformes de création de sites web populaires, mais elles ont des différences fondamentales en termes de fonctionnalités, de conception, de prix, et même de cible.

‍

Webflow : présentation de l'outil

‍

Webflow est une plateforme de création de sites web no-code qui permet aux utilisateurs de concevoir et publier des sites web sans connaissances en codage, mais pas que. Il propose une interface intuitive avec de nombreuses fonctionnalités de conception pour vous aider à créer le site de vos rêves. Webflow vous offres des possibilités infinies en terme de personnalisation de design et de conception.

‍

De plus, il offre un grand nombre de fonctionnalités telles que :

• La gestion des médias

• La gestion du contenu (CMS)

• La personnalisation CSS sans une ligne de code.

• La création d'animation en quelques clics directement dans l'interface du builder.

• Une interface dédiée aux personnes moins techniques, qui leur permettent de garder le site à jour et de publier du contenu de manière simple et rapide ("webflow editeur").

• Webflow est aujourd’hui le meilleur outil pour répondre aux Core Web Vitals qui sont un ensemble de facteurs spécifiques que Google considère comme importants dans l'expérience utilisateur globale d'une page Web.

• Webflow un est outil all-in, il n'y a donc pas de plugins externes. Vous pouvez gérer l'hébergement directement depuis votre workspace, etc.

• Migrer de gros sites web sur Webflow est d'une facilité déconcertante grâce à la possibilité de faire des redirections 301 et d'importer tous le contenu via des fichiers CSV.

• Webflow permet de créer et de gérer des espaces membres sans une ligne de code.

• Webflow permet de créer des workflow avec de la logique conditionnelle (toujours en BETA)

‍

Framer : présentation de l'outil

‍

Framer, d'autre part, est un logiciel de conception de site web accès sur la facilité de création. En effet, Framer met en avant une interface simple et claire qui permet d'ajouter des éléments facilement pour concevoir un site performant et responsive. L'interface de Framer est similaire à ce que l'on peut trouver sur Figma ou Sketch, mais avec des fonctionnalités supplémentaires.

‍

Avec Framer, vous avez évidemment le choix de partir d'une feuille blanche pour créer un site no-code. Mais la grande nouveauté, c'est la possibilité de créer un site en partant d'un projet Figma. Vous devez simplement télécharger le plugin Figma pour ensuite pouvoir copier-coller votre projet Figma directement sur Framer. Auquel vous pouvez ensuite ajouter des animations, des interactions, etc.

Mais depuis peu, c'est désormais possible avec Webflow qui a lancé son plugin Figma !

De plus, vous avez la possibilité de travailler de manière collaborative en étant à plusieurs sur le designer en même temps, contrairement à Webflow qui propose uniquement cette feature avec les plans de compte entreprise.

Enfin, vous pouvez utiliser Framer en ligne, comme Webflow, mais vous pouvez également télécharger l'application pour Mac ou Windows, comme c'est le cas pour Figma par exemple.

‍

‍

Quelles entreprises utilisent Framer et Webflow ?

‍

Dans cette section, nous allons examiner les entreprises qui utilisent Framer et Webflow pour créer leurs sites web. Les deux outils sont largement utilisés par de nombreuses entreprises et ont chacun leur propre base d'utilisateurs.

‍

Les entreprises qui utilisent Framer

Framer commence à se faire un nom dans le domaine des outils no-code. Parmi les entreprises qui utilisent Framer, on retrouve notamment LottieFiles, Zapier ou encore Firstbase.

‍

Les entreprises qui utilisent Webflow

Webflow est un outil populaire pour la création de sites, utilisé par de nombreuses entreprises de différents secteurs. Parmi les entreprises qui utilisent Webflow, on peut citer Hubspot, Toyota, et PayPal.

‍

‍

Webflow vs Framer, qui gagne ?

‍

Ergonomie et prise en main pour créer votre site web

‍

Les deux outils utilisent le no-code pour la conception de sites, ils permettent de transcrire vos designs sans avoir besoin de connaissances accrues en développement web.

L'interface de Framer rappelle beaucoup celle de Figma, ce qui peut être familier pour un designer, là où Webflow vous demandera un plus plus de temps d'adaptation. Sur le papier, Framer se vend comme étant plus simple à utiliser que Webflow. En effet, sur Webflow, vous avez besoin de quelques connaissances en HTML et CSS pour prendre en main l'outil. L'interface de Framer est légèrement plus épurée, ce qui peut rendre la prise en main un peu plus facile pour un designer ou une personne moins technique.

Ainsi l'interface est différente, et un peu plus poussée chez Webflow, ce qui permet d'obtenir un résultat plus professionnel, même s'il faut un peu plus de temps pour prendre en main l'interface.

‍

Les performances

‍

Les deux plateformes proposent un hébergement très performant permettant de créer des sites fluides et sécurisés. Elles revendiquent toutes les deux un chargement ultra rapide des pages du site. Mais quand-est il vraiment ? Le code généré par Webflow est ultra clean, et il en est de même pour son concurrent. Vous pouvez obtenir de très bons résultats avec les 2 plateformes tant que votre site est construit et optimisé de manière professionnelle.

On a fait un test ci-dessous, et il s'avère que Webflow gagne haut la main :

‍

‍

‍

SEO : Performance dans les moteurs de recherches

‍

Au niveau de la SEO, les deux outils promettent une optimisation SEO de très haute qualité permettant d'obtenir plus de traffic.

Framer et Webflow proposent de nombreuses fonctionnalités pour gérer votre SEO tel que la possibilité de rédiger des meta description et titres à partir de champs provenant de collections CMS. On encore la possibilité de contrôler l'indexation et le plan de site (sitemap).

Ainsi, l'efficacité au niveau de la SEO semble être assez similaire sur les deux plateformes. Même si elle est peut être un peu plus poussée pour le moment chez Webflow, avec des fonctionnalités supplémentaires.

‍

Conception de site — Design

‍

Pour ce qui est du design, la concurrence est rude entre les deux outils. En effet, aussi bien Webflow que Framer proposent de nombreuses possibilités de personnalisation au niveau de la conception. Mais Webflow s'avérera plus complet lorsque vous souhaiterez designer et développer des pages plus complexes.

Framer pourrait se comparer à Editor X dans leur vision, le builder essaye de simplifier tous les concepts de développement web, comme le Html ou le CSS pour donner plus de pouvoir au designer. Il semble plus facile et plus rapide au début d'apprendre à créer son site internet sur Framer, mais le créateur de site web fait abstraction de beaucoup de choses comme la structure, la création et la nomination de classes. Ça peut sembler être une bonne chose, mais sur de gros sites web qui demandent d'avoir le contrôle sur de nombreux paramètres, vous allez en réalité passer plus de temps à maintenir le site, voir tout simplement atteindre les limites de l'outil assez rapidement. Framer est en revanche l'outil parfait pour la création de landing pages ultra personnalisables !

‍

Maintenance de votre site web

‍

En ce qui concerne la maintenance, Framer et Webflow vous permettent de créer vos sites sans avoir à vous occuper des mises à jour derrière, ce qui évite les failles de sécurité. Donc la maintenance est plutôt simple, mais comme mentionné juste en haut, Webflow vous facilitera la tâche sur de gros sites.

‍

Intégration d’outils externes

‍

L'intégration d'outils externes sur Webflow se faisait principalement avec du code, via des intégrations API, ce qui offre beaucoup de possibilité mais demande quelques connaissances dans le domaine. Cependant, lors de la Webflow Conf, Vlad Magdalin (CEO) a annoncé la possibilité de créer des applications spécialement pour l'outil. Il en existe déjà de nombreuses pour améliorer votre SEO, traduire votre site, collaborer, etc.

Avec Framer aussi, vous pouvez ajoutez des plugins (app), comme Youtube, Instagram, ou Spotify simplement par glisser-déposer. Ce qui est d'une facilité déconcertante !

‍

Sécurité

‍

Les deux plateformes possèdent un hébergement natif ainsi qu'un cryptage SSL intégré qui permettent de garantir fiabilité et sécurité.

‍

Gestion du contenu — Blog

‍‍

Créer un site web sans contenu dynamique, c'est un peu comme Paris sans la Tour Eiffel. Ainsi, les 2 plateformes proposent la possibilité de créer des collections CMS (Blog, FAQ, Avis, Services, etc...). Webflow est en revanche plus robuste que Framer, comme avec la possibilité de connecter vos collections ensemble (multi-reference field) pour créer divers systèmes pour votre contenu dynamique.

‍

E-commerce

‍

Concernant le E-commerce, la question ne se pose pas puisque Webflow est le seul outil à proposer cette fonctionnalité.

Avec Webflow, vous avez le choix entre 3 plans E-commerce : Standard, Plus et Advanced, proposant entre 500 et 15 000 items. L'option E-commerce de Webflow n'est pas encore aussi développée que la plateforme Shopify par exemple, mais Webflow a tout de même une longueur d'avance par rapport à Framer sur ce sujet.

‍

Support technique — Service client — Communauté

‍

Avec Webflow, les ressources sont nombreuses pour obtenir de l'aide. Tout d'abord, vous pouvez suivre les vidéos de Webflow University qui vous permettent d'apprendre pas à pas les bases de Webflow. Si vous ne savez pas par où commencer, n'hésitez pas à consulter notre article sur comment apprendre Webflow.

Si malgré ça, il vous reste des questions, vous avez accès à un forum regroupant la communauté Webflow où vous pourrez trouver des réponses. Et en plus, vous pouvez également demander de l'aide à une équipe d'assistance dédiée aux utilisateurs, qui pourra résoudre votre problème.

Du côté de Framer, vous avez également la possibilité de rejoindre la communauté présente sur Discord afin de demander de l'aide pour un projet. Et vous pouvez contacter le support via un chat dans le cas d'un problème concernant votre compte.

‍

‍

Framer est-il moins cher que Webflow ?

‍

En effet, oui Framer est moins cher. En considérant un paiement à l'année, voici une comparaison des prix.

Framer propose 5 types de plans :

• Free ($0 / mois)

• Mini ($5 / mois)

• Basic ($15 / mois)

• Pro ($25 / mois)

• Business (personnalisé)

‍

‍

Petit rappel des types de plans Webflow (si vous voulez en savoir plus, allez voir notre article sur le sujet) :

• Starter (Free)

• Basic ($14 / mois)

• CMS ($23 / mois)

• Business ($39 / mois)

• Enterprise (personnalisé)

‍

‍

Et comme vu plus haut, Webflow propose également des tarifs pour les sites E-commerce.

‍

Les tarifs sont donc nettement moins chers chez Framer, mais avec ça, il y a aussi moins de fonctionnalités. Par exemple concernant les collections CMS. Chez Framer, vous avez le droit à une collection CMS avec le plan Basic puis 10 avec le plan Pro. Alors que chez Webflow, c'est 2000 items CMS pour le plan CMS et 10,000 CMS items pour le plan Business.

Vous avez donc une option moins coûteuse avec Framer, mais elle vous donnera accès à moins de possibilités.

‍

‍

Peut-on utiliser du Custom code dans Framer ?

‍

La réponse est oui.

Comme sur Webflow, vous avez la possibilité d'ajouter du custom code à vos projets Framer pour créer des intégrations plus avancées par exemple.

Le custom code est disponible sur Framer dès que vous passez à un plan payant (autre que le Free).

‍

‍

Conclusion - Quel outil choisir créer votre site web ?

‍

Dans cet article, nous avons comparé deux outils de conception de sites web populaires, Webflow et Framer. Nous avons examiné les différences fondamentales entre les deux outils en termes de fonctionnalités, de conception, de prix, etc. Nous avons également mis en avant les entreprises qui utilisent Webflow et Framer pour la création de sites web.

Ce que Framer met en avant, c'est la rapidité. La plateforme tente de simplifier la manière de créer un site web en permettant aux utilisateurs de laisser de côté les classes et la structure. Mais en rendant le processus plus simple et rapide, cela introduit des limites et rend ainsi plus lente la réalisation de projets plus importants et complexes.

Ainsi, même si Webflow peut être un peu plus difficile à prendre en main, il reste pour le moment le meilleur outil no-code, avec des fonctionnalités nettement supérieures.

‍