Lors de la Webflow Conf 2024, plusieurs nouvelles fonctionnalités et améliorations ont été présentées, centrées sur l'amélioration de l'expérience utilisateur et l'élargissement des capacités de conception sans code. Parmi les annonces clés, on trouve des outils améliorés pour la collaboration en équipe et des intégrations plus poussées avec d'autres plateformes. Webflow a mis l'accent sur l'accessibilité et la performance des sites, avec des outils destinés à faciliter la conformité aux meilleures pratiques web.
Nous avons décortiqué ces améliorations pour vous afin d'en faire un résumé.
Améliorations des fonctionnalités existantes
On commence évidemment par les améliorations de l'existant qui vont contribuer à créer des sites toujours plus performants et évolutifs. Parmi ces mises à jour, on retrouve :
La possibilité de modifier le style par Locale
Depuis l'année dernière, il était possible de traduire nativement son site Webflow. L'un des points bloquants résidait dans l'incapacité de faire des changements au niveau du design entre 2 langues. C'est désormais corrigé avec la possibilité d'éditer le style d'une langue. Une fonctionnalité très attendue ! Vous pouvez d'ailleurs trouver un guide complet sur la Localization ici.
Webflow a également écouté sa communauté en augmentant la possibilité d'ajouter des langues supplémentaires. On peut à présent ajouter 10 langues vs 5 auparavant. Le seul point noir que l'on trouve ici est que ce n'est disponible que pour le plan "Localization Advanced" à $35/locale/mois. Dommage que ce ne soit pas disponible directement sur le plan "Essential" qui est plus accessible ($12/locale/mois)
Des Design Systems plus puissants avec les Component Style Variants
Le Design System renforce le développement visuel pour toutes les équipes. Après les mises à jour de gestion des variables le mois dernier, Webflow annonce les variantes de style de composants. Ces variantes permettront de définir plusieurs options de style pour un même composant, réduisant ainsi le nombre de composants à gérer, tout en augmentant la flexibilité.
Plus de flexibilité et de puissance pour le CMS
Les capacités de l'API CMS peut désormais prendre en charge les opérations en masse. Cela permettra d'intégrer plus efficacement et de manière plus scalable les données provenant de sources tierces dans Webflow. Cela va permettre de gagner énormément de temps et de repousser les limites de Webflow.
Une gestion simplifiée des formulaires
Les formulaires sont essentiels au succès d'un site web, car ils permettent de collecter des données de prospects, des retours d'utilisateurs, de construire des listes de mailing, et bien plus. Et honnêtement, on avait l'impression que Webflow ne faisant pas grand-chose pour les améliorer. Nombreux spams, interface peu intuitive, il était temps que ça change !
La nouvelle fonction de prévention des bots fonctionne en arrière-plan pour éviter les soumissions de formulaires indésirables tout en protégeant la confidentialité des données. L'affichage des paramètres des formulaires au sein du Designer a aussi été repensé pour centraliser les connexions et les notifications de soumission. L'objectif est clairement de simplifier le flux de travail entre le Designer et le tableau de bord, et ça on adore !
Permettre une meilleure collaboration entre les équipes
De nouvelles fonctionnalités pour faciliter le travail d'équipe ont été présentées :
Le "Page building" accessible à tous
Longtemps réservé aux clients "Enterprise", Webflow a annoncé la possibilité de créer des branches de pages pour tous les clients. C'est une excellente nouvelle qui va permettre de fluidifier le process de travail.
La construction de pages permet aux marketeurs, clients et collègues moins techniques de créer rapidement des pages via une expérience de glisser-déposer dans Webflow, en utilisant des blocs de construction approuvés par les designers. Les designers gardent le contrôle du Design System tandis que les marketeurs peuvent créer des pages conformes à la marque de manière autonome. Plus besoin d'avoir peur de faire "une boulette", il suffit désormais d'assigner le bon rôle à chaque personne !
Nouvelle navigation sur Webflow pour une meilleure productivité
Cette navigation, basée sur des onglets, permettra de passer facilement entre le Designer, le CMS, les outils comme Analyse ou Optimize et le Preview Mode. Vous pourrez également voir qui travaille avec vous en temps réel sur la même page, ajouter des commentaires ou même publier votre site tout en collaborant avec votre équipe.
L'ajout des approbations de design
Le processus d'approbation de design permet de s'assurer que les modifications proposées sur le site sont examinées et approuvées par les personnes en charge du design. Petit point négatif, cette fonctionnalité ne sera disponible uniquement pour les clients "Enterprise", il faudra donc attendre encore si vous êtes sur un plan "classique".
Le lancement de 2 nouveaux produits : Analyse et Optimize
Webflow a lancé des nouveaux produits en tant que "première plateforme d'expérience" de sites web. Webflow introduit de nouvelles fonctionnalités qui étendent ses capacités au-delà de la simple construction de sites. Cette approche considère l'expérience web comme un cycle continu de construction, de gestion et d'optimisation. C'est dans cet esprit que Webflow lance "Webflow Analyze" et "Webflow Optimize", ses deux nouveaux produits qui vous permettent de contrôler totalement l'expérience et les performances de votre site web.
L'analyse de votre site web en natif avec "Webflow Analyze"
Webflow introduit "Webflow Analyze", une solution d'analyse native offrant une vue unifiée du comportement des visiteurs pour des décisions fondées sur les données, améliorant ainsi les performances du site. Ce système permet une compréhension facile des performances au niveau du site, de la page et des clics, directement dans Webflow, accessible aux designers, créateurs de contenu et développeurs. L'installation est simple avec un clic et le suivi des événements est automatique. "Webflow Analyze" respecte également la confidentialité et s'intègre à des solutions de gestion du consentement afin d'être conforme au RGPD.
La solution d'analyse native à Webflow est ouvert à tout le monde, le prix démarre à $39/mois.
Place à l'A/B testing en natif avec "Webflow Optimize"
Webflow introduit "Webflow Optimize", une solution d'A/B testing. Cela permettra plus de personnalisation, et de marketing basé sur les comptes. Cette solution sera couplée avec une couche d'intelligence artificielle. L'objectif est clair : maximiser le retour sur investissement en exécutant simultanément plusieurs tests, en analysant le comportement des utilisateurs et en personnalisant l'expérience pour chaque visiteur. "AI Optimize" utilise l'IA pour ajuster automatiquement les expériences en fonction des réactions des visiteurs en temps réel.
Il faudra par contre être prêt à sortir le porte-monnaie pour accéder à cette fonctionnalité qui sera disponible à partir de $299/mois.
Le lancement d'un assistant IA intégré
Un nouvel assistant IA a été annoncé avec deux fonctionnalités principales :
Le design par IA
Webflow AI Assistant permet de concevoir des sites plus rapidement en générant automatiquement de nouvelles sections de page à partir d'un Design System existant. Cette fonctionnalité facilite la création rapide de sections communes comme les prix, les caractéristiques, les témoignages, etc. Après la génération d'une prévisualisation, vous pouvez personnaliser davantage la section pour qu'elle s'adapte parfaitement à votre site. L'AI Assistant aide à lancer de nouvelles campagnes plus rapidement tout en conservant un contrôle total sur le contenu publié. Disponible en bêta limitée, cette fonction sera probablement payante à terme.
La rédaction par IA
L'assistant IA pourra aider les équipes marketing à créer rapidement du contenu pertinent directement sur Webflow. En tirant parti de la génération en masse d'échantillons d'articles CMS, l'Assistant IA peut générer un article CMS complet avec du contenu contextuellement pertinent, adapté au ton de la marque dès le premier brouillon. Idéal pour les équipes marketing de contenu et les designers, cet outil accélère la création de contenu et libère du temps pour des tâches plus stratégiques.
Concernant ce lancement de l'assistant IA, Webflow affirme son engagement envers la confidentialité des données, soulignant que les données appartiennent aux utilisateurs. Ils clarifient que les modèles génératifs lancés aujourd'hui n'utilisent pas les données des utilisateurs. En cas de changement de cette politique, Webflow promet une communication transparente et offrira la possibilité de choisir de participer plutôt que de se désinscrire automatiquement.
Acquisition de GSAP
Webflow a annoncé l'acquisition de GreenSock, la société derrière GSAP, une puissante bibliothèque d'animations JavaScript robuste qui permet d'animer presque tout. La mission de Webflow est de démocratiser les superpouvoirs de développement, permettant ainsi de créer des expériences web interactives et captivantes.
Nous sommes impatients de voir l'évolution de cette annonce car nous utilisons GSAP sur quasiment tous nos sites désormais.
Continuer à faire grandir la communauté Webflow
Plusieurs annonces ont été faites pour soutenir la croissance de la communauté :
Nouvelle certification "Webflow Practitioner"
Webflow a annoncé des mises à jour intéressantes pour Webflow University, incluant le lancement en beta de la certification Webflow Practitioner, ainsi que l'ouverture d'un centre d'aide dédié. Ce dernier offre un accès rapide et facile aux réponses via la documentation de Webflow.
Mises à jour pour les créateurs de templates
Webflow met à jour sa marketplace de templates, offrant aux créateurs de nouvelles données pour mieux comprendre la demande et les tendances dominantes. Webflow assouplit aussi la règle d'exclusivité pour les designs de templates, permettant leur distribution sur d'autres places de marché.
La refonte du programme d'experts certifiés Webflow
Déjà en place depuis cet été mais réexpliqué lors de la Webflow Conf, le programme d'experts certifiés a été totalement refondu afin de mieux refléter le niveau d'expertise des partenaires.
Nous sommes d'ailleurs très fiers de faire parti du cercle très fermé des Webflow Premium Partners.
Webflow annonce également le retour de "Client Billing" (qui s'appelera désormais "Client Payment"). Cette fonctionnalité permet de demander les informations de paiement des clients pour couvrir les coûts d'hébergement et autres suppléments de facturation pendant la construction et l'hébergement du site dans votre espace de travail. Elle inclura à l'avenir la possibilité de facturer des frais de projet récurrents pour les services offerts. Les transferts sans interruption seront également disponibles, facilitant le passage d'un site à l'espace de travail d'un client sans perturber l'abonnement au site. Ces fonctionnalités seront accessibles à tous les utilisateurs des plans d'espaces de travail d'agence et de freelance plus tard cette année, avec le lancement des frais de projet prévu pour début de l'année prochaine.
Conclusion
La Webflow Conf 2024 a dévoilé des innovations majeures pour renforcer l'interaction et l'efficacité des sites web à travers des outils de gestion améliorés et une intégration plus profonde avec d'autres plateformes. Parmi les points forts, l'introduction de "Webflow Analyze" et "Webflow Optimize" marque une avancée significative, permettant une analyse et une optimisation profondes des performances du site. L'accent mis sur la collaboration, l'accessibilité et l'amélioration continue souligne l'engagement de Webflow à fournir un outil puissant et accessible.
En tant qu'Agence Webflow, nous avons hâte de tester ces nouvelles fonctionnalités.