Orange Pyramid
Orange Pyramid
Orange Pyramid
Purple Sphere
Purple Sphere
Purple Sphere
Blue Cylinder
Blue Cylinder
Blue Cylinder
Turquoise Star
Turquoise Star
Turquoise Star
Lime Green Object
Lime Green Object
Lime Green Object
Yellow Cube
Yellow Cube
Yellow Cube

Salut, je suis LÉO !

Salut, je suis LÉO !

Designer

HTML5/CSS3 Mastery

Product Design

Branding

Collaborative Team Player

Designer

HTML5/CSS3 Mastery

Product Design

Branding

Collaborative Team Player

✦ SCROLL DOWN ✦ AND KNOW ME BETTER
Profile Picture
✦ SCROLL DOWN ✦ AND KNOW ME BETTER
Profile Picture
✦ SCROLL DOWN ✦ AND KNOW ME BETTER
Profile Picture
Purple Cube
Purple Cube
Purple Cube
Blue Pyramid
Blue Pyramid
Blue Pyramid

About Me

Je m’appelle Léo Margueritte, créatif pluridisciplinaire et passionné par l’expérience utilisateur, la gamification et les mécaniques d’engagement.

Issu d’une formation en game design, je travaille aujourd’hui en tant que narrative designer, réalisateur et consultant en design interactif.




J’accompagne les projets pédagogiques, culturels et commerciaux dans la création de contenus immersifs, en mêlant narration, technologie et ludification.

Je m’appelle Léo Margueritte, créatif pluridisciplinaire et passionné par l’expérience utilisateur, la gamification et les mécaniques d’engagement.

Issu d’une formation en game design, je travaille aujourd’hui en tant que narrative designer, réalisateur et consultant en design interactif.




J’accompagne les projets pédagogiques, culturels et commerciaux dans la création de contenus immersifs, en mêlant narration, technologie et ludification.

Je m’appelle Léo Margueritte, créatif pluridisciplinaire et passionné par l’expérience utilisateur, la gamification et les mécaniques d’engagement.

Issu d’une formation en game design, je travaille aujourd’hui en tant que narrative designer, réalisateur et consultant en design interactif.




J’accompagne les projets pédagogiques, culturels et commerciaux dans la création de contenus immersifs, en mêlant narration, technologie et ludification.

Mon parcours créatif s’enracine dans le storytelling interactif et la recherche d’engagement utilisateur. Formé au game design, j’ai développé une expertise à la croisée de la narration, des mécaniques de jeu et de l’immersion émotionnelle.
Aujourd’hui, j’exerce en tant que narrative designer, réalisateur et consultant en design interactif, en accompagnant des projets pédagogiques, culturels et commerciaux dans la création de contenus immersifs.

Mon parcours créatif s’enracine dans le storytelling interactif et la recherche d’engagement utilisateur. Formé au game design, j’ai développé une expertise à la croisée de la narration, des mécaniques de jeu et de l’immersion émotionnelle.
Aujourd’hui, j’exerce en tant que narrative designer, réalisateur et consultant en design interactif, en accompagnant des projets pédagogiques, culturels et commerciaux dans la création de contenus immersifs.

Mon parcours créatif s’enracine dans le storytelling interactif et la recherche d’engagement utilisateur. Formé au game design, j’ai développé une expertise à la croisée de la narration, des mécaniques de jeu et de l’immersion émotionnelle.
Aujourd’hui, j’exerce en tant que narrative designer, réalisateur et consultant en design interactif, en accompagnant des projets pédagogiques, culturels et commerciaux dans la création de contenus immersifs.

J’associe gamification, narration et stratégie UX pour concevoir des expériences à la fois intuitives, ludiques et porteuses de sens. Qu’il s’agisse de scénarios à embranchements, de dispositifs interactifs ou de formats hybrides, je m’attache à construire des univers qui suscitent curiosité, implication et plaisir d’apprendre.

J’associe gamification, narration et stratégie UX pour concevoir des expériences à la fois intuitives, ludiques et porteuses de sens. Qu’il s’agisse de scénarios à embranchements, de dispositifs interactifs ou de formats hybrides, je m’attache à construire des univers qui suscitent curiosité, implication et plaisir d’apprendre.

J’associe gamification, narration et stratégie UX pour concevoir des expériences à la fois intuitives, ludiques et porteuses de sens. Qu’il s’agisse de scénarios à embranchements, de dispositifs interactifs ou de formats hybrides, je m’attache à construire des univers qui suscitent curiosité, implication et plaisir d’apprendre.

Quelques mots de mes collaborateurs

Déclarations

My Stack

Turquoise Cube
Turquoise Cube

Framer révolutionne mon flux de travail en web design. Ce n’est pas qu’un simple créateur de site : c’est un véritable terrain de jeu visuel qui me permet de concevoir des sites web époustouflants et interactifs, sans me perdre dans du code complexe.

Framer

Framer révolutionne mon flux de travail en web design. Ce n’est pas qu’un simple créateur de site : c’est un véritable terrain de jeu visuel qui me permet de concevoir des sites web époustouflants et interactifs, sans me perdre dans du code complexe.

Framer

Tap to flip

Framer révolutionne mon flux de travail en web design. Ce n’est pas qu’un simple créateur de site : c’est un véritable terrain de jeu visuel qui me permet de concevoir des sites web époustouflants et interactifs, sans me perdre dans du code complexe.

Framer

Tap to flip

Figma est ma plateforme de design collaborative de prédilection. Je l’utilise pour travailler en toute fluidité avec les membres de l’équipe et les clients, en facilitant les retours en temps réel et les itérations de design. Son fonctionnement basé sur le cloud simplifie considérablement le processus de création.

Figma

Figma est ma plateforme de design collaborative de prédilection. Je l’utilise pour travailler en toute fluidité avec les membres de l’équipe et les clients, en facilitant les retours en temps réel et les itérations de design. Son fonctionnement basé sur le cloud simplifie considérablement le processus de création.

Figma

Tap to flip

Figma est ma plateforme de design collaborative de prédilection. Je l’utilise pour travailler en toute fluidité avec les membres de l’équipe et les clients, en facilitant les retours en temps réel et les itérations de design. Son fonctionnement basé sur le cloud simplifie considérablement le processus de création.

Figma

Tap to flip

Notion m’aide à structurer et piloter mes projets au quotidien. Je l’utilise autant pour la gestion des tâches que pour le suivi de production, tout en centralisant toute la documentation — des notes de design aux plannings. C’est mon tableau de bord tout-en-un pour garder une vision claire et organisée de chaque projet.

Notion

Notion m’aide à structurer et piloter mes projets au quotidien. Je l’utilise autant pour la gestion des tâches que pour le suivi de production, tout en centralisant toute la documentation — des notes de design aux plannings. C’est mon tableau de bord tout-en-un pour garder une vision claire et organisée de chaque projet.

Notion

Tap to flip

Notion m’aide à structurer et piloter mes projets au quotidien. Je l’utilise autant pour la gestion des tâches que pour le suivi de production, tout en centralisant toute la documentation — des notes de design aux plannings. C’est mon tableau de bord tout-en-un pour garder une vision claire et organisée de chaque projet.

Notion

Tap to flip

J’y puise une grande partie de mes ressources graphiques : de Photoshop pour la retouche visuelle, à Illustrator pour le design vectoriel, en passant par After Effects pour l’animation et le motion design. Chaque outil m’offre une précision redoutable dans mes projets, que ce soit pour le web, la vidéo ou l’identité visuelle.

Creative Cloud

J’y puise une grande partie de mes ressources graphiques : de Photoshop pour la retouche visuelle, à Illustrator pour le design vectoriel, en passant par After Effects pour l’animation et le motion design. Chaque outil m’offre une précision redoutable dans mes projets, que ce soit pour le web, la vidéo ou l’identité visuelle.

Creative Cloud

Tap to flip

J’y puise une grande partie de mes ressources graphiques : de Photoshop pour la retouche visuelle, à Illustrator pour le design vectoriel, en passant par After Effects pour l’animation et le motion design. Chaque outil m’offre une précision redoutable dans mes projets, que ce soit pour le web, la vidéo ou l’identité visuelle.

Creative Cloud

Tap to flip

ChatGPT est mon allié stratégique pour la création de contenu et la résolution de problèmes.
Je l’utilise pour générer des idées, affiner mes textes (copywriting) et trouver des solutions rapides à des blocages créatifs ou techniques. Ses suggestions et analyses enrichissent considérablement la qualité de mes projets.

Chat GPT

ChatGPT est mon allié stratégique pour la création de contenu et la résolution de problèmes.
Je l’utilise pour générer des idées, affiner mes textes (copywriting) et trouver des solutions rapides à des blocages créatifs ou techniques. Ses suggestions et analyses enrichissent considérablement la qualité de mes projets.

Chat GPT

Tap to flip

ChatGPT est mon allié stratégique pour la création de contenu et la résolution de problèmes.
Je l’utilise pour générer des idées, affiner mes textes (copywriting) et trouver des solutions rapides à des blocages créatifs ou techniques. Ses suggestions et analyses enrichissent considérablement la qualité de mes projets.

Chat GPT

Tap to flip

HTML5 est la base structurelle de mon travail en design web.
Je l’utilise pour organiser le contenu de manière claire et sémantique, en garantissant l’accessibilité et la lisibilité du site. C’est sur cette fondation que je construis toute l’esthétique visuelle et l’interactivité des pages.

HTML

HTML5 est la base structurelle de mon travail en design web.
Je l’utilise pour organiser le contenu de manière claire et sémantique, en garantissant l’accessibilité et la lisibilité du site. C’est sur cette fondation que je construis toute l’esthétique visuelle et l’interactivité des pages.

HTML

Tap to flip

HTML5 est la base structurelle de mon travail en design web.
Je l’utilise pour organiser le contenu de manière claire et sémantique, en garantissant l’accessibilité et la lisibilité du site. C’est sur cette fondation que je construis toute l’esthétique visuelle et l’interactivité des pages.

HTML

Tap to flip

CSS3 est mon outil-clé pour le style et la mise en page.
Il me permet de donner vie aux interfaces en maîtrisant la typographie, les couleurs, les animations et surtout le design responsive, indispensable pour offrir une expérience fluide sur tous les écrans.

CSS

CSS3 est mon outil-clé pour le style et la mise en page.
Il me permet de donner vie aux interfaces en maîtrisant la typographie, les couleurs, les animations et surtout le design responsive, indispensable pour offrir une expérience fluide sur tous les écrans.

CSS

Tap to flip

CSS3 est mon outil-clé pour le style et la mise en page.
Il me permet de donner vie aux interfaces en maîtrisant la typographie, les couleurs, les animations et surtout le design responsive, indispensable pour offrir une expérience fluide sur tous les écrans.

CSS

Tap to flip

Unreal Engine est mon moteur de création pour des expériences immersives et ambitieuses.
Je l’utilise pour développer des environnements interactifs, des prototypes gamifiés ou encore des expériences 3D riches en narration visuelle.

UNREAL

Unreal Engine est mon moteur de création pour des expériences immersives et ambitieuses.
Je l’utilise pour développer des environnements interactifs, des prototypes gamifiés ou encore des expériences 3D riches en narration visuelle.

UNREAL

Tap to flip

Unreal Engine est mon moteur de création pour des expériences immersives et ambitieuses.
Je l’utilise pour développer des environnements interactifs, des prototypes gamifiés ou encore des expériences 3D riches en narration visuelle.

UNREAL

Tap to flip

Articulate 360 est ma boîte à outils pour transformer la formation en expérience ludique.
Avec Storyline, je conçois des modules e-learning interactifs, mêlant scénarios, quiz dynamiques, feedback instantané et mécaniques de jeu.

Articulate

Articulate 360 est ma boîte à outils pour transformer la formation en expérience ludique.
Avec Storyline, je conçois des modules e-learning interactifs, mêlant scénarios, quiz dynamiques, feedback instantané et mécaniques de jeu.

Articulate

Tap to flip

Articulate 360 est ma boîte à outils pour transformer la formation en expérience ludique.
Avec Storyline, je conçois des modules e-learning interactifs, mêlant scénarios, quiz dynamiques, feedback instantané et mécaniques de jeu.

Articulate

Tap to flip

Services

01

Website Design

01

Website Design

01

Website Design

01

Website Design

Transformez votre vision en réalité.
Ce service comprend la création de sites web à la fois esthétiques et intuitifs, conçus pour captiver vos visiteurs tout en les guidant vers des actions précises : achat, inscription à une newsletter ou prise de contact.
Notre approche repose sur une compréhension approfondie de votre audience cible, un design UX pensé pour une navigation fluide et des appels à l’action clairs, ainsi qu’un développement front-end basé sur les technologies web les plus récentes, pour un rendu à la fois moderne, fonctionnel et impactant.

Red Pyramid
Red Pyramid
Red Pyramid

Faites passer vos expériences au niveau supérieur grâce à la gamification.
Ce service consiste à intégrer des mécaniques de jeu dans vos contenus, sites ou formations pour captiver, motiver et fidéliser votre audience.
Nous analysons vos objectifs, vos utilisateurs et vos parcours actuels afin de concevoir des systèmes de points, badges, niveaux, défis ou narrations interactives adaptés à votre univers. Grâce à une conception UX réfléchie et des outils interactifs, nous transformons chaque interaction en expérience engageante et mémorable.

Blue Cube
Blue Cube
Blue Cube

02

Gamification

02

Gamification

Optimisez votre boutique en ligne avec un design e-commerce stratégique et percutant.
Ce service allie esthétique soignée et efficacité commerciale pour créer des sites e-commerce qui séduisent visuellement, rassurent les clients et maximisent les conversions.
Nous concevons des interfaces claires, fluides et responsives, avec une navigation intuitive, des fiches produits engageantes et des parcours d’achat optimisés. En comprenant votre cible et vos enjeux, nous intégrons les meilleures pratiques UX/UI pour transformer chaque visite en acte d’achat.

Green Cylinder
Green Cylinder
Green Cylinder

03

E-commerce Design

03

E-commerce Design

Donnez vie à vos idées grâce à un prototype de site web clair et fonctionnel.
Ce service vous permet de visualiser l’architecture, l’interface et les interactions de votre futur site avant son développement.
Grâce à des outils comme Figma ou Framer, nous concevons des maquettes interactives et responsives, pensées pour l’expérience utilisateur (UX) et adaptées à vos objectifs. C’est l’étape idéale pour tester, ajuster et valider votre vision, tout en posant des bases solides pour un site performant et cohérent.

Orange Sphere
Orange Sphere
Orange Sphere

04

Website Prototyping

04

Website Prototyping

Offrez une expérience optimale sur tous les écrans avec un design responsive.
Ce service garantit que votre site s’adapte parfaitement à tous les supports — smartphones, tablettes, ordinateurs — sans compromis sur l’esthétique ni la performance.
Nous repensons vos interfaces pour assurer une navigation fluide, des contenus lisibles et des interactions intuitives, quel que soit le format. Grâce à une approche mobile-first et aux meilleures pratiques du web moderne, votre site reste impactant, accessible et professionnel, partout et à tout moment.

Purple Circle
Purple Circle
Purple Circle

05

Responsive Design

05

Responsive Design

Créez des expériences de jeu mémorables grâce à un game design sur mesure.
Ce service couvre la conception complète des mécaniques de jeu, des systèmes d’interaction et de la progression du joueur, en accord avec votre univers et vos objectifs.
Nous définissons les règles, les objectifs, les feedbacks, les niveaux de difficulté et les dynamiques de gameplay pour garantir une expérience fluide, engageante et cohérente. En combinant storytelling, UX et logiques de motivation, nous concevons des jeux captivants qui retiennent l’attention et marquent les esprits.

Yellow Heart
Yellow Heart
Yellow Heart

06

Game Design

06

Game Design

Donnez de la voix à votre marque avec une stratégie de communication claire et percutante.
Ce service vise à définir et déployer les bons messages, sur les bons canaux, au bon moment. Nous vous aidons à structurer votre identité de marque, votre storytelling et vos contenus pour créer un discours cohérent, engageant et différenciant.
Qu’il s’agisse de communication digitale, institutionnelle ou créative, nous élaborons des supports adaptés (réseaux sociaux, newsletters, visuels, vidéos, etc.) pour toucher efficacement votre audience et renforcer votre impact.

Orange Star
Orange Star
Orange Star

07

Communication

07

Communication

Créez une identité de marque forte, cohérente et mémorable.
Ce service de branding design englobe la création ou la refonte complète de votre image de marque : logo, palette de couleurs, typographies, univers visuel et ton de communication.
Nous construisons une identité visuelle sur mesure, alignée avec vos valeurs, votre cible et vos objectifs. Le but : vous démarquer, marquer les esprits et instaurer une vraie cohérence sur tous vos supports — print, web, réseaux sociaux, packaging ou encore présentation d’entreprise.

Blue Gem
Blue Gem
Blue Gem

08

Branding Design

08

Branding Design

Améliorez votre visibilité en ligne grâce à une stratégie SEO sur mesure.
Ce service vise à positionner votre site dans les premiers résultats des moteurs de recherche en optimisant son contenu, sa structure et sa performance technique.
Nous analysons vos mots-clés, améliorons vos balises, travaillons le maillage interne et optimisons les temps de chargement pour booster votre référencement naturel. Le tout, dans une logique durable, pour attirer un trafic qualifié et augmenter votre taux de conversion.

Lime Green Cube
Lime Green Cube
Lime Green Cube

09

SEO Optimization

09

SEO Optimization

Rendez votre site accessible à tous grâce à un audit d’accessibilité complet.
Ce service identifie les obstacles qui empêchent certains utilisateurs — notamment en situation de handicap — de naviguer correctement sur votre site.
Nous analysons vos pages selon les normes WCAG (Web Content Accessibility Guidelines), testons la compatibilité avec les lecteurs d’écran, vérifions les contrastes, la navigation clavier, les balises ARIA, et bien plus.
Vous recevez un rapport détaillé avec des recommandations concrètes pour améliorer l’accessibilité, renforcer votre image de marque et respecter les obligations légales.

Yellow Pill
Yellow Pill
Yellow Pill

10

Website Accessibility Audit

10

Website Accessibility Audit

Harmonisez votre identité visuelle avec un design system structuré et évolutif.
Ce service consiste à concevoir un système de design complet, réunissant vos composants UI, vos règles typographiques, vos couleurs, vos icônes, vos grilles et vos guidelines d’usage dans un seul référentiel.
L’objectif : garantir la cohérence visuelle et fonctionnelle de vos interfaces sur tous vos supports, tout en facilitant la collaboration entre designers et développeurs.
Grâce à des outils comme Figma, Storybook ou Zeroheight, nous posons les bases d’une identité claire, scalable et maintenable dans le temps.

Pink Gem
Pink Gem
Pink Gem

11

Design System Creation

11

Design System Creation

Créez des expériences centrées utilisateur grâce à une recherche UX approfondie et des tests ciblés.
Ce service vous permet de mieux comprendre les besoins, comportements et attentes de vos utilisateurs afin de concevoir des interfaces réellement efficaces.
Nous menons des enquêtes, interviews, tests utilisateurs, analyses de parcours et audits heuristiques pour identifier les points de friction et valider les solutions UX les plus pertinentes.
Résultat : une navigation intuitive, des interfaces plus performantes, et une expérience utilisateur qui répond concrètement aux attentes de votre audience.

12

User Experience (UX) Research & Testing

12

User Experience (UX) Research & Testing

Souscription

Plan Essential

🎮 Parfait pour rendre un contenu plus fun et engageant (site, slide, module…)

749 €

1 mécanique gamifiée (ex. : quiz, tri, drag & drop)

Design interactif adapté à ton support

Création de feedbacks et scoring

Animation légère ou DA incluse

1 itération de correction

Livraison web ou PDF / iframe

Support mail 7j/7

Plan Essential

🎮 Parfait pour rendre un contenu plus fun et engageant (site, slide, module…)

749 €

1 mécanique gamifiée (ex. : quiz, tri, drag & drop)

Design interactif adapté à ton support

Création de feedbacks et scoring

Animation légère ou DA incluse

1 itération de correction

Livraison web ou PDF / iframe

Support mail 7j/7

Plan Essential

🎮 Parfait pour rendre un contenu plus fun et engageant (site, slide, module…)

749 €

1 mécanique gamifiée (ex. : quiz, tri, drag & drop)

Design interactif adapté à ton support

Création de feedbacks et scoring

Animation légère ou DA incluse

1 itération de correction

Livraison web ou PDF / iframe

Support mail 7j/7

Plan Premium

🔥 Pour transformer un contenu complet en véritable expérience interactive

1 199€

Tout le plan Essential

Jusqu’à 3 mécaniques (tri, scénario, scoring, badges…)

Narration immersive + storytelling UX

Animation légère ou DA incluse

DA sur mesure + icônes ou illustrations

Gamification stratégique (objectifs + utilisateurs ciblés)

Livraison optimisée pour LMS / Web / Framer

Feedbacks conditionnels, badges, points, adaptabilité

Feedbacks conditionnels, badges, points, adaptabilité

Priorité support & suivi personnalisé

Besoin de renseignements ?

Besoin de renseignements ?

Nous concevons des solutions sur mesure pour répondre aux besoins spécifiques de votre site web. Contactez-nous pour un devis personnalisé !


Nous concevons des solutions sur mesure pour répondre aux besoins spécifiques de votre site web. Contactez-nous pour un devis personnalisé !