Examen de Webflow

Webflow – est un constructeur de sites Web assez inhabituel. Il n’est pas similaire aux autres services fournis avec les éditeurs visuels ainsi qu’à la majorité des CMS. Le service utilise le format de présentation des processus de travail, qui n’est pas unique, mais assez rare pour les plateformes SaaS.


Le système ressemble principalement à des programmes de conception Web avancés comme Adobe Dreamweaver ou même Photoshop, dans lequel les développeurs Web préfèrent dessiner des modèles de page Web. Il n’est pas destiné à une utilisation en masse par les débutants.

Webflow est positionné de la manière suivante: si vous pouvez imaginer le résultat final, vous pouvez lui donner vie. En d’autres termes, il existe un indice distinct sur la flexibilité et la nécessité d’une certaine expérience de création de sites Web. Le public cible du service comprend les webmasters, les concepteurs et les pigistes.

Le système promet de fournir un code clair sur la base de votre créativité visuelle. Vous n’aurez pas besoin de compétences en codage ici. Il est possible de créer des sites Web commerciaux, des pages de destination, des boutiques en ligne, des blogs, des portefeuilles et leurs combinaisons avec le système. Est-ce vraiment intéressant? Si oui, alors qui pourrait souhaiter utiliser le service? Voyons cela.

1. Facilité d’utilisation

Si vous souhaitez remplir les modèles conçus pour compléter certaines fonctionnalités et connexions logiques avec le contenu, Webflow ne fonctionnera pas pour vous.

Ce constructeur de site Web n’est pas destiné à ceux qui recherchent des solutions simples et souhaitent publier un site Web pendant une nuit seulement, après être revenus de l’emploi principal. Pour réussir, vous aurez besoin de compétences et d’une compréhension claire de l’objectif final.

Le système est orienté sur les développeurs Web, qui peuvent utiliser les modèles pour créer la structure requise et établir eux-mêmes des connexions logiques entre les éléments. En d’autres termes, il offre une approche créative et réfléchie de la création de sites Web. Si un utilisateur n’a jamais été impliqué dans la création de sites Web, il court le risque d’être insatisfait de Webflow.

Éditeur Webflow

Oui, vous pouvez simplement remplir un modèle prêt à l’emploi avec vos propres textes, liens, images et autres contenus. Malheureusement, le nombre actuel de fonctionnalités du système sera ignoré dans ce cas. Pour un tel scénario, il existe d’autres constructeurs de sites Web plus pratiques et intuitifs. Pour utiliser ce CMS, vous devez travailler dur pour créer un projet magnifique. Ce n’est pas fait pour tout le monde.

Le service n’est pas du tout une question de simplicité. L’interface est logique, mais spécifique. Il est bien structuré et même pratique après que vous vous y soyez habitué, mais les débutants ne pourront pas du tout le maîtriser rapidement. C’est vraiment compliqué d’apprendre à l’utiliser correctement. Cela prend généralement plusieurs semaines. Combien de temps faut-il pour devenir web designer ou Photoshop pro? Il en va de même pour Webflow. Cela prend-il une semaine, un mois, un an? Cela dépend de toi.

2. Caractéristiques & Souplesse

L’idée de Webflow consiste à fournir aux utilisateurs des fonctionnalités et des fonctionnalités de personnalisation de conception maximales sans aucun codage. Ce n’est pas un secret que les éditeurs visuels fixent les limites en fonction du nombre de widgets et de leurs paramètres. Ce n’est pas mal car c’est pratique pour tout le monde, surtout pour les débutants.

Il s’avère qu’il est impossible de modifier le code ici. Alors, d’où vient cette flexibilité de formation de modèles dont les développeurs sont fiers? Cette question a été résolue par l’introduction de la liste des éléments avec des identifiants uniques – sélecteurs d’ID. Vous pouvez choisir leurs noms comme vous le souhaitez, mais il vaut mieux ne pas le faire. En effet, ils sont fournis avec un nom logique par défaut.

Gestion des classes et des styles

Le gestionnaire de styles dispose d’une liste exhaustive des éléments utilisés dans les modèles. Est-ce pratique? Comme ci comme ça. C’est plutôt inhabituel. Vous pouvez créer vos propres classes, ajouter de nouveaux éléments ID. Tout cela est fourni en termes d’interface graphique pour permettre de déclarer que Webflow n’a pas de codage, mais vous pouvez toujours utiliser sa puissance.

Gestion des classes et des styles Webflow

Une telle approche simplifie-t-elle réellement le processus? Non. Vous devez toujours comprendre la logique de l’application de classe, garder à l’esprit les noms des identifiants les plus fréquemment utilisés, parcourir la liste à la recherche des noms des sélecteurs les plus rares. Franchement, il est plus simple et plus utile d’apprendre HTML / CSS – c’est la connaissance universelle, qui vous sera utile dans n’importe quel créneau de construction Web.

Une caractéristique pratique est que l’ID des éléments et toute la hiérarchie des blocs sont mis en surbrillance sur un modèle, lorsque vous cliquez dessus. Ceci est une belle feuille de berceau. Vous pouvez mettre en évidence plusieurs éléments et définir des paramètres généraux pour eux. Le nombre d’éléments est vraiment impressionnant. En d’autres termes, Les fonctionnalités CSS comme l’espacement, les tailles, les couches, les couleurs, l’alignement, etc. peuvent être modifiées dans l’interface graphique. Cela peut être fait en modifiant les volumes numériques, le curseur, les icônes et autres manipulateurs.

Paramètres d'affichage Webflow

Les développeurs de la plateforme se sont occupés de la commodité de la création de conception Web. Ils ont ajouté la propriété d’espace blanc à l’habillage du texte de contrôle dans la section de typographie trouvée dans le panneau de style. Cette innovation permet désormais de modifier la propriété CSS «white-space».

Le “Navigateur», Qui est désormais disponible à gauche du panneau de configuration, fournit une vue d’ensemble d’un bloc arborescent et de la structure des éléments de la page de modèle choisie. En conséquence, vous pouvez rapidement procéder à la modification de ces éléments avec son aide. Vous verrez et comprendrez la hiérarchie de la structure. Cela se fait énormément, bien que les débutants devront s’y habituer. La fonctionnalité est principalement destinée aux utilisateurs expérimentés.

Spécifications de l’éditeur de modèles

La structure de l’éditeur visuel et du tableau de bord Webflow est assez compliquée. C’est le mélange d’un éditeur visuel traditionnel, d’une section des paramètres généraux, d’un panneau avec des widgets standard, d’une structure de dossiers et de modules pour afficher le contenu dynamique, qui sont appelés «Collections CMS». Il existe également une bibliothèque d’images, un commutateur de mode modèle (ordinateur de bureau, mobile, etc..), divers modes de surbrillance d’élément et d’autres choses utiles.

Collections CMS Webflow

Soit dit en passant, il est possible de travailler avec des modèles de site Web en deux modes ici (l’option de commutation est dans le tableau de bord). Le premier est le mode Designer, dont la description sert de base à cet examen. Le second est le mode Editeur. Cette dernière variante permet de modifier le contenu de la page Web – ajoutez le texte, remplacez les images, les liens et les graphiques. Passez simplement le curseur sur n’importe quel élément pour voir les paramètres avec les actions disponibles. Effectuez ensuite les modifications et c’est tout. Il s’agit d’un mode pratique pour effectuer des modifications rapides.

Le mode Design propose plusieurs widgets. Vous avez une toile (modèle de page web), dans lequel se trouvent les blocs div, les sections et les éléments moins importants. Vous ne pouvez pas simplement faire glisser le widget à n’importe quel endroit tel qu’il est – vous devez comprendre la logique de l’interaction avec la structure. Dans la plupart des cas, vous devez ajouter un bloc vierge et le remplir avec la disposition des sections, les colonnes et écrire dans les formulaires, le texte, les images, etc..

Exemples de noms de widgets (éléments) sont les suivants: div-block, section, conteneur, colonnes, liste, bouton, titre, résumé, lien, texte complexe, formulaire, champ de saisie, case à cocher, captcha, intégration de code (c’est possible!), réseaux sociaux, fenêtres standard et pop-up, vidéo de fond et plus. Vous pouvez configurer les paramètres d’affichage et les caractéristiques de chacun de ces éléments en détail après les avoir ajoutés à un modèle.

Il est également possible d’utiliser des identifiants (symboles) – blocs enregistrés avec un design prêt à l’emploi pour répondre à n’importe quelle tâche. Supposons que vous ayez créé un bloc de vérification réussi ou un formulaire pour quelque chose. Vous pouvez créer des identificateurs sur leur base et les ajouter à partir des signets plus loin. Vous pouvez ajuster la visibilité pour différents types d’appareils et pour des éléments séparés.

Paramètres du conteneur Webflow

Toutes les pages Web enregistrées sont structurées en dossiers. Par exemple, il peut y avoir plusieurs modèles de page d’accueil, de contacts et d’autres pages dans un même modèle. Il est possible de créer de nouveaux dossiers ou pages en tant que toile vierge pour continuer à travailler avec. En général, Webflow crée une impression d’un éditeur Web graphique avancé. Il y a plusieurs éléments prêts à l’emploi ici, tandis que le nombre de ceux que vous pouvez créer manuellement à partir de zéro est beaucoup plus impressionnant.

Il y a aussi le système de gestion des éléments déclencheurs. Ce sont les actions que vous pouvez effectuer lorsque vous passez le curseur, cliquez, faites défiler, etc. sur un certain élément. Vous pouvez configurer manuellement le caractère de n’importe quelle quantité d’éléments séparés et de pages de site Web. Par exemple, il est possible d’afficher la fenêtre de dialogue animée, lorsque la page Web se charge sur les smartphones. L’éditeur vous permet de configurer des scénarios assez compliqués et polyvalents d’interaction du site Web avec les visiteurs.

Création de contenu dynamique

Les collections sont le principal atout de Webflow. Ils permettent de créer des structures dynamiques à partir de combinaisons de champs aux contenus divers. Ils utilisent des bases de données pour mettre à jour et stocker des informations. La flexibilité des paramètres est impressionnante. En les utilisant, vous pouvez créer des formulaires, des formats de flux de blog, des galeries, des affiches d’événements, des menus, etc. Les scénarios d’application sont nombreux. Il existe des modèles prêts à l’emploi d’ensembles de champs utilisés pour résoudre diverses tâches. Il est possible d’augmenter ce nombre car cette fonctionnalité permet de résoudre des tâches spécifiques avec une approche créative.

Webflow permet également de créer des galeries de commerce électronique et CMS dynamiques en téléchargeant, présentant et stylisant des vidéos et des images. Cela peut être fait de trois manières. La première permet de télécharger jusqu’à 25 photos en un seul clic avec le nouveau champ multi-images. Pour ce faire, vous pouvez simplement déposer tous les plans ou même les GIF (sachez cependant que leur taille globale ne doit pas dépasser 4 Mo), accédez au menu des paramètres de n’importe quelle collection, cliquez sur le bouton «Ajouter un nouveau champ» et choisissez le type de champ multi-images. Ensuite, vous devez remplir une étiquette, ajouter du texte si nécessaire et enregistrer les paramètres de la collection pour pouvoir télécharger les images.

Une autre façon de créer une grille d’images dynamique consiste à utiliser la version améliorée de la grille CSS 2.0. Il offre le concept de flux automatique amélioré, qui aide à rendre le contenu téléchargé plus flexible car la grille le place automatiquement dans les cellules disponibles pour un meilleur affichage. Pour créer une telle grille à l’aide du contenu dynamique, vous devez faire glisser une liste de collections sur une page Web, choisir la disposition de grille préférée, puis personnaliser les colonnes, les lignes et l’espacement entre elles.

Enfin, Webflow permet de présenter vos vidéos et images dynamiques via l’utilisation de lightboxes. Ces composants vous permettent de présenter vos photos en mode plein écran, ce qui garantit une expérience utilisateur attrayante et entièrement immersive. La fonctionnalité permet également de connecter des éléments lightbox à vos vidéos et photos eCommerce et CMS. Pour créer une galerie lightbox, vous devez d’abord créer une liste de collections, puis la connecter à la source d’image – soit une vidéo, soit un champ multi-images. Faites ensuite glisser les éléments que vous souhaitez placer dans la liste de collection et liez les composants de la lightbox.

Structure du tableau de bord

Tous vos projets sont affichés dans le Dashboard: éditez-les, dupliquez-les, partagez-les et triez-les dans des dossiers. Vous pouvez également consulter la liste impressionnante des combinaisons de boutons disponibles pour une utilisation dans l’éditeur lorsque vous accédez au système pour la première fois. Chaque projet possède un grand nombre de paramètres – depuis le nom d’un site Web et un favicon jusqu’à l’intégration de code, la connexion de services externes, le référencement et le travail de sauvegarde.

Tableau de bord Webflow

Il existe de nombreuses options utiles et simplement intéressantes dans les paramètres du projet. Par exemple, ces utilisateurs, qui travaillent sur le développement de sites Web clients, peuvent fournir un accès au site Web à leurs clients afin qu’ils puissent gérer le projet et effectuer les modifications dans les limites que vous spécifiez..

Vous pouvez configurer l’image de marque du projet en supprimant le logo du service ou en vous connectant Polices Google / Adobe Typekit et choisissez les polices que vous utiliserez en fonction du projet. Une autre option consiste à télécharger vos propres polices.

commerce électronique

Webflow est livré avec un moteur de commerce électronique digne qui vous permet de concevoir et de faire évoluer votre entreprise sur le Web. La plate-forme vous met en charge du processus de conception Web – de la personnalisation de la page d’accueil à la procédure de paiement, en fournissant une vaste sélection de fonctionnalités et d’outils de commerce électronique disponibles dans le tableau de bord. Aucun codage n’est requis pour démarrer et gérer une boutique en ligne complète avec le service.

Le créateur de site Web vous permet de personnaliser le panier d’achat intégré, y compris sa mise en page, ses effets d’animation et son positionnement. Vous pouvez également créer des listes de produits en précisant leurs noms, descriptions, prix, catégories, suivre les outils d’inventaire et les options de conception (les couleurs et leurs variations), statuts actuels. De plus, il est possible de créer des collections et des catégories de produits, de répertorier les prix de vente, de leur attribuer des fonctionnalités spéciales et des champs de produits personnalisés. Les développeurs du système sont sur le point d’introduire une opportunité de vendre des produits numériques ainsi que de créer des promotions et des codes promo bientôt.

Commerce électronique Webflow

La récente innovation de Webflow a permis aux propriétaires de boutiques en ligne de capturer les informations de leurs clients soumises lors du processus de paiement. À son tour, cela vous permet d’utiliser les informations pour davantage de marketing dans la boutique en ligne et d’encouragement des clients.

Dès que vous avez terminé la création de votre boutique en ligne, vous pouvez la publier et vérifier ses performances dans la section «Commandes». Ce que vous pouvez également faire dans Webflow, c’est personnaliser les e-mails transactionnels, créer des interactions et des animations pour que votre site Web de commerce électronique se démarque de la foule. Le système vous permet en outre d’intégrer des animations et des effets de parallaxe basés sur le défilement, de créer des micro-interactions autour des mouvements de la souris, de créer de riches animations chronométrées en plusieurs étapes, d’ajouter des interactions prédéfinies, etc..

Le champ multi-images Webflow a récemment été lancé pour le commerce électronique et le CMS a permis de créer des galeries d’images de qualité pour chaque variante de produit. Ce que vous pouvez faire maintenant est de présenter certains paramètres (taille, couleur, modèle etc..) pour tous les produits que vous proposez à la vente dans votre boutique en ligne pour permettre aux utilisateurs de voir clairement ce qu’ils vont acheter. Dans l’ensemble, vous pouvez télécharger jusqu’à 25 images par produit.

Webflow offre des possibilités de paiement et d’expédition pratiques et faciles. Le système accepte plusieurs types de paiement, y compris les paiements par carte de crédit, Apple Pay et Google Pay. La fonctionnalité PayPal va être introduite dans un avenir proche. Grâce à l’outil Stripe intégré, Webflow garantit une sécurité ultime de toutes les transactions effectuées dans le système.

Les utilisateurs de Webflow ont la possibilité de personnaliser les destinations d’expédition, les paramètres fiscaux ainsi que de mettre à jour les détails de leur boutique en ligne à tout moment de la journée. C’est à vous de signaler les règles et les lieux d’expédition, d’imprimer des étiquettes d’expédition via l’intégration avec Zapier, MailChimp, ShipStation, QuickBooks et certains autres services. Les utilisateurs peuvent également définir et coordonner les tarifs d’expédition automatiques en temps réel. Le calcul automatique de la taxe et de la TVA est fourni pour les clients des États-Unis, du Canada, de l’Australie et de l’Union européenne.

Galerie Lightbox

L’une des récentes mises à jour Webflow aborde le processus de création de la galerie Lightbox. Les développeurs du système ont permis de créer de telles galeries à partir de vidéos et de photos de commerce électronique et CMS. Le composant permet de créer des expériences plein écran et totalement immergées pour mettre en valeur vos fichiers multimédias.

Auparavant, les visionneuses Webflow pouvaient être utilisées pour travailler avec du contenu statique – les fichiers vidéo et image que vous avez téléchargés ou liés indépendamment. Désormais, il est devenu possible de créer des galeries et des grilles présentant n’importe quel design à partir de visionneuses et de collections de fichiers pour organiser et regrouper des vidéos et des images en fonction d’un certain paramètre (comme un blog de musique ou un album de portfolio, par exemple). De plus, vous pouvez créer une conception de site Web en utilisant des lightboxes sur une page de modèle de collection, qui correspondra au contenu de vos éléments de galerie.

La connexion de la galerie lightbox à votre contenu dynamique peut être effectuée de deux manières. Le premier implique l’intégration d’une visionneuse directement dans la conception de la page du modèle de collection. La deuxième option vous permet de créer une liste de collection d’images / vidéos à n’importe quel endroit, puis d’ajouter le composant lightbox à la page.

Intégration d’After Effects et de Lottie

Webflow a récemment intégré After Effects et Lottie, ce qui permet aux concepteurs Web de contrôler la lecture des animations vectorielles via l’utilisation de plusieurs interactions Webflow. En conséquence, vous avez la possibilité de créer un site Web qui sera à la fois visuellement attrayant, professionnel et riche en fonctionnalités.

SEO

Une grande attention est consacrée à l’optimisation du référencement de projet. Il est possible de configurer le contenu des balises meta titre, description et mots-clés pour chaque page. Vous pouvez également travailler sur l’affichage du contenu dans Open Graph. Les balises alternatives pour les images peuvent également être configurées ici.

Sitemap.xml est formé automatiquement – tout comme les balises META pour les articles de blog. Compte tenu du chargement rapide des pages Web, de la haute qualité du code et de l’optimisation pour les appareils mobiles, le constructeur de site Web peut être considéré comme une bonne solution pour la promotion efficace du site Web..

Référencement Webflow

Webflow accorde un accès API aux développeurs Web. Vous pouvez connecter Google, les services Facebook, ajouter des Webhooks, configurer les paramètres de collecte des informations utilisateur à partir des formulaires, activer l’anonymisation des adresses IP des utilisateurs, ajouter votre code HTML / CSS, code de langue, etc. Les sites Web seront publiés sur les sous-domaines de service par par défaut, mais il est également possible de déléguer le domaine ou même d’exporter le code du modèle (HTML / CSS / JS / Assets séparés). Les fichiers CMS ne seront pas enregistrés dans ce cas.

En règle générale, Webflow est un sombre mélange de Photoshop, service SaaS avec un éditeur de page Web visuel, des outils pour travailler avec des bases de données et du code en mode quelque peu spécifique. Il s’agit d’une combinaison flexible d’options regroupées dans une interface compliquée mais assez logique. Le système peut être utilisé pour créer des modèles de page Web pour d’autres CMS comme WordPress en raison de l’option d’exportation de code. Le produit est évidemment puissant, intéressant, orienté sur les concepteurs et développeurs de sites Web clients.

3. Conception

Nombre de thèmes:200
Modèles professionnels:&# x2714; OUI
Thèmes gratuits:&# x2714; OUI
Thèmes payants:24 $ – 79 $
Conception réactive:&# x2714; OUI
Trier par industrie:&# x2714; OUI
Édition de code CSS:&# x2714; OUI

Webflow se démarque de la foule grâce à l’ensemble de superbes modèles prêts à l’emploi. Ils sont très polyvalents et attrayants. Ils suscitent un véritable intérêt sur la scène de prévisualisation.

Au total, il y a plus de 200 modèles ici. 40 d’entre eux sont gratuits, tandis que le coût des autres thèmes varie entre 24 $ et 79 $. Il n’y a pas de différence nette dans la qualité des modèles premium et standard – tous sont impressionnants à leur manière. Le nombre de thèmes payants est plus grand et l’assortiment est plus large. Chaque modèle est livré avec une description des fonctionnalités et il y a aussi une option de prévisualisation.

Le système offre la possibilité de dessiner un modèle à partir de zéro en utilisant une toile vierge. Il est également possible de sélectionner une conception générale sans contenu de démonstration – celle qui sera fournie avec une mise en page schématique pour un site Web d’entreprise ou un portefeuille, par exemple. De nombreux modèles ont plusieurs variantes de présentation de page Web – ils offrent 5 à 10 thèmes de page d’accueil, contacts, etc. La conception diffère beaucoup et il est possible de basculer entre les modèles en un seul clic. Chaque thème est accompagné d’une instruction – la description de sa structure et ses principales caractéristiques.

Modèles Webflow

Webflow est un constructeur de sites Web axé sur la conception. La variabilité des modèles est vraiment frappante. Il est possible de modifier chaque élément sous de nombreux aspects: taille, position, effets, rotation, opacité, calques, couleur, arrière-plan, etc. Il y a des millions de combinaisons ici. Vous pouvez jeter un œil aux œuvres d’autres designers dans le tableau de bord – il y a beaucoup à voir et à être impressionné ici. Le service obtient le taux le plus élevé pour un potentiel avancé de développement de modèles. C’est l’outil pour les pros, qui peut impressionner tout le monde par la gamme d’options de personnalisation de la conception de sites Web.

4. Assistance client

Webflow offre des conditions parfaites pour l’éducation des débutants. Il y a le Université, une base de connaissances impressionnante, plusieurs didacticiels vidéo ici. Toutes ces options sont disponibles directement dans l’éditeur. La qualité des matériaux est au top. Il y a aussi un blog et un forum avec un grand nombre de messages / discussions utiles, de groupes de réseaux sociaux, de tutoriels, de livres, etc. – vous ne vous perdrez pas ici.

Le support technique est fourni via l’e-mail et le chat en ligne. Il est qualifié, convivial et 24/7. La communauté Webflow est assez large et conviviale. Ce n’est pas un problème de trouver les contacts des meilleurs designers ou développeurs Web de confiance ici. L’écosystème est vivant et réactif. Le système a tout fait pour le confort des utilisateurs et encore plus.

5. Politique de prix

Webflow peut être utilisé gratuitement avec un ensemble de limitations: le sous-domaine de service, la bannière publicitaire, aucune fonction d’exportation de code et d’autres simplifications. Ce plan est gratuit et sans fin. Les forfaits payants sont subdivisés en forfaits «Site» et «Compte», mais chacun de ces types d’abonnement se divise également en groupes. Vous pouvez payer avec une carte de crédit sur une base mensuelle ou annuelle. La différence de coût est notable – 20-50% selon le plan choisi. Nous vous fournirons le coût d’un mois accordé à un utilisateur qui effectue un paiement annuel (c’est une variante avantageuse). Donc, Les plans de site comprennent des plans de site Web et de commerce électronique. Les plans du site Web sont les suivants:

  • De base – 12 $ / mois (fonctionne très bien pour les sites Web simples qui n’ont pas besoin d’un CMS) – connexion au domaine, CDN inclus, 500 formulaires soumis, certificat SSL gratuit.
  • CMS – 16 $ / mois (bon choix pour les blogs et autres sites Web axés sur le contenu) – 1000 soumissions de formulaires, 2000 éléments CMS, API CMS limitée, 3 éditeurs de contenu, recherche de site.
  • Affaires – 36 $ / mois, (Idéal pour un site Web de marketing à fort trafic ou un blog complet) – CDN mondial avancé, soumissions illimitées de formulaires, API CMS complète, 10 éditeurs de contenu, etc..

Les plans de commerce électronique, à leur tour, englobent:

  • Standard – 29 $ (parfait pour les nouvelles entreprises qui décollent) – toutes les fonctionnalités du plan CMS ainsi que la caisse et le panier personnalisés, la personnalisation des e-mails, le CMS intégré pour les blogs, 2% de frais de transaction.
  • Plus – 74 $ (fonctionne bien pour les entreprises à plus gros volume qui ont besoin de fonctionnalités supplémentaires) – toutes les fonctionnalités du plan d’affaires plus les e-mails sans marque, zéro frais de transaction, 10 comptes d’employés.
  • Avancé – 212 $ (Idéal pour les utilisateurs qui souhaitent évoluer et atteindre de nouveaux sommets pour leurs entreprises en ligne) – toutes les fonctionnalités du Business plan plus 15 comptes de personnel, des volumes de ventes annuels illimités et plus.

Les plans de compte se divisent également en deux types d’abonnement. Ce sont des plans individuels et d’équipe. Les plans individuels comprennent:

  • Gratuit – 0 $ (comprend tout ce dont vous avez besoin pour démarrer avec Webflow) – 2 projets, facturation client, mise en scène gratuite.
  • Lite- 16 $ (permet d’exporter le code de votre site Web et de débloquer plus de pages pour vos projets non hébergés) – 10 projets, mise en scène améliorée, export de code, transferts de projets illimités.
  • Pro – 35 $ (excellent choix pour les pigistes et les concepteurs actifs, qui ont besoin de plus de projets et de fonctionnalités premium) – projets illimités, marque blanche, protection par mot de passe du site.

Quant aux plans d’équipe, ils sont les suivants:

  • Équipe – 35 $ par personne (permet un accès partagé au site Web et un travail d’équipe collaboratif) – toutes les fonctionnalités du plan Pro plus la facturation client, l’exportation de code, la mise en scène améliorée, le tableau de bord d’équipe, etc..
  • Entreprise – le coût est discuté individuellement avec les experts Webflow (pour des équipes de 25 utilisateurs et plus) – toutes les fonctionnalités du plan Team plus des projets illimités, le White Labeling, la protection par mot de passe du site, le tableau de bord de l’équipe, etc..

Soit dit en passant, les pigistes peuvent utiliser Webflow gratuitement en raison de la possibilité de facturation du client. Cela signifie que vous n’avez pas à payer pour le moteur lorsque vous travaillez sur le développement de sites Web clients. Au lieu de cela, vous pouvez discuter du coût de l’outil avec un client à l’avance afin qu’il / elle puisse effectuer un paiement. Un client aura accès au système pour pouvoir suivre la progression de la conception Web.

Ainsi, vous pouvez utiliser Webflow sur un plan Lite pour créer des modèles pour d’autres CMS en raison de l’option d’exportation de code. En d’autres termes, vous pouvez considérer le service comme une combinaison d’un éditeur graphique et d’un outil pour concevoir des pages Web. Vous pouvez bénéficier de cette option à 16 $ ou 24 $, si vous effectuez des paiements mensuels. Vous ne pouvez pas supprimer l’annonce ici. C’est pourquoi, ce plan ne peut pas être envisagé pour la publication de projets commerciaux clients ou personnels.

6. Avantages et inconvénients

Webflow est un service spécifique, qui cible le public expérimenté. Il est de qualité, flexible et contient de nombreuses fonctionnalités de marque qui peuvent attirer l’attention des développeurs de sites Web clients. Le système ne fonctionne pas bien pour un usage personnel – il y a trop de fonctionnalités supplémentaires et obscures pour les débutants ici. Des compétences en conception de sites Web sont évidemment requises. La courbe d’apprentissage est élevée. Ce n’est pas du tout rentable. Il est plus avantageux de créer le seul portefeuille ou site Web d’entreprise dans uKit, Wix, XPRS ou tout autre service approprié.

Webflow est destiné aux fans de design web, qui souhaitent gagner de l’argent avec leurs compétences. Ce n’est pas un train de balle sur le développement de sites Web similaires, mais un lieu de créativité, la conception de thèmes uniques pour ceux qui sont prêts à payer pour ce travail. Il est donc logique d’utiliser le service pour les utilisateurs qui ont déjà une certaine réputation en matière de conception Web. Le système fonctionne également bien pour les utilisateurs souhaitant dessiner et vendre des modèles prêts à l’emploi pour d’autres CMS. Il est facile de souligner les avantages et les inconvénients du service:

Avantages:
Les inconvénients:
&# x2714; Deux modes de zone de travail – concepteur et éditeur.
&# x2714; Collections CMS – travailler avec des formulaires et des bases de données pour générer du contenu dynamique.
&# x2714; Réalisation intéressante de classes d’éléments pour leur ajout et modification rapides.
&# x2714; Grands modèles, large opportunité de créativité et conception de modèles de toute complexité.
&# x2714; Possibilité d’exporter le code des designs en cours de développement, ce qui permet d’utiliser l’éditeur pour créer / vendre des modèles de qualité.
&# x2714; SEO assez puissant.
&# x2714; Moteur de commerce électronique compétitif.
&# x2714; Structure de page Web vivante au format de la hiérarchie des éléments.
✘ Haute complexité de l’exploration du système pour les nouveaux utilisateurs.
✘ L’utilisation de classes de présentation d’éléments et de graphiques au lieu du codage.
✘ Coût relativement élevé pour ceux qui ont besoin d’un site Web pour un usage personnel uniquement.

Webflow est un produit décent pour son public. Ce n’est pas une solution en vrac pour les débutants ennuyés et les fans d’expériences. L’inconvénient majeur est que les développeurs ont introduit un schéma efficace, mais pas universel, de travail avec les éléments ID et les classes CSS, motivés par le désir de rendre l’interface plus conviviale. Quoi qu’il en soit, ils ont laissé une option d’édition de code. Il serait préférable qu’ils intègrent l’édition du code de la page Web avec d’autres fonctionnalités. Quant au reste des options, elles sont à un niveau décent.

7. Concurrents

Il n’y a pas beaucoup de concurrents ou alternatives pour un service comme celui-ci. Les concurrents les plus proches sont WordPress, Adobe Muse et Webydo. Mais nous avons également comparé l’éditeur avec certaines des options de création de sites Web les plus populaires pour que vous puissiez voir les facteurs de différenciation.

webflow vs webydowebflow vs adobe musewebflow vs wordpresswebflow vs squarespaceWix vs Webflow

Bottom Line

Webflow est un constructeur de site Web extraordinaire et de qualité pour les concepteurs et les pigistes. Il vous permet de créer des sites Web de plusieurs pages avec des fonctionnalités assez compliquées en raison de l’utilisation de formulaires de contenu complexes et changeants dynamiquement – voir exemples en direct réalisé par les utilisateurs de Webflow. Bases de données, intégrations, identifiants, divers modes de mise en page de l’éditeur, possibilité de modifier chaque bloc et élément séparément, export de code de modèle – toutes les fonctionnalités font de Webflow un véritable géant.

De grands tutoriels permettent de recommander le système aux passionnés. Après avoir travaillé avec, vous apprendrez probablement à concevoir des pages Web attrayantes sans codage. Cela garantit de beaux bénéfices à l’avenir. Si vous avez déjà l’expérience, vous devriez certainement envisager Webflow. Il s’agit d’un produit de niche rare de haute qualité – le mélange de Photoshop, Dreamweaver et CMS fourni au format d’une plate-forme SaaS. Le service vaut certainement son prix, mais il ne fonctionnera pas pour tout le monde. Nous le recommandons pour la considération du public cible.

Essayez Webflow maintenant

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me