Farouk Tahri × Gladia

Connecter le design de Gladia aux outils des équipes.

Des règles et des composants accessibles aux agents.
Des fichiers éditables que le designer peut reprendre.

01 / Gladia Design MCP

Plus de demandes.
Un seul point de passage : le design.

Un lancement, une page produit, un deck commercial. À chaque brief, les mêmes questions : où sont les bons fichiers ? Quelles règles appliquer ? Qui peut produire ?

Marketing

« Il nous faut un visuel
pour le lancement. »

Retrouver le bon modèle.
Produit

« Comment montrer
cette fonctionnalité ? »

Traduire l’usage en image.
Équipe commerciale

« On peut adapter
ce deck pour demain ? »

Garder la marque cohérente.
La réponse / Gladia Design MCP

Les agents accèdent aux règles et aux composants de Gladia.

J’ai relié la bibliothèque de marque aux outils de création. L’équipe formule son besoin ; le Design MCP donne à l’agent les règles, les composants et les compositions pour y répondre. Le designer construit le cadre et affine le résultat.

Le besoin

Un lancement à annoncer.

Les règles social, une composition d’annonce et les composants de marque.

Un visuel que l’équipe peut relire, ajuster et décliner.

Le rôle du designer

Définir les modèles et leurs règles.

Dessiner les composants, choisir les compositions et écrire les règles d’usage. La direction artistique devient un système transmissible.

Le rôle du Design MCP

Fournir les ressources à l’agent.

Retrouver les ressources adaptées à la demande. L’agent compose avec les éléments de la marque et les instructions qui vont avec.

Le rôle de l’équipe

Rédiger le brief et valider le visuel.

Décrire le besoin, relire une proposition et faire évoluer un fichier éditable. Les retours servent aussi à enrichir la bibliothèque.

02 / La bibliothèque

Les composants utilisés pour le web et les visuels produit.

La bibliothèque rassemble les styles typographiques, les couleurs et les composants de Gladia. Voici les règles de base et leurs applications dans les interfaces de transcription et les visuels produit.

GladiaDesign system / Fondations & composants01—03
01 / Typographie

Aa

Suisse Intl

La typographie des titres et du texte courant.

Geist Mono / Aa Bb 0123456789
02 / Couleurs & surfaces

Fond#000000

Objet#111113

Secondaire#A3A3A3

Texte#FFFFFF

Gladia#947AFC

Entité#BEB4FF

Formes
8
12
24
∞

La couleur situe l’intervention de Gladia.
Les surfaces neutres laissent le produit se lire.

03 / ComposantsWeb · Visuels produit
Concevoir dans Pencil. Partager par le MCP.Une bibliothèque commune au Web, au social et aux decks.
03 / Les productions

Visuels de lancement et démonstrations produit.

Une exploration de verre réfractant, le lancement de Solaria 3 et une démonstration du masquage des données personnelles. Chaque pièce présente un usage ou une caractéristique du produit.

01 / Verre liquide

Faites glisser le verre pour explorer la réfraction.

Solaria 3 — visuel social

Solaria 3 — visuel social · Ouvrir en pleine définition ↗

02 / Solaria 3

Visuel de lancement du modèle Solaria 3.

Masquage des données personnelles — visuel social

Masquage des données personnelles — visuel social · Ouvrir en pleine définition ↗

03 / Masquage des données

Montrer le texte avant et après masquage.

04 / Le studio de motion

Un studio de motion.
Créé en interne.

Nous avons créé un studio de motion en interne pour produire les films de Gladia. Les animations montrent les interfaces, les étapes de création et les usages du produit à partir des composants du design system.

Le système en images

Gladia Studio · Le film

Raconter le changement de méthode : transformer les fondations de marque en un système de création utilisable par l’équipe.

01 / 03
Revenir au Design MCP