Retour au Blog
Blog

Construisez votre site web avec Webflow

Mar 15, 2023·5 min read·Palomi Jain
#Front End Development#No-code#React#Web Development#Webflow
Construisez votre site web avec Webflow

Créer votre site web avec Webflow… Vraiment ?

Webflow est un outil No Code conçu pour les professionnels (comme ils le prétendent à juste titre). Vous devez avoir des connaissances en HTML et CSS pour pouvoir créer un site web dans Webflow à partir de zéro. L'outil ne cherche pas à masquer la complexité du processus de développement web. En fait, il ressemble beaucoup au processus de développement web en exposant les mises en page avancées de grille et de flexbox et en donnant plus de contrôle sur le style.

Mais dans ce cas, pourquoi quelqu'un choisirait-il de créer son site web en utilisant Webflow ? Je veux dire, regardez les captures d'écran de l'outil ci-dessous.

En tant que développeur React, habitué à travailler avec une gamme de frameworks UI comme TailwindCSS, MUI, Bootstrap, etc., cela me semble demander beaucoup plus d'effort. Aller à chaque élément dans l'éditeur et créer les styles dont j'ai besoin. J'avais l'impression que je devrais apprendre ce nouveau framework de développement qui n'apporte aucun avantage par rapport à ceux que je connaissais déjà.

Oui, l'éditeur Webflow est préchargé avec la majorité des composants standard, y compris les divs, sections, formulaires, et même les carrousels. Il s'occupe du style et de l'animation fastidieux de ces composants en votre nom. Voici quelques captures d'écran des composants Webflow par défaut.

Mais il y a tellement de packages sur npm qui permettent d'ajouter des composants stylisés comme ceux-ci avec une configuration facile.

Et disons que nous voulons ajouter un comportement personnalisé — comme des validations de formulaire personnalisées ou des interactions utilisateur — nous devrions apporter des modifications en javascript, et pour cela webflow nous fournit JQuery — un framework javascript qui meurt lentement. Comprendre JQuery prendrait un temps considérable pour quelqu'un qui en est nouveau.

Alors vraiment, pourquoi utiliser Webflow du tout ?

Nous avons rencontré une situation où nous avions des maquettes de conception uniques pour l'un de nos clients chez MyNextDeveloper et on nous a demandé de créer le site web sur Webflow. Voici mes considérations basées sur mon expérience avec Webflow.

Conception du site web : Disons que vous voulez créer un site web dans Webflow. Il y a deux options, vous allez soit acheter un modèle et apporter des modifications, soit vous allez probablement commencer à partir de zéro. Si vous trouvez un modèle qui ressemble à ce que vous voulez que votre site web ressemble, il est préférable d'acheter le modèle et de faire des modifications dans Webflow. Cela vous fera gagner beaucoup de temps en éliminant la majorité du processus de développement.

Mais si vous avez une conception de site web très unique pour laquelle aucun modèle n'est disponible sur Webflow, l'effort de créer le site web en utilisant React par rapport à Webflow est presque le même, sauf dans quelques endroits où Webflow pourrait vous faire gagner du temps — mais rien de significatif.

Hébergement et déploiement : Webflow gère l'hébergement pour vous, tout ce que vous avez à faire est simplement cliquer sur un bouton, et hop, vos modifications au site web sont déployées ! Vous n'avez pas besoin de configurer un serveur, ni de configurer un pipeline CI/CD, etc. Bien sûr, il y a des outils comme Netlify qui font le travail difficile pour vous, mais c'est quand même plus d'effort qu'un simple clic de bouton avec Webflow.

Backend : Si vous avez un système simple comme un blog où vous n'avez pas besoin de bases de données spécialisées et pouvez facilement gérer avec un système de gestion de contenu (CMS), Webflow est idéal. Ils supportent également la création d'un site e-commerce — et gèrent les paiements ainsi que votre base de données très facilement. Dans ces deux cas, Webflow est la voie à suivre. Cependant, si vous avez besoin de quelque chose que Webflow ne supporte pas par défaut, cela nécessitera un effort considérable. En revanche, si vous créez une simple page d'accueil qui n'a pas besoin de beaucoup de backend — Webflow n'a aucun avantage.

Compétences : Si vous commencez en tant que développeur, il vous faudrait moins d'effort pour apprendre et personnaliser Webflow qu'avec n'importe quel autre framework. Cependant, si vous êtes un développeur expérimenté, Webflow vous demandera plus d'effort à apprendre que de créer le site web sur un framework auquel vous êtes habitué.

Coût : Webflow coûte 29 dollars par mois — et dans le cas d'un site e-commerce, il y a la commission supplémentaire de jusqu'à 2 % que vous devriez payer par transaction. Et pour tout besoin de codage personnalisé, vous devriez embaucher un développeur de toute façon. Mais une fois construit, vous n'auriez pas besoin d'un développeur pour la maintenance (sauf si vous avez besoin de fonctionnalités supplémentaires). N'importe qui, d'un designer à un comptable, pourrait facilement apprendre à modifier la conception lui-même. Que ce soit rentable ou non dépendra de votre situation. Si c'est une simple page d'accueil ou un blog, je pense qu'embaucher un développeur pour le faire serait moins cher ou tout aussi cher. Dans le cas d'un site e-commerce, si vous n'avez pas de systèmes existants, Webflow serait le choix clair en raison de tout ce qu'ils gèrent pour vous en arrière-plan.

Conclusion En résumé, le coût et le temps nécessaires pour créer un site web à partir de zéro dépendent de la complexité du site web et de votre niveau de compétences. Créer un site web à partir de zéro peut prendre plus de temps qu'utiliser Webflow, mais cela peut être plus rentable à long terme. Utiliser Webflow peut être plus rapide et plus facile, mais cela s'accompagne généralement d'un coût d'abonnement. Donc, selon ces différents facteurs, vous pouvez prendre une décision qui vous convient.