Design System
Référentiel Monsieur Guiz
Tout le langage visuel et les briques d'interface du site, organisés en trois niveaux : tokens fondamentaux, composants paramétrables, sections de page complètes.
Heroes
Blocs hero pleine largeur. Règle : `PageHero` pour toutes les pages sauf homepage. `DetailHero` pour les pages de détail (formations, ressources).
PageHero
hero standard du siteDes interfaces que vos utilisateurs recommandent
Research terrain, conception UI, prototypage haute fidélité et Design System scalable. On crée des expériences digitales qui marquent et convertissent.

DetailHero
page détail (formation, ressource)Concevoir des interfaces avec l'IA générative
Deux jours pour intégrer GPT, Claude et les outils visuels dans votre workflow de design produit. Ateliers concrets, cas réels.

Blocs de contenu
Sections pleine largeur ou multi-colonnes utilisées sur les pages éditoriales et hubs.
ContentMosaic
1 large + 2 medium + standard
Card medium 1
En 12 semaines, refonte complète de l'expérience d'inscription pour réduire le drop-off et améliorer le time-to-value.
+38 % d'activations
Card medium 2
2 jours pour intégrer GPT, Claude et les outils visuels dans votre workflow de design produit.
Card standard 1
Une exploration des limites des variables Figma et des bénéfices d'une source de vérité côté code, partagée entre design et engineering.
Card standard 2
Une exploration des limites des variables Figma et des bénéfices d'une source de vérité côté code, partagée entre design et engineering.
Card standard 3
Une exploration des limites des variables Figma et des bénéfices d'une source de vérité côté code, partagée entre design et engineering.
CaseStudyGrid
grid de cas clientsQuelques résultats récents
Refonte de l'app mobile d'une néobanque
Audit, recherche utilisateur et refonte complète de l'app — du parcours d'onboarding à la gestion des cartes virtuelles.
+42 % d'engagement
App de banque privée
Audit, recherche utilisateur et refonte complète de l'app — du parcours d'onboarding à la gestion des cartes virtuelles.
x2,5 sur le NPS
Refonte e-commerce
Audit, recherche utilisateur et refonte complète de l'app — du parcours d'onboarding à la gestion des cartes virtuelles.
+18 % conversion
VerbatimSection
Template — fade-in motsOn développe la performance des individus et des organisations. En misant sur le produit, le design et les méthodes qui transforment. Durablement.
ExpertiseGrid
Template — 4 expertises hardcodéesQuatre disciplines, une obsession : l'excellence produit

Product Management
Cadrer la vision produit, structurer la roadmap, aligner les squads et accélérer la prise de décision. Nos PM embarquent vos équipes sur ce qui compte vraiment.

Design
Research terrain, conception UI, prototypage haute fidélité et Design System scalable. On crée des expériences digitales qui marquent et convertissent.

Ops
Mettre en place les rituels, process et outils qui font passer vos équipes à l'échelle. Du coaching agile à la transformation organisationnelle.

IA
Identifier les cas d'usage à forte valeur, concevoir les agents et copilotes, et les déployer en production. L'IA utile, pas l'IA gadget.
OfferShowcase
Template — 4 offres avec accordionUn mode d'intervention adapté à chaque enjeu
Cadrage stratégique, audit produit, roadmap : les bonnes décisions avant l'action. Nos consultants s'intègrent à vos équipes pour aligner vision, priorités et exécution, et vous aider à accélérer sans vous éparpiller.
Découvrir l'offreUn PM senior dès lundi, opérationnels immédiatement. On vous place les bons profils Product, Design, Ops et IA au bon moment pour accélérer votre roadmap sans avoir à recruter en CDI.
Découvrir l'offreCatalogue certifié et programmes sur mesure pour monter en compétences. Du Product Management au Design, on forme vos équipes aux méthodes qui font vraiment la différence en production.
Découvrir l'offreDe la conception au développement, on réalise vos produits digitaux. Design system, MVP, refonte UX : on livre des expériences que vos utilisateurs adorent et qui convertissent.
Découvrir l'offreResourcesPreview
Template — 3 articlesNotre vision du produit

Product Ops, Design Ops, IA Ops : la convergence inévitable
Product Ops, Design Ops, et maintenant IA Ops. Trois métiers qui portent la même promesse : fluidifier, outiller, structurer.

Interfaces hybrides : êtes-vous prêt pour la prochaine vague ?
On parlait aux ordinateurs dans Star Trek. Aujourd'hui, on leur parle au travail. Ce qui relevait de la science-fiction est devenu banal.

AI Ops : quand l'IA devient le nouveau terrain de jeu des Ops
L'IA ne remplace pas les Ops. Elle les oblige à se réinventer. Entre accélération, gouvernance et accompagnement humain.
Conversion
Blocs orientés transformation, posés en fin de page ou comme rebond mid-content.
CTASection
bloc rebond fin de pageVotre prochain produit mérite les meilleurs experts
Parlons de votre projet. On vous propose un premier échange de 30 minutes pour comprendre vos enjeux et vous orienter.
FeatureCta
CTA gradient · variantes purple/tealUne question, un cadrage rapide ?
30 minutes avec un de nos PM ou Designers seniors, c'est offert.
Mettre votre équipe au niveau sur l'IA générative
Spécifiques
Sections dédiées à certaines pages (toolbox, etc.).
ToolboxSection
encart toolbox sur les hubs expertiseLes outils qu'on maîtrise vraiment
Pas une liste exhaustive : notre stack opinionée, testée en conditions réelles avec nos clients.
UI & Prototypage
Recherche
Design System
Collaboration
HighlightBanner
carte blanche centrée sur fond teal — pattern Framework FLEUR / ToolboxToolbox Éco-conception
Auditer l'impact environnemental de vos produits digitaux, prioriser les actions et embarquer vos équipes design dans une démarche de conception responsable. Méthodes, outils et bonnes pratiques compilés par nos consultants.
Découvrir la ToolboxTemplates de page
Compositions complètes utilisées comme layouts de page entière. Trop volumineux pour être rendus ici — référencés pour mémoire.
FormationDetailLayout
Layout complet d'une page formation : breadcrumb → PageHero → présentation + objectifs sticky → modules → CTASection.
src/components/formations/FormationDetailLayout.tsxJobList
Liste filtrable d'offres d'emploi (par catégorie). Branchée sur l'API Welcome to the Jungle.
src/components/jobs/JobList.tsxJoinTeamBanner
Bannière violette listant les jobs ouverts pour une expertise donnée — alimentée par WTTJ.
src/components/conversion/JoinTeamBanner.tsxCaseStudies
Wrapper combinant CaseStudyGrid + LogoMarquee — contenu hardcodé.
src/components/social-proof/CaseStudies.tsx

Social proof
Composants Template — contenu hardcodé. Utiles pour visualiser le rendu, à brancher en production.
TestimonialGroup
Template — carousel autoCe qu'en disent nos clients
Head of Product
Skeepers
Technical Leader Senior Developer Journey
Air France
Global Creative Retail Design Manager
L'Oréal
Ecommerce & Digital Customer Experience Director
Pierre et Vacances Center Parcs
Head of Agile Coach
JCDecaux
Directrice Expérience Client Digitale
BNP Paribas
Directeur Innovation & Data
Indosuez Wealth Management
Head of Digital Products
Engie Digital
Responsable Expérience Client Digital
BforBank
Directrice Transformation Agile
AXA France
VP Product & Technology
Allianz France
Groupe 1 sur 9
LogoMarquee
Template — défilement infiniIls nous font confiance
StatsGrid
Template — 4 stats animéesans d'accompagnement produit
projets digitaux livrés
consultants en mission
de clients qui nous recommandent