Les équipes marketing veulent aller vite. Elles veulent créer des pages de campagne, tester des idées et publier du contenu sans attendre dans une file d'attente de développement. Les développeurs, de leur côté, veulent maintenir la cohérence de la marque, les normes d'accessibilité et la qualité du code. Ces objectifs entrent souvent en conflit.

Ce que Visual Builder fait réellement

Optimizely Visual Builder se positionne directement au cœur de cette tension. C'est une interface d'édition glisser-déposer qui donne aux marketeurs plus de contrôle sur la composition des pages, mais dans les limites définies par les développeurs. En tant que CMS glisser-déposer pour les marketeurs, il répond au défi fondamental d'équilibrer la rapidité avec le contrôle de la marque.

Cet article explique ce qu'est réellement Visual Builder, pourquoi c'est important et comment déterminer s'il convient à votre équipe. Comprendre les exigences d'implémentation d'Optimizely Visual Builder est essentiel pour prendre cette décision.

Visual Builder est une expérience d'édition frontale au sein du CMS d'Optimizely qui permet aux éditeurs de contenu et aux marketeurs de créer des pages visuellement. Au lieu de remplir des formulaires dans un panneau d'administration, les utilisateurs glissent des composants préconstruits sur une page et voient exactement à quoi elle ressemblera. Cette solution de constructeur de pages visuel pour entreprises transforme l'expérience éditoriale CMS pour les équipes marketing.

Les capacités principales incluent :

Composition glisser-déposer : Disposer les composants sur les pages sans écrire de code
Aperçu en temps réel : Voir exactement ce que les visiteurs verront pendant la création
Édition en contexte : Modifier le texte et les images directement sur la représentation de la page
Aperçu adaptatif : Vérifier l'apparence du contenu sur différents appareils
Assemblage par composants : Construire des pages à partir de blocs réutilisables créés par les développeurs

Techniquement, Visual Builder fonctionne sur une architecture découplée. Le frontend, généralement construit en React, Vue ou Next.js, est séparé du système de gestion de contenu. Le contenu circule via des API et Optimizely Graph pour la diffusion. Cette architecture CMS découplée permet une plus grande flexibilité dans le développement front-end.

Cette séparation est importante. Elle signifie que les développeurs créent des composants dans leur framework préféré, définissent ce qui est configurable et exposent ces options aux éditeurs via l'interface Visual Builder. L'approche CMS basée sur les composants qui en résulte donne aux équipes de développement un contrôle significatif sur le résultat.

La mise à niveau CMS 13 et Visual Builder sont des décisions distinctes

Voici quelque chose qui crée de la confusion pour beaucoup d'équipes : passer à Optimizely CMS 13 et adopter Visual Builder sont deux décisions différentes. Lorsqu'on évalue la question de la mise à niveau CMS 13 et Visual Builder, comprendre cette distinction est crucial.

CMS 13 est une mise à niveau de plateforme. Elle vous fait passer à une architecture cloud native, un .NET mis à jour et une infrastructure SaaS. C'est principalement une décision d'infrastructure et de sécurité qui affecte votre équipe de développement.

Visual Builder est une décision d'expérience éditoriale. Elle change la façon dont vos éditeurs de contenu travaillent et nécessite une gouvernance, une formation et une architecture de composants différentes.

Vous pouvez passer à CMS 13 sans déployer Visual Builder. Plusieurs équipes font exactement cela, mettant à niveau la plateforme d'abord, puis décidant ensuite si l'expérience d'édition visuelle convient à leurs flux de travail de contenu.

Pourquoi est-ce important?

Le déploiement de Visual Builder nécessite :

Une refonte frontend pour la compatibilité des composants
Une maturité du système de design pour définir des contraintes appropriées
Une formation éditoriale et une gestion du changement
Une planification de la gouvernance pour l'autonomie accrue des marketeurs

Ce ne sont pas de petites tâches. Séparer la mise à niveau de l'infrastructure du changement d'expérience éditoriale vous permet de planifier chacun selon son propre calendrier.

La tension fondamentale : Liberté vs Contrôle

Le défi fondamental que Visual Builder aborde est l'équilibre entre la rapidité des marketeurs et la cohérence de la marque. C'est le défi central des solutions CMS favorisant l'autonomie des marketeurs.

Les marketeurs veulent :

L'indépendance de publier sans impliquer les développeurs
La flexibilité d'essayer différentes mises en page et arrangements de contenu
La rapidité pour répondre aux campagnes et aux changements du marché

Les équipes de marque et de développement ont besoin de :

Une identité visuelle cohérente sur toutes les pages
Une conformité d'accessibilité intégrée dans chaque composant
Des normes de performance maintenues
Un respect du système de design

Donnez aux marketeurs trop peu de flexibilité, et ils restent bloqués à attendre les développeurs. Donnez-leur en trop, et vous obtenez des mises en page incohérentes, des violations d'accessibilité et une dilution de la marque. La gestion de contenu axée sur la cohérence de marque exige de trouver le bon équilibre.

Visual Builder aborde cela grâce à des garde-fous basés sur les composants. Les développeurs créent les blocs de construction, définissent ce qui est configurable et établissent les limites. Les marketeurs travaillent à l'intérieur de ces limites.

Comment fonctionnent réellement les garde-fous

L'approche de Visual Builder pour l'équilibre utilise plusieurs niveaux de contrôle. Les garde-fous d'Optimizely Visual Builder sont essentiels pour maintenir les standards de la marque tout en permettant la flexibilité.

1. Contraintes au niveau des composants

Quand les développeurs créent des composants, ils décident ce que les éditeurs peuvent modifier. Un composant de bannière héros pourrait permettre aux éditeurs de changer les images et les titres, mais verrouiller la typographie, l'espacement et la palette de couleurs aux options approuvées par la marque.

2. Niveaux de flexibilité configurables

Les équipes peuvent décider du niveau de liberté à offrir :

Mode strict : Sélection de composants limitée, mises en page fixes, personnalisation minimale. Idéal pour les équipes novices en édition visuelle ou les industries hautement réglementées.
Mode modéré : Une bibliothèque de composants sélectionnés avec une certaine flexibilité d'arrangement et des options de style prédéfinies. Fonctionne bien pour la plupart des équipes marketing.
Mode flexible : Sélection de composants plus large, plus de liberté de mise en page, choix de styles plus étendus. Approprié pour les équipes matures avec des systèmes de design solides.

3. Permissions basées sur les rôles

Tous les éditeurs n'ont pas besoin du même accès. Les gestionnaires de campagnes pourraient avoir plus de liberté de mise en page que les éditeurs de contenu régionaux qui mettent principalement à jour les textes. Gérer efficacement les permissions des éditeurs de contenu est essentiel pour un déploiement réussi.

4. Restrictions au niveau des gabarits

Certaines régions de page peuvent être verrouillées tandis que d'autres restent modifiables. Une page produit pourrait fixer l'en-tête et la navigation mais permettre la composition libre de la zone de contenu principale.

En travaillant avec diverses entreprises, nous avons appris que les garde-fous comptent plus que les fonctionnalités. Une implémentation Visual Builder bien encadrée peut en fait être plus facile à gouverner qu'un CMS traditionnel avec des gabarits mal définis.

Pour qui construisez-vous cela?

Avant de déployer Visual Builder, vous devez répondre à une question simple : qui sont vos éditeurs et de quoi ont-ils réellement besoin?

Différents types d'éditeurs nécessitent différents niveaux de flexibilité :

Les généralistes marketing ont besoin de mises à jour de contenu rapides et de pages de campagne. Ils nécessitent une sélection de composants modérée et guidée.

Les stratèges de contenu ont besoin de structures de pages complexes et de variations pour les tests. Ils nécessitent un contrôle de mise en page plus élevé.

Les gestionnaires de marque ont besoin de création de gabarits et de gouvernance des styles. Ils nécessitent un accès administratif.

Les éditeurs occasionnels ont besoin de modifications simples de texte et d'images. Ils nécessitent des options très guidées et limitées.

Les marketeurs régionaux ont besoin d'adaptation de contenu localisé. Ils nécessitent des permissions spécifiques à leur région.

L'erreur courante est de construire pour l'utilisateur le plus sophistiqué, puis de se demander pourquoi les éditeurs occasionnels se sentent dépassés. Il vaut mieux concevoir pour le dénominateur commun le moins technique et ajouter des permissions pour les utilisateurs avancés qui en ont besoin.

Questions à poser avant l'implémentation :

Quel est le niveau de maturité numérique de votre équipe marketing?
Quelle est la solidité de votre système de design existant?
Quels processus de gouvernance avez-vous pour la qualité du contenu?
À quelle vitesse les marketeurs doivent-ils réellement publier?
Quel est le coût d'un contenu incohérent sur votre site?

Ce qui change pour les développeurs

Visual Builder fait passer le travail des développeurs de la construction de pages à la conception de systèmes. Quand on compare Visual Builder aux approches CMS traditionnelles, cela représente un changement fondamental dans le flux de travail.

Dans les configurations CMS traditionnelles, les développeurs construisent des gabarits de pages, répondent aux demandes de modifications de mise en page et gèrent une grande partie de la construction des pages. Avec Visual Builder, les développeurs construisent le système de composants puis se retirent.

Cela signifie :

Plus de temps sur l'architecture : Construire des composants polyvalents et bien documentés qui fonctionnent dans différents contextes
Définition des contraintes : Travailler avec les équipes de marque pour déterminer ce qui est configurable versus verrouillé
Documentation : Les guides d'utilisation, les exemples visuels et la documentation des cas limites deviennent essentiels
Conception de la gouvernance : Mettre en place les permissions, les flux de travail et les contrôles de qualité

Le rôle du développeur devient davantage axé sur l'habilitation. Vous construisez le système qui permet aux autres de créer des pages. Créer une bibliothèque de composants robuste pour les développeurs est le fondement du succès.

Notre expérience montre que les équipes qui abordent cela comme de l'« architecture de composants » plutôt que de la « construction de pages » ont des déploiements plus fluides. Le changement de mentalité compte autant que le travail technique. Une gouvernance solide du système de design assure une cohérence à long terme.

Quand Visual Builder est approprié

Visual Builder ne convient pas à toutes les situations. Voici quand il s'intègre bien :

Bons candidats :

Équipes marketing avec un volume élevé de création de pages
Entreprises avec des systèmes de design matures prêts à être codifiés en composants
Équipes frustrées par les goulots d'étranglement de développement pour les modifications de contenu
Sites avec beaucoup de pages d'atterrissage, pages de campagne ou sections riches en contenu

Cas moins évidents :

Industries hautement réglementées où la flexibilité du contenu crée un risque de conformité
Petites équipes où quelques personnes gèrent tout le contenu et n'ont pas besoin de l'interface visuelle
Sites avec des modèles de contenu très structurés où l'édition par formulaires fonctionne mieux
Équipes sans la maturité de gouvernance pour gérer une autonomie accrue

La question n'est pas de savoir si Visual Builder est bon ou mauvais. C'est de savoir si votre équipe est prête pour l'autonomie qu'il offre.

Recommandations d'implémentation

Si vous évaluez Visual Builder, voici ce que nous recommandons :

Commencez par la gouvernance, pas par les fonctionnalités. Définissez vos standards de qualité de contenu, vos flux d'approbation et vos lignes directrices de marque avant d'augmenter l'autonomie des éditeurs. L'outil n'est contrôlé qu'à la hauteur du système qui le soutient.

Pilotez avec une portée limitée. Choisissez un type de page spécifique, comme les pages d'atterrissage ou les annonces d'événements, et déployez Visual Builder là d'abord. Apprenez ce qui fonctionne avant d'élargir.

Investissez dans la documentation des composants. Les éditeurs doivent comprendre non seulement comment utiliser les composants, mais quand utiliser lequel. Les exemples visuels et les directives claires réduisent les mauvais usages.

Planifiez la formation. Le déploiement technique est souvent plus facile que l'adoption organisationnelle. Prévoyez du temps pour une formation pratique, pas seulement une démonstration rapide.

Évaluez la maturité de votre système de design. Les systèmes de design solides facilitent l'implémentation des garde-fous. Les systèmes de design faibles mènent à des résultats incohérents, peu importe l'outil.

Séparez vos décisions. Si vous passez à Optimizely CMS 13, ne présumez pas que vous devez déployer Visual Builder simultanément. Planifiez chaque transition de façon délibérée.

Conclusion

Visual Builder représente un changement structurel dans la façon dont le travail CMS est effectué. Au lieu que les développeurs construisent des pages et que les marketeurs remplissent le contenu, les marketeurs assemblent des pages à partir de composants créés par les développeurs.

Cela peut réduire considérablement le délai de publication pour le contenu de campagne et libérer les développeurs pour un travail à plus haute valeur ajoutée. Mais cela ne fonctionne que lorsque le système de composants sous-jacent est bien conçu et correctement encadré.

La question fondamentale n'est pas de savoir s'il faut adopter Visual Builder. C'est de savoir si votre équipe a la maturité du système de design, les processus de gouvernance et la clarté éditoriale pour utiliser cette flexibilité de façon responsable.

Si vous envisagez Visual Builder pour votre implémentation Optimizely, ou si vous essayez de comprendre comment il s'intègre à une mise à niveau CMS 13, nous pouvons vous aider à évaluer vos flux de travail éditoriaux actuels et déterminer si le moment est propice pour votre équipe.

Optimizely Visual Builder : Guide complet d'implémentation