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 site
Design

Des 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.

Studio design Monsieur Guiz

DetailHero

page détail (formation, ressource)
Formation·IA

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.

2 jours14h de formationCertifiant Qualiopi
Concevoir des interfaces avec l'IA générative

HeroSection (homepage) — composant à usage unique, contenu hardcodé avec vidéo en arrière-plan. Voir /.

Blocs de contenu

Sections pleine largeur ou multi-colonnes utilisées sur les pages éditoriales et hubs.

VerbatimSection

Template — fade-in mots

On développe la performance des individus et des organisations. En misant sur le produit, le design et les méthodes qui transforment. Durablement.

OfferShowcase

Template — 4 offres avec accordion
Nos offres

Un 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'offre

Un 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'offre

Catalogue 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'offre

De 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'offre

Conversion

Blocs orientés transformation, posés en fin de page ou comme rebond mid-content.

CTASection

bloc rebond fin de page

Votre 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/teal
Événement sur mesure

Une question, un cadrage rapide ?

30 minutes avec un de nos PM ou Designers seniors, c'est offert.

Prendre rendez-vous
Formation IA

Mettre votre équipe au niveau sur l'IA générative

Voir le catalogue

Social proof

Composants Template — contenu hardcodé. Utiles pour visualiser le rendu, à brancher en production.

TestimonialGroup

Template — carousel auto
Témoignages

Ce qu'en disent nos clients

Skeepers
La fédération de solutions logicielles autour d'un référentiel pour permettre la création d'une plateforme cohérente dans l'usage. Il a fallu mettre "à plat" beaucoup d'aspects du produit (moyens, humains et vision) et cela a pu se faire avec l'aide de Monsieur Guiz.

Head of Product

Skeepers

Air France
Monsieur Guiz, au travers de l'un de ses experts UX/UI, a fortement contribué à la refonte graphique de notre parc d'applications iOS pour iPad à destination de nos personnels navigants techniques (Pilotes) Air France. Les échanges constructifs avec nos pilotes et les connaissances des équipes de Monsieur Guiz ont permis de construire des produits répondant à toutes les attentes.

Technical Leader Senior Developer Journey

Air France

L'Oréal
On a travaillé ensemble sur le design thinking comme piqûre de rappel, la facilitation d'ateliers et comment mieux organiser son workflow. La partie qui a vraiment évolué est l'organisation du workflow avec la mise en place d'un kanban qui permet de mieux prioriser les projets.

Global Creative Retail Design Manager

L'Oréal

Pierre et Vacances Center Parcs
Régie de plusieurs profils : Product Manager, UX, Coach agile. Réactivité, sens de l'écoute, qualité des profils.

Ecommerce & Digital Customer Experience Director

Pierre et Vacances Center Parcs

JCDecaux
Ateliers de meilleure définition des impacts, de la valeur en lien direct avec un Product Manager. Mise en relation également avec d'autres ressources Monsieur Guiz pour organisation, mise en place et tenue d'un talk autour de la thématique Product Ops.

Head of Agile Coach

JCDecaux

BNP Paribas
L'équipe Monsieur Guiz a piloté la refonte de notre parcours de souscription digitale de bout en bout. Résultat : +34 % de conversion et un NPS en hausse de 18 points en 6 mois.

Directrice Expérience Client Digitale

BNP Paribas

Indosuez Wealth Management
On leur a confié l'exploration de nos cas d'usage IA générative. En six semaines, on avait 12 use cases qualifiés et 3 POCs fonctionnels. Le cadrage stratégique était solide, les Design Sprints très bien menés.

Directeur Innovation & Data

Indosuez Wealth Management

Engie Digital
Ils nous ont aidés à poser un vrai framework de priorisation sur notre roadmap digitale. Avant, on naviguait à vue. Maintenant les arbitrages sont data-driven et les équipes sont alignées.

Head of Digital Products

Engie Digital

BforBank
Refonte complète du parcours de souscription mobile. L'approche UX Research de Monsieur Guiz nous a permis d'identifier des irritants qu'on ne voyait plus depuis des mois. Le taux de complétion a bondi.

Responsable Expérience Client Digital

BforBank

AXA France
Trois consultants Product et Ops intégrés dans nos squads pendant 8 mois. Zéro friction, montée en charge rapide. Ils se sont fondus dans nos équipes comme s'ils avaient toujours été là.

Directrice Transformation Agile

AXA France

Allianz France
La formation Product Management a vraiment changé la posture de nos chefs de projet. Plus orientés valeur, plus à l'aise avec la discovery. Le format était concret, applicable dès le lendemain.

VP Product & Technology

Allianz France

Groupe 1 sur 9

LogoMarquee

Template — défilement infini

Ils nous font confiance

AccorAldiAllianzAXABanque PopulaireBforBankBPI FranceCdiscountChanelChristian DiorConseil d'ÉtatCoyoteCrédit AgricoleEngie DigitalFleury MichonFrance TVHermèsIntermarchéJCDecauxL'OréalLouis VuittonOrangePierre & VacancesPluxeeRadio FranceSamsungSchneiderSeLogerShiseidoSociété GénéraleSodexoUCPAVeepee

StatsGrid

Template — 4 stats animées
0+

ans d'accompagnement produit

0+

projets digitaux livrés

0+

consultants en mission

0%

de clients qui nous recommandent

Spécifiques

Sections dédiées à certaines pages (toolbox, etc.).

ToolboxSection

encart toolbox sur les hubs expertise
Toolbox

Les outils qu'on maîtrise vraiment

Pas une liste exhaustive : notre stack opinionée, testée en conditions réelles avec nos clients.

Accéder à la Toolbox

UI & Prototypage

FigmaFramerProtoPie

Recherche

MazeLookbackDovetail

Design System

StorybookZeroheightSupernova

Collaboration

FigJamNotionLoom

HighlightBanner

carte blanche centrée sur fond teal — pattern Framework FLEUR / Toolbox
Toolbox

Toolbox É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 Toolbox

Templates 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.tsx

JobList

Liste filtrable d'offres d'emploi (par catégorie). Branchée sur l'API Welcome to the Jungle.

src/components/jobs/JobList.tsx

JoinTeamBanner

Bannière violette listant les jobs ouverts pour une expertise donnée — alimentée par WTTJ.

src/components/conversion/JoinTeamBanner.tsx

CaseStudies

Wrapper combinant CaseStudyGrid + LogoMarquee — contenu hardcodé.

src/components/social-proof/CaseStudies.tsx