PHARMA

Global Design System

Industrialiser la production digitale à l'échelle mondiale.

36 mois

Rôle

• Lead UX / UI

• Design Ops

• Product Design

ÉQUIPE

• 10-15 développeurs

• 1 scrum master

• 1 Product Owner

Durée :

12 mois

Rôle

• Lead UX / UI

• Design Ops

• Product Design

ÉQUIPE

• 10-15 développeurs

• 1 scrum master

• 1 Product Owner

Durée :

12 mois

Rôle

• Lead UX / UI

• Design Ops

• Product Design

ÉQUIPE

• 10-15 développeurs

• 1 scrum master

• 1 Product Owner

Durée :

12 mois

Partenaire de confiance depuis plus de 10 ans, Sanofi nous a mandatés pour résoudre une équation complexe : comment accélérer la production des sites (marques, corporate, business) tout en garantissant une cohérence de marque absolue sur tous les marchés ?

CHALLENGE : ATOMISER POUR MIEUX RÉGNER

Face à la multiplication des supports, la création "au cas par cas" n'était plus viable. Nous avons piloté le passage d'une logique artisanale à une logique industrielle.

Approche Atomic Design : Déconstruction de la charte graphique en éléments indivisibles (atomes, molécules) pour créer un langage visuel flexible.

Construction des Librairies : Conception d'une bibliothèque exhaustive de composants et templates (Sketch / Adobe XD) prête à l'emploi pour standardiser le travail des futures agences prestataires.

LE KIT : "Bridge" design-tech

Un Design System n'est rien sans les outils pour le diffuser. Nous avons conçu l'écosystème technique facilitant la vie des Product Owners, Chefs de Projet et Développeurs.

Plateforme Centralisée : Conception UX/UI du "Hub" rassemblant documentation, assets et guidelines. L'objectif : une source unique de vérité (Single Source of Truth) pour tous les acteurs (Chefs de projet, Designers, Intégrateurs).

Générateur de Code Automatisé : Design d'un outil métier innovant (formulaire intelligent) permettant aux créatifs de paramétrer leurs spécificités graphiques et de générer automatiquement le code CSS/HTML exploitable par les intégrateurs.

l'accompagnement : Garantir l'autonomie des équipes

L'enjeu majeur d'un Design System est son utilisation réelle. Nous avons mis en place les leviers de transmission nécessaires.

Guidelines & Gouvernance : Rédaction des règles d'usage, bonnes pratiques et contraintes techniques pour cadrer la créativité sans la brider.

Onboarding Vidéo : Scénarisation et production de tutoriels intégrés à la plateforme pour former les équipes internationales et accélérer la prise en main des outils.

Partenaire de confiance depuis plus de 10 ans, Sanofi nous a mandatés pour résoudre une équation complexe : comment accélérer la production des sites (marques, corporate, business) tout en garantissant une cohérence de marque absolue sur tous les marchés ?

CHALLENGE : ATOMISER POUR MIEUX RÉGNER

Face à la multiplication des supports, la création "au cas par cas" n'était plus viable. Nous avons piloté le passage d'une logique artisanale à une logique industrielle.

Approche Atomic Design : Déconstruction de la charte graphique en éléments indivisibles (atomes, molécules) pour créer un langage visuel flexible.

Construction des Librairies : Conception d'une bibliothèque exhaustive de composants et templates (Sketch / Adobe XD) prête à l'emploi pour standardiser le travail des futures agences prestataires.

LE KIT : "Bridge" design-tech

Un Design System n'est rien sans les outils pour le diffuser. Nous avons conçu l'écosystème technique facilitant la vie des Product Owners, Chefs de Projet et Développeurs.

Plateforme Centralisée : Conception UX/UI du "Hub" rassemblant documentation, assets et guidelines. L'objectif : une source unique de vérité (Single Source of Truth) pour tous les acteurs (Chefs de projet, Designers, Intégrateurs).

Générateur de Code Automatisé : Design d'un outil métier innovant (formulaire intelligent) permettant aux créatifs de paramétrer leurs spécificités graphiques et de générer automatiquement le code CSS/HTML exploitable par les intégrateurs.

l'accompagnement : Garantir l'autonomie des équipes

L'enjeu majeur d'un Design System est son utilisation réelle. Nous avons mis en place les leviers de transmission nécessaires.

Guidelines & Gouvernance : Rédaction des règles d'usage, bonnes pratiques et contraintes techniques pour cadrer la créativité sans la brider.

Onboarding Vidéo : Scénarisation et production de tutoriels intégrés à la plateforme pour former les équipes internationales et accélérer la prise en main des outils.

Partenaire de confiance depuis plus de 10 ans, Sanofi nous a mandatés pour résoudre une équation complexe : comment accélérer la production des sites (marques, corporate, business) tout en garantissant une cohérence de marque absolue sur tous les marchés ?

CHALLENGE : ATOMISER POUR MIEUX RÉGNER

Face à la multiplication des supports, la création "au cas par cas" n'était plus viable. Nous avons piloté le passage d'une logique artisanale à une logique industrielle.

Approche Atomic Design : Déconstruction de la charte graphique en éléments indivisibles (atomes, molécules) pour créer un langage visuel flexible.

Construction des Librairies : Conception d'une bibliothèque exhaustive de composants et templates (Sketch / Adobe XD) prête à l'emploi pour standardiser le travail des futures agences prestataires.

LE KIT : "Bridge" design-tech

Un Design System n'est rien sans les outils pour le diffuser. Nous avons conçu l'écosystème technique facilitant la vie des Product Owners, Chefs de Projet et Développeurs.

Plateforme Centralisée : Conception UX/UI du "Hub" rassemblant documentation, assets et guidelines. L'objectif : une source unique de vérité (Single Source of Truth) pour tous les acteurs (Chefs de projet, Designers, Intégrateurs).

Générateur de Code Automatisé : Design d'un outil métier innovant (formulaire intelligent) permettant aux créatifs de paramétrer leurs spécificités graphiques et de générer automatiquement le code CSS/HTML exploitable par les intégrateurs.

l'accompagnement : Garantir l'autonomie des équipes

L'enjeu majeur d'un Design System est son utilisation réelle. Nous avons mis en place les leviers de transmission nécessaires.

Guidelines & Gouvernance : Rédaction des règles d'usage, bonnes pratiques et contraintes techniques pour cadrer la créativité sans la brider.

Onboarding Vidéo : Scénarisation et production de tutoriels intégrés à la plateforme pour former les équipes internationales et accélérer la prise en main des outils.

L'ACCÉLÉRATION PAR L'IA (MÉTHODOLOGIE ACTUELLE)
Si ce projet devait démarrer aujourd'hui, voici comment l'IA sécuriserait le delivery :
OPS

Maintenance du Design System via IA (Génération auto. des variations de composants).

DOCUMENTATION

Rédaction automatisée des "Usage Guidelines" pour accélérer l'onboarding des développeurs.

QA

Audit visuel automatisé des sites produits pour valider la conformité au système et les normes (WCAG) en temps réel.

L'ACCÉLÉRATION PAR L'IA (MÉTHODOLOGIE ACTUELLE)
Si ce projet devait démarrer aujourd'hui, voici comment l'IA sécuriserait le delivery :
OPS

Maintenance du Design System via IA (Génération auto. des variations de composants).

DOCUMENTATION

Rédaction automatisée des "Usage Guidelines" pour accélérer l'onboarding des développeurs.

QA

Audit visuel automatisé des sites produits pour valider la conformité au système et les normes (WCAG) en temps réel.

L'ACCÉLÉRATION PAR L'IA (MÉTHODOLOGIE ACTUELLE)
Si ce projet devait démarrer aujourd'hui, voici comment l'IA sécuriserait le delivery :
OPS

Maintenance du Design System via IA (Génération auto. des variations de composants).

DOCUMENTATION

Rédaction automatisée des "Usage Guidelines" pour accélérer l'onboarding des développeurs.

QA

Audit visuel automatisé des sites produits pour valider la conformité au système et les normes (WCAG) en temps réel.

Parlons de votre prochain challenge.

Disponible immédiatement pour des missions de Lead ou de Product Design.

On commence quand ?

Disponible immédiatement pour des missions de Lead ou de Product Design.

Parlons de votre prochain challenge.

Disponible immédiatement pour des missions de Lead ou de Product Design.