Poste de Experience Design Lead
Janvier 2025 à Mars 2026
Je suis arrivé en tant que Lead Designer, avec la charge de suivre le delivery des activités design. Puis, je suis devenu Experience Design Lead, afin de manager une équipe de trois designers (moi compris) et de passer à la vitesse supérieure sur un travail conséquent de standardisation et de templatisation de nos sites web.
Notre rôle est de concevoir l’ensemble des sites vitrines du portfolio de marques d’Opella sur un marché mondial (tous les continents)
Demande et objectifs
Le delivery day-to-day des sites Web :
Mise à jour des pages des websites des différentes marques ; Chaque marque possède son website (Allegra, Dulcolax, Doliprane, etc) qui doit être au top sur le ranking SEO et une expérience utilisateur qui permette et suscite l’acte d’achat du médicament sur des marketplaces. Nos websites ne sont pas des sites marchands pour des questions de régulations.
Ainsi que le site Vitrine Opella.com avec son propre design.
Un tout nouveau design system complet :
Un nouveau DS pour refaire totalement les layouts du CMS Magnolia avec comme objectifs des sites identiques pour une expérience unifiée et non d’avoir chaque marque avec son site propre, ce qui devient impossible en terme de maintenance, de correctifs design, surtout pour un panel de + de 250 sites…Monet (Nouvelle version du CMS Magnolia)
Bien sur, Mise en place des premiers templates de pages afin d’avoir une expérience unifié tout en ayant un ranking SEO idéal.
Environnement de production :
Figma Organisation
Design system sur Figma avec Tokens, Variables
Interlocuteurs au quotidien :
-
Global Website Experience Lead
-
CMS PO
-
Devs Crescendo Collective
-
Digital team Opella Tech (IT team)
-
Contend Editors et QA
-
SEO Team
-
PM etPO de CXA auquel le design appartient
Outils utilisés
Figma
Crasy Eggs
CMS Magnolia
Canva
Altassian (Confluence et Jira)
Environnement de production
La démarche design :
Chantier Design System Pangea :
"Une conception unifiée pour une expérience phare”
Un nouveau design system a été lancé et est toujours en cours de conception et de mise en œuvre.
A l’origine basé, sur des composants Sanofi, il est aujourd’hui, 100% conçu en interne par Opella pour Opella. Il permet de proposer un ensemble de composants pour la conception des pages des websites via le CMS Magnolia avec une volonté d’avoir des tokens clairs pour chaque thème de marque avec leurs variables propres (Fonts, colors, radius, etc).
Partir d'une "marque type", à savoir Opella.com et d'avoir pour le TOP 58 (les marques ayant le plus de revenus), un set complet de tokens pour pouvoir changer les template à la volée selon le brand book de la marque cible (Dulcolax, Enterogermina, Maalox, etc)
Les tokens colors :
Suivant les principes classique du design atomiques de nouvelles fondations ont été mises en places ainsi que le UI KIt afin de proposer des templates complets. Afin que la mise en œuvre soit parfaite, nous avons “tokenisé” les couleurs, ainsi que les fonts pour avoir un rendu fidèle aux maquettes et stopper la bidouille manuelle que les CE devaient faire pour obtenir le design souhaité. Voici 3 marques en example.
Des variables pour des thèmes de marques :
Le panneau des variables :
L’équipe a lancé les notions de tokens de marque.; Tokens que l’on retrouve dans le UI KIT Magnolia du CMS afin que les maquettes soient bien ce que sera le site une fois construit dans le CMS.
Cela permet de facto de passer d’une marque blanche aux univers de chaque marques cible. En exemple, Opella, Dulcolax et Maalox
UI Kit Interne CMS Magnolia
Les tokens et tous les composants du DS sont aussi disponible dans la version V1 du UI Kit Interne Magnolia.
C’est un outil interne dédié au CMS Magnolia pour la conception du “Front”, c’est à dire les CSS de chaque thème de marque.
Sorte de Zeroheight, il permet aux CE de paramétrer les composants des layouts selon le thème de marque et le template type (PDP, PLP, Article page, etc)
Des templates pour une experience au top
L'atterrissage du DS est de standardisé les sites web. Pour cela, le DS nourrit des templates cibles; Ces templates sont bien-sur à mettre à la marque des différentes marques. C'est le premier pas pour une industrialisation des sites web ou les stakeholders des marques pourront se focaliser uniquement sur le contenu.
Ces templates répondent aux pré-requis de l'équipe SEO pour une bonne indexation et surtout que les articles ou le contenu des pages remontent bien dans les LLMs.
Passage du template article générique à sa version ‘back” pour être assemblé sur le CMS Magnolia sans dénaturer l'expérience et ainsi garantir un résultat idéal.
