Revenir aux cas clients
Refondre près de 60 blocs pour rendre accessible une charte pensée pour le print
Un groupe international de services aux entreprises a changé d'identité visuelle, avec une charte conçue pour le print. Nous l'avons adaptée au web et rendue accessible, puis avons refondu près de 60 blocs et une quinzaine de types de contenus de son usine à sites Drupal, avant un déploiement par lots sur plus de 20 sites.
Chiffres clés
Près de 60
Blocs refondus dans la bibliothèque commune
+ de 20
Sites basculés vers le nouveau design, par lots successifs
+ de 30 000
Pages existantes conservées, sans recontribution
Contexte
Le groupe a revu son identité : charte graphique, arborescence et menu. La nouvelle charte avait été pensée pour le print. Couleurs, graisses de typographie et contrastes ne passaient pas tels quels à l'écran. L'usine à sites portait aussi des écarts hérités : marges, polices et niveaux de titres variaient d'un bloc à l'autre. Tous les sites partageant les mêmes blocs, la refonte devait être faite une fois, dans le socle commun, puis appliquée à l'ensemble du parc sans interrompre la contribution des équipes pays.
Les enjeux
Rendre la charte accessible
Adapter contrastes, tailles et graisses de la charte print à la lecture écran.
Uniformiser les blocs
Des marges, des polices et une hiérarchie de titres communes à tous les blocs.
Tester chaque combinaison
Vérifier chaque bloc dans chaque type de contenu, sur ordinateur et sur mobile.
Déployer sans rupture
Basculer les sites par lots, sans geler la contribution sur tout le parc.
Ce que nous avons fait
Adaptation de la charte au web
Contrastes, tailles de texte, graisses, états des liens et des boutons ont été revus pour l'accessibilité, en gardant l'identité du groupe.
Maquettes ordinateur puis mobile
Chaque bloc a été redessiné dans une bibliothèque de maquettes partagée avec le client, d'abord sur ordinateur, puis sur mobile.
Refonte de près de 60 blocs
Tous les blocs de la bibliothèque commune ont été refondus et alignés : mêmes marges, mêmes polices, mêmes balises de titres. Les feuilles de style sont partagées par tous les sites de l'usine : une évolution s'applique à tout le parc.
Une quinzaine de types de contenus
Les gabarits des pages, articles et page d'accueil ont été adaptés, avec la nouvelle arborescence et le nouveau menu. Les champs de texte riche proposent les styles de texte, les listes, les tableaux et les couleurs de la charte.
Tests croisés
Chaque bloc a été testé dans chaque type de contenu qui l'accepte, sur ordinateur et sur mobile, avant validation par le client.
Déploiement par lots
Les sites ont basculé par lots successifs. Chaque lot a été contrôlé avant le suivant. Les contenus existants, plus de 30 000 pages, n'ont pas eu à être recontribués.
Expertises mobilisées
Refonte de site Drupal
Refondre l'identité et les gabarits d'un site ou d'un parc Drupal.
Design UX / UI
Maquettes, bibliothèque de composants et adaptation d'une charte au web.
Audit d'accessibilité RGAA
Audits d'accessibilité et contrôle des contrastes.
Usine à sites Drupal
Un bloc refondu une fois, appliqué à tous les sites.
Questions fréquentes
Peut-on changer l'identité visuelle de tous les sites d'une usine sans tout refaire ?
Oui, parce que les sites partagent la même bibliothèque de blocs. Pour ce groupe, près de 60 blocs et une quinzaine de types de contenus ont été refondus une fois, dans le socle commun. Les sites ont ensuite basculé par lots, en gardant leurs contenus : plus de 30 000 pages existantes n'ont pas eu à être recontribuées.
Une charte pensée pour le print peut-elle être rendue accessible ?
Oui, en l'adaptant plutôt qu'en la copiant. Les couleurs gardent leur rôle, mais leurs associations sont revues pour respecter les contrastes à l'écran. Les graisses trop fines et les petites tailles sont relevées. Dans ce cas, chaque bloc a été redessiné pour ordinateur puis pour mobile avant développement.
Comment déployer une refonte graphique sur plus de 20 sites ?
Par lots. Les blocs refondus sont livrés dans le code commun, puis les sites basculent groupe par groupe. Chaque lot est contrôlé avant le suivant, ce qui limite l'effet d'une anomalie et laisse les équipes pays contribuer pendant la bascule. Pour ce groupe, plus de 20 sites ont été déployés ainsi.
Faut-il tester chaque bloc sur chaque site ?
Non, il faut tester chaque bloc dans chaque type de contenu qui l'accepte. Le code étant commun, un bloc qui s'affiche bien dans une page de base s'affiche de la même façon sur tous les sites. Pour cette refonte, les tests croisés ont porté sur près de 60 blocs et une quinzaine de types de contenus, sur ordinateur et mobile.
Ce cas client est aussi publié sur Drupal.org : Accessible redesign of a Drupal site factory for an international business services group.
