Why do we love Webflow?

MVP, website, webapp... We use Webflow for many different kinds of projects, and I think it's time to tell you why.

By

Camille

July 21, 2024

-

10

minutes of reading

Cette question, beaucoup de personnes nous la pose.
- Nos clients, à la recherche du bon outil pour développer leur nouveau projet.
- Nos proches, connaissant nos études de développeurs qui se demandent bien pourquoi être parti dans le no-code après 5 ans à apprendre à coder
- Nous même, toujours à la recherche des meilleurs outils (combien de fois avons nous changé de solution de gestion de projet ou de log de temps… Mais ce n’est pas le sujet)

Aujourd’hui, je voulais répondre à cette question. Et ma première réflexion a été de me dire qu’il y avait plusieurs grandes familles de raisons pour lesquelles nous aimions Webflow.

Pour nos clients

Je pense qu’une des choses que je préfère sur Webflow, c’est de pouvoir entièrement donner la main à la fin du développement initial à notre client, porteur d’une idée, afin qu’il puisse apporter ses modifications et utiliser que nous avons mis en place pour lui, comme une librairie de composant, lui permettant de construire des nouvelles pages sur son site ou sa webapp.

L’interface de création super visuelle

Le côté WISIWYG (What You See Is What You Get) de Webflow est juste incroyable, vous pouvez vraiment avoir l’impression de construire votre site sur PowerPoint ou Canva (qui est en vogue en ce moment, même si je ne vois pas ce qu’il a de mieux que Figma personnellement… Mais encore une fois, hors sujet !)

Malgré tout, il ne faut pas s’y méprendre, si vous n’avez aucune connaissances techniques, je vous conseille de faire intervenir un développeur dans un premier temps pour avoir une base et des éléments déjà construits, parce que ce que vous voyez, c’est ce que vous avez… sur la même taille d’écran. Et que vous construisiez un site ou une application, vous avez certainement envie que toute personne et sur tout type d’appareil puisse l’utiliser 🤪

Je résumerai ce morceau en disant : oui, clairement Webflow permet à n’importe qui de modifier son site / application, mais pas à n’importe qui de la créer à la base.
Mais nous reviendrons un peu plus en détails dans la partie “pour les équipes techniques”

Les pages templates

En plus maintenant, il y en a aussi pour les pages statiques, mais passons.
Sur Webflow, vous avez la possibilité de mettre en place des templates qui vont vous permettre de remplir un formulaire et pouf, une nouvelle page sur votre site.

C’est clairement la meilleure solution pour les blogs, études de cas ou services par exemple.

Vous pouvez voir un article un peu plus détaillé sur comment choisir votre type de page template juste ici 🙌

Les composants

Et au delà des pages templates, qui ont leurs limites, les composants sont de plus en plus puissants sur Webflow, permettant aux développeurs experts de vraiment mettre en place des librairies avancées pour vos besoins uniques, de manière à ce qu’en quelques clics vous puissiez créer de nouvelles pages ou ajouter de nouveaux contenus (et sans faire appel à quelqu’un qui s’y connait !! 😱)

Le modèle SAAS

Sans aller dans les détails des autres options, dites vous que dans le modèle SAAS, vous ne gérer que votre contenu.

Si jamais vous ne savez pas, les autres éléments à gérer sont par exemple :
- L’hébergement : faire en sorte que votre site soit 1. toujours en ligne 2. toujours rapide 3. et de partout dans le monde
- La sécurité : faire en sorte que vos données soient chiffrées quand elles passent d’un ordinateur à l’autre
- Les mises à jours : un peu comme la mise à jour de votre téléphone et des applications dessus, tout ça, ce sont des choses qu’il faut faire pour voir un site en ligne, sinon vous vous retrouvez avec des failles de sécurité ou juste des choses qui ne fonctionnent plus (vous vous souvenez peut-être du bug de l’an 2000 aha)

Et ce sont des choses que vous n’avez pas à gérer car Webflow le fournit avec son abonnement.
J’entends des fois “oui mais Wordpress c’est gratuit”. Oui mais vous payez votre serveur pour l’héberger, vous gérer votre certificat SSL, vos mises à jours, etc. Vous, ou vous payez un développeur pour le faire 🙃 Au final, qui coûte le plus cher ?

Pas de plugins à gérer

Je suis désolée, mais on en peut plus de chercher le plugin qui va permettre de faire ça, vérifier s’il n’y en a pas un autre qui le fait mieux / moins cher.

Webflow vous donne tout, vous savez tout ce que vous avez pour le prix, soit ça convient à vos besoins, soit pas, mais anyway, vous avez le package, point.
Modulo le custom code, évidemment (transition parfaite pour passer sur le plan technique 🤓)

Pour les équipes techniques

Courbe d’apprentissage

Webflow s’apprend quand même super facilement (et ça c’est vraiment grâce à l’interface visuelle selon moi), surtout si vous connaissez déjà les bases du développement HTML/CSS/JS, vous retrouverez tous vos repères !

Et le fait qu’il soit aussi proche de ce qui sera au final “lu par les ordinateurs” (donc le code de votre page) vous permet de
1. Avoir la main exacte sur le rendu
2. Optimiser tout ça aux petits oignons

Des connaissances pas perdues

Pour terminer ce point je citerai une personne qui m’a parlé récemment de son expérience avec un outil no-code, où il avait passé des mois (années mêmes) à apprendre leur langage pour final se retrouver coincé dans leur solution.
Webflow vous apprends le HTML et CSS au final. Il ne faut certes pas s’arrêter à ce qui est possible sur leur outil, parce que les possibilités du CSS sont juste IMMENSES, mais c’est une très bonne porte d’entrée dans ce monde, et surtout ce sont des connaissances que vous pourrez réutiliser pour faire des sites sur d’autres solutions no-code du même type, voire même coder “pour de vrai” un jour 👀

Rapidité de développement

Sans parler de l’apprentissage qui est rapide, si vous faite appel directement à un expert, le développement de votre Webflow, même avec du custom code, sera plus rapide que de développement directement une application, et à moindre coût vu le nombre de développeurs qu’il y a sur le marché et la concurrence aha.

Attention tout de même à ne pas troquer trop de qualité pour de la rapidité 😉 Et basez-vous plutôt sur la liste d’experts certifiés par Webflow et le bouche à oreille (petit conseil d’une experte certifiée qui a déjà récupéré des projets vraiiiiment pas incroyables 😬)

Un code propre & optimisé à la sortie

Attention, si vous faite un développement Webflow de mauvaise qualité, votre site aura un site dégueulasse et mal optimisé, il n’y a pas de miracle non plus.
Mais si vous respecter les meilleurs pratiques en terme de développement web dans Webflow, alors il ne vous ferra pas un sale coup par derrière en rendant le final lourd pour rien 😉

Des frameworks Webflow comme Lumos poussent “à l’extreme” cette logique, mais même sans aller aussi loin et vous prendre autant la tête, vous avez moyen de faire bien mieux que beaucoup d’outils concurrents (que je ne citerais pas 😇)

Que vous pouvez exporter

Vous vous souvenez de la personne dont je parlais un peu plus tôt ? En plus d’avoir passé des mois à apprendre une langage et un fonctionnement qu’elle ne pourra pas réutiliser, tout ce qu’elle a produit a aussi dû être laissé derrière car il n’y avait pas de possibilité d’exporter le résultat.

Même si je vous conseil de garder votre site sur Webflow pour pouvoir le modifier super facilement, vous pouvez complètement exporter tout votre site (oui oui, les animations aussi) pour l’héberger sur vos serveurs ou juste le réutiliser comme base pour aller plus loin.

C’est comme ça que nous avons fait un site qui a une version hors ligne avec Webflow par exemple 😁

Et pimper avec du custom code <3

Un peu lié au point précédent, mais sa proximité avec le code final permet d’intégrer n’importe quoi dans votre site, soit pour repousser les limites natives de Webflow, soit pour aller plus site dans votre développement.
Et le meilleur ? Vous le verrez dans Webflow.

A titre personnel, nous utilisons un petit code CSS que nous mettons sur tous nos projets (la fameuse “Codelius Toolbox”) qui permet de faire un propre plus optimisé avec quelques petites classes CSS prédéfinies, notamment pour le responsive, et Webflow ne le rend pas visible uniquement sur le site publié, ce qui permet de quand même profiter du WISIWYG (What You See Is What You Get) malgré tout.

Connectabilité

Alors oui, ce n’est pas demain la veille que Webflow va vaincre WeWeb sur la partie connexion aux autres outils, mais entre la possibilité d’ajouter du custom code et leur fonctionnalité naissante “Logic Flow”, ils ont l’énorme avantage de ne pas isoler votre site du reste de votre écosystème.

Vous pouvez par exemple (et sans passer par 10 intégrations bancales) :
- Envoyer les réponses à vos formulaires de contact dans votre CRM (sans intégrer leur formulaire moche)
- Faire un système de gestion de réservations

Le dev link

Je m’en serais voulu de ne pas avoir abordé le fait que vous pouvez littéralement utiliser Webflow pour construire et éditer votre librairie de composants et ensuite les utiliser dans une application type React 😅 On en parle de la puissance de l’histoire ?

Encore besoin d’arguments ?

RGPD Friendly

Depuis plusieurs années, nous n’avons que ce mot à la bouche quand on est européen ou qu’on y a des clients.

Même s’il s’agit d’une entreprise américaine, Webflow a tout fait pour se rendre conforme à la RGPD.
J’en profite pour glisser à tout ceux qui se demande 👉 Il n’y a pas besoin de solution de gestion de cookies sur Webflow, si vous ne faites aucune autre intégrations type Analytics 😉

Prix Flexibles (et clairs)

Depuis la modification de leurs tarifs en 2024, c’est même encore plus vrai, mais je ne vais pas rentrer dans les détails ici.

Webflow propose de nombreux tarifs, en fonction de vos besoins pour votre projet, et ça vaut vraiment le coup de regarder tout ça avant de vous prendre votre abonnement, notamment sur l’utilisation ou non du CMS pour vos pages.

Constante amélioration

Comment ne pas citer ce point ?

Si un projet dure plus de 2 mois avant d’être mis en ligne, vous pouvez être presque sûr que vous verrez dans le développement des nouvelles possibilités. Depuis 2023, on peut dire que Webflow est vraiment constamment en train d’ajouter de nouvelles fonctionnalités et d’étendre les horizons.

Franchement, des fois le côté “je veux toujours développer au plus propre” en est malade !

Mais le top du top, c’est qu’ils gardent vraiment à l’esprit à la fois les personnes techniques, avec tous les ajouts de fonctionnalités autour du custom code, que les personnes qui ne le sont pas, avec par exemple les fonctionnalités d’audit SEO ou de consommation de bande passante.

La polyvalence

Vous l'aurez compris, Webflow permet de faire autant des applications que des sites.

Qui ne préférerai pas tout avoir au même endroit, avec la même logique et manière de fonctionner ?

Moins de choses à apprendre, plus de temps pour faire de la valeur 🤔

Conclusion

Bref, j’espère avoir enfin réussi à répondre à la question “pourquoi Webflow”, avec bien entendu mon point de vu !

Cet article n’avait clairement pas pour but de faire une liste des pour et des contres, donc peut-être que vous pourrez lui trouver un pan manquant, mais vous devriez avoir maintenant une bonne liste de pour 😁

Prenez <contact> avec nous

We love a challenge

//
Contact us
-
-
->
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--

What our customers have to say

Admittedly, we're not very objective about our prowess,

but them... Yes !

The communication was always nice, considerate, and warm. Camille gave honest feedback on some of my ideas and suggested ways to improve them. She was always open to feedback and took it well. I also found the technical quality, project structure, and animations excellent.

Isabell Hergoz

Founder

Working with Codelius agency and Camille was actually made IT fun, not stressful. She has a unique combination of getting the high level design, giving experienced inputs, the French artistic touch and ability to implement low level custom solutions. At the end of the project I wished she was a collage. Hope to work with her again one day.

Adam M.

Operations Manager & BI Analyst

Camille and the Codelius team delivered exactly what we needed in a timely manner - she was a pleasure to work with and we look forward to working with them again in the future.

Tessa

Co-Founder

Camille is the right person for your webflow, airtable and other nocode projects. She's professional, a good listener and does high-quality work. I recommend her without hesitation!

Sébastien Pieta

Manager

Great, we're super happy to receive the site so we can make the returns, thank you very much!

[...] At first glance, we're very happy!

Constantin R.

Co-founder

The advantages of working with Codelius: responsiveness, flexibility and rigor

Mathieu

CEO

From design to development, the result is exactly what we wanted, and it's really very beautiful. We're delighted with the project. On the dev side - setting up the design - Camille was superbly patient and flexible in making sure I got the desired result down to the pixel. Hats off to Camille!

Jeff

Manager

[...] Codelius was able to meet this need, offering us fast, clean results. When we needed something a little more advanced, [...] they went beyond technology to create a custom solution! They were always on hand to answer our questions and help us get the hang of things!

Grégoire G.

CEO

Camille is so strong that I won't recommend her, I want to keep her all to myself ;p Super fluid, fast and devilishly efficient. Clearly above my expectations and perfectly briefed with very little to go on. A nugget!

Basptiste W.

CEO

Working with Camille was really easy. We used a Google Doc and WhatsApp and only needed one quick video call. I was very happy with the price and the quality of the site.

Chris Tyler

Founder

We've been certified experts by Webflow themselves since 2020. It's our tool of choice, with Webflow we can do wonders!

Most of our Webflows developments are based on a Figma model. It enables our customers to validate a design before conceiving it.

We partner with a web design agency to combine our know-how and offer our customers the best option for their wildest projects.

why?
how?

We answer your questions

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contact us

Are you Webflow experts?

Yes! ✨

Camille, our head trainer, has been a certified Webflow expert since January 2022 🤩

Since then, she has continued to update herself with new best practices to make sure she trains you to the best of her ability.

How many people will be working on my project?

There are several of us in the company, and we each have our own specialities 👀

We will choose who will be in charge of your project depending on the requests you have, but in any case, you will never be in contact with more than two people, to avoid loss of information and time 🙌

Of course, if you request it, you will be able to meet the inner workings of the machine 🙊

How many people work for Codelius?

There are currently two of us! A couple of entrepreneurs, united by the desire to do our best every day, but also to become the best versions of ourselves.

During your projects, you'll probably only be in touch with me, the site's little voice, aka Camille 😉 Geoffrey prefers to stay in the shadows 🙊

Do you work well?

As best we can!

We are committed to providing quality and easy-to-use solutions for our customers over time 🙌

How long does development take?

The development time depends on the project you wish to carry out (size of the site, advanced functionalities or not, application, etc), and on the resources you are able to provide (models, images, logo, graphic charter, etc) ✨

But since we know that "it depends" is not a satisfactory answer, here are a few pointers to help you determine the duration of your project ✌️

  • Website project with mock-ups already created by a designer, simple arrival animations: approx. 15 days development time
  • Website project with designs created directly on Webflow: approximately 1 month of design and development.
  • Simple application (customer account and a few functions) with mock-ups already created by a designer: approx. 2 months' development time
  • Complex application (customer account and numerous functions) with mock-ups already created by a designer: approx. 4 months' development time
  • Simple and complex applications with designs created directly on Webflow: between 4 and 6 months' development time

The best way to find out how long your project will last is to contact us and tell us all about it , and that's over here! 👇