Aller au contenu principal

L'Atelier Web Des Alpes

Grenoble, Annecy, Genève

Thibault Montaufray

Thibault Montaufray

Expert en design numérique et systèmes de design, je conçois directement en code des sites internet et des interfaces modernes. Je met en place des solutions intelligentes qui apportent un vrai gain d'image et de performance en ligne aux entreprises et associations.

Thibault MontaufrayIngénieur Front-end Design · 27 ans de Web DesignLinkedIn

Du design moderne qui convertit. Du code moderne qui dure.

Mon expertise me permet de livrer rapidement des produits efficaces, modernes et faciles à utiliser. En fonction des besoins, je peux tout prendre en charge, seul ou avec vos équipes.

Des sites internet qui aident vraiment votre activité

Sites d'entreprise, refontes de marque, pages d'événement, portfolios, boutiques en ligne simples. Beaux, rapides et faciles à utiliser sur mobile — pensés pour faire bonne impression et transformer les visiteurs en clients.

Des sites internet qui aident vraiment votre activité

Optimisé SEO & SAIO

Pensé pour être bien classé sur Google et visible dans les moteurs IA.

Haut niveau d'accessibilité

Construit avec des composants accessibles par défaut.

Facile à mettre à jour

Modifiez votre contenu vous-même — sans code ni développeur.

Des interfaces soignées pour des produits complexes

Les tableaux de bord où votre équipe ou vos clients se connectent chaque jour. Je facilite des processus métiers complexes et la productivité grâce à des interfaces numériques bien conçues, en binôme avec votre équipe pour le back-end.

Des interfaces soignées pour des produits complexes

Interactivité et données denses

Tableaux de bord vivants et écrans à forte densité d'information.

Codée directement

Construit avec vos données, temps de développement accéléré.

Des expériences fluides

Plus d'efficacité et moins de friction pour des actions rapides.

Un système de design pour des réalisations ultra-rapides.

Un processus de création moderne couplé à une librairie personnelle, issue de mon expérience en design system et en design produit. Une construction accélérée pour dégager plus de temps sur le rendu final.

Un système de design pour des réalisations ultra-rapides.

Qualité et flexibilité

Niveau de réalisation et possibilités de changements élevés.

Transférable à vos équipes

À la demande, cette librairie et cette méthode peuvent vous être transmises.

Compatible Vibe Coding

Pensé pour fonctionner avec des workflows de code assistés par l'IA.

Pour ceux qui désirent un expert autonome et efficace.

Les petites structures apprécient mon ingéniosité et mes solutions accessibles ; les porteurs de projets ambitieux, ma vitesse et mon expérience.

Les nouvelles entreprises et associations qui veulent une première vitrine performante.

Vous démarrez et chaque semaine compte. Je livre vite un site clair et crédible, facile à mettre à jour vous-même, de l'idée à la mise en ligne en quelques semaines. Créé avec des outils modernes que vos équipes sauront maîtriser.

Équipes qui veulent moderniser un produit numérique existant

En préservant l'existant, je migre votre produit vers des technologies modernes et performantes afin de gagner en termes d'image, d'expérience mobile, d'accessibilité et de vitesse de chargement.

Entreprises et associations qui vendent en ligne

Vous voulez vendre des produits ou collecter des dons, et éviter la lourdeur d'un Shopify ou WooCommerce. Je construis des boutiques légères et sur-mesure qui vous aideront à convertir, sur mobile notamment. Rapides et économiques à faire tourner avec des solutions serverless et headless.

Équipes qui lancent un événement, un festival, un produit

Des expériences en ligne qui donnent envie de réserver. Formé au motion design, à la 3D et concevant de manière interactive, je livre un site événementiel vivant, soigné avec réservation en ligne — des expériences riches, graphiques, animées et mobiles pour plus de conversion.

Indépendants qui ont besoin d'une vitrine d'activité professionnelle

Votre prochain client est souvent déjà à moitié convaincu par une recommandation — le site doit juste le garder. Je crée une vitrine qui donne à votre activité l'image d'une structure établie et de confiance et crée une marque personnelle qui vous ressemble, facile à maintenir et à faire évoluer.

Équipes techniques qui ont besoin de design d'interface directement en code

Renfort design senior pour des produits complexes, tableaux de bord, applications internes ou prototypes pour levée de fonds. Design et développement ultra-rapides en Next.js, Shadcn/ui servant de démo fonctionnelle et de base technique pour vos développeurs en interne.

Des fondations sûres, qui s'adapteront à vos besoins

Des outils modernes, éprouvés et l'IA, sous mon contrôle expert, pour accélérer la construction et la qualité du langage graphique.

React

React

La bibliothèque d'interface la plus adoptée, avec un immense écosystème et vivier de talents.

Next.js

Next.js

Des pages rapides et bien référencées, sur une base solide portée par une forte communauté.

TypeScript

TypeScript

Du code typé qui détecte les bugs tôt, pour moins de régressions et des évolutions plus sûres.

Sanity Studio

Sanity Studio

Un studio de contenu flexible où votre équipe met à jour le contenu sans jamais toucher au code.

Shadcn/ui

Shadcn/ui

Des composants d'interface accessibles et personnalisables pour un rendu cohérent et soigné.

Storybook

Storybook

Une large bibliothèque de composants réutilisables sur laquelle votre équipe peut bâtir à la demande.

Netlify

Netlify

Un hébergement performant et fiable, avec des déploiements instantanés et un coût quasi nul.

Claude Code

Claude Code

L'assistant IA de ma chaîne d'outils, moderne et performant, toujours sous mon contrôle.

La génération directe d'interface avec un pilotage expert de l'IA

J'utilise mes sens créatif et critique pour itérer avec un agent IA : comme si je le faisais à la main, en plus rapide. Ce temps gagné est réinvesti dans les finitions de vos projets.

1. Cadrer, puis prototyper

Nous validons vos objectifs et la complexité technique. Je structure ensuite rapidement un prototype fonctionnel sur la base de nos échanges et vos contenus, en évitant la phase de maquette.

2. Itérer rapidement

Vous réagissez à un prototype interactif, consultable en ligne. Après chaque itération, la logique des parcours, l'architecture de l'information et le ressenti s'améliorent, jusqu'à validation de la structure.

3. Styliser et optimiser

L'image de marque, le design et les interactions sont peaufinés sur une structure solide et cohérente pour une conversion maximale. On optimise également vitesse, SEO, accessibilité avant la mise en ligne.

Ils ont fait confiance à Indiecrafts.

Un grand merci aux équipes et aux dirigeants qui m'ont accordé leur confiance et fait progresser professionnellement.

Si vous cherchez quelqu'un capable de développer et faire évoluer votre système de design tout en parlant le langage de votre équipe d'ingénierie, contactez Thibault. Bien qu'il ait travaillé comme prestataire, j'ai particulièrement apprécié sa capacité à piloter son travail de manière autonome.
Robert Kortenoeven

Robert Kortenoeven

Design Leader, Miro, ex-Zalando

Thibault a fait un travail formidable pendant les 4 dernières années à BNPP CIB. De l'idéation à la production, ses connaissances, son savoir-faire et son expertise ont permis de créer rapidement des produits et services bien conçus, actuellement utilisés par des milliers d'utilisateurs au quotidien.
Julien Veybel

Julien Veybel

Executive Leader · BNP Paribas CIB

Son approche du design incluant le code très tôt dans le processus s'est parfaitement intégrée à notre workflow Agile, il a permis d'améliorer la qualité des livrables sans ralentir la cadence. Sa compréhension des objectifs métiers a permis de livrer des solutions haut de gamme qui ont satisfait nos utilisateurs.
Julien Laure

Julien Laure

Partner @ Theodo

Réalisations récentes.

Un aperçu des sites internet et interfaces applicatives que j'ai conçus et développés récemment.

Yak Architecture

Yak Architecture

La Grange aux Skis

La Grange aux Skis

Siemens AG

Siemens AG

Cinélangues

Cinélangues

Les expériences qui ont marqué mon parcours technique et créatif.

Une sélection de missions qui m'ont poussé à grandir techniquement, à m'adapter et à apprendre sans cesse.

Freelance indépendant depuis 15 ans et formé à l'ingénierie de l'image et du web, j'interviens en conseil, design et développement d'interfaces et de produits numériques complets. Mon expertise se concentre en particulier sur les enjeux de design front-end. Je réalise des produits numériques complètement ou partiellement, en binôme avec vos équipes. Au fil des années, j'ai travaillé avec des organisations de toutes natures — BNP Paribas IP et BNP Paribas CIB, Groupe BNP Paribas, L'Institut Français, SeLoger, Vente Privée, Theodo, le Conseil Régional du Lot-et-Garonne, ainsi qu'avec de plus petites structures et associations, avec le même plaisir.

Design & Développement indépendant

Wahio.design, mon projet personnel full-stack — j'y explore les derniers outils de génération de designs web, l'IA générative, le Vibe Coding et l'infrastructure Edge. Ce projet m'a servi à perfectionner et valider mes récents acquis en termes de processus de production assistés par l'IA. Conçu et développé en solo, de bout en bout. Le service transforme une idée en vêtement : décrivez simplement votre idée et un pipeline génératif, avec 200 styles graphiques et 400 thématiques, produit un visuel unique imprimable sur une trentaine de produits — imprimé en Europe et livré en quelques jours.

Fondateur & Développeur

Siemens est un conglomérat mondial présent dans l'industrie, l'énergie, la santé et les infrastructures, dans plus de 200 pays — avec une douzaine de systèmes de design construits en interne et des centaines de designers. J'ai proposé des solutions pour optimiser la gestion des systèmes de design et le partage de connaissances entre de nombreuses équipes. J'ai proposé différents scénarios pour l'évolution des systèmes de design internes, ainsi que des solutions pour rapprocher les équipes design faisant face aux mêmes problématiques, permettant ainsi la mise en place de pratiques communes et standardisées.

Design Systems & Design Operations

Shipfix est une plateforme de données et processus métier, dopée à l'IA, dans le secteur du fret maritime — elle transforme la surcharge d'e-mails de commandes quotidienne en une vue de marché puissante pour les armateurs, traders et courtiers. J'ai optimisé le système de design produit en y intégrant le langage de marque et les éléments mobiles. Un inventaire plus clair, une restructuration complète des bibliothèques dans Figma et l'introduction d'une classification des composants par domaine métier ont permis un workflow plus rapide et des mises à jour de fichiers plus sûres — j'ai aussi accompagné l'équipe produit sur des projets design stratégiques.

Design Systems & Design de Produits

Zalando est le premier acteur européen de la mode en e-commerce ; zDirect est la porte d'entrée des marques partenaires qui y vendent directement. J'ai optimisé le système de design de la marketplace zDirect pour la performance et l'utilisabilité, au service des équipes comme des partenaires. J'ai accompagné une équipe de 20 designers et une équipe UI de 10 développeurs, en optimisant les passations entre les équipes design et développement et en mettant en place un process agile dual-track. J'ai amélioré la documentation avec des exemples prêts à l'emploi, fluidifié la publication des composants, et optimisé la bibliothèque Figma — structure, auto-layout et dépréciation.

zDirect — Design System Manager

Le Digital Marketplace est la plateforme unifiée de BNP CIB pour sélectionner, commander, livrer et superviser produits cloud et services métier — un hub collaboratif pour l'offre numérique de la banque. L'équipe technique s'est classée 2ᵉ aux Banking Technology Awards 2018. J'en ai construit le système de design atomique en ReactJS et Styled Components, en collaboration avec 20 développeurs front-end et 50 experts métier — documenté dans Storybook, avec des contraintes structurelles pour une construction standardisée et rapide, limitant la dette technique. Sprints de design et prototypage itératif rapide, jusqu'au refactoring complet de l'interface.

Digital Marketplace — Design System Engineer

NDA · image d'illustration

Le groupe Theodo, en pleine expansion, est dédié au développement de produits numériques complexes. J'ai apporté mon expertise design aux équipes techniques avec la méthode du Design Thinking appliqué aux méthodes Agile / Lean, notamment pour BNP IP, Safran et Dassault Systèmes. La méthode de production, extrêmement rapide, reposait sur des itérations courtes : prototypes interactifs et design produit itératif en cycle court, en lien étroit avec des développeurs aguerris et des product owners sur des projets aux contraintes exigeantes. Livraison des designs réalisés sous forme de merge requests.

Design de produit en code

Participation à la conception et au développement d'une interface d'analyse de données de vol en temps réel, dans le secteur de l'aviation civile. Cassiopé transforme la donnée brute enregistrée en information exploitable — cartes, courbes, rejeu de trajectoire 3D et suivi en temps réel. Le travail s'est fait directement en code avec l'équipe de 10 développeurs de Theodo — améliorations livrées via Git et méthode Agile. Production en HTML, CSS et JavaScript et méthode d'améliorations rapides et successives de prototypes, constamment ajustés avec les retours métiers et respectant les contraintes techniques.

Aviation Civile — Design en Code

NDA · image d'illustration

Participation à la conception et au développement de l'interface de support automatique avionique de Safran, dans le secteur militaire et défense. Ce système de support automatique couvre les casques pilotes, le calcul embarqué et les dispositifs connectés. Même cadre que pour Cassiopé : un flux de design en code avec Theodo, des itérations rapides en amélioration continue, livrées via Git au sein d'une équipe agile de 10 développeurs, en HTML, CSS et JavaScript.

Support Avionique — Design en Code

NDA · image d'illustration

Co-fondateur et designer numérique de Spin Interactive, une agence digitale parisienne qui conçoit des sites et des expériences interactives pour de grands médias et marques. Réalisation de plateformes éditoriales sur-mesure, d'outils de publication, de campagnes multi-canaux et de sites de marque. Nous avons conçu et réalisé des produits numériques pour des clients comme TV5 Monde, Le Monde, France 24, Canal+, Arte, Le Coq Sportif et Siaci Saint Honoré.

Co-fondateur & Designer numérique

Fisheggs crée des systèmes visuels à fort impact pour la télévision, le streaming et les marques — alliant des décennies de savoir-faire à un workflow moderne, axé sur l'exploration, qui offre clarté, rapidité et une créativité qui se démarque. Mise en pratique réelle de techniques avancées de 3D et de compositing numérique pour les médias américains. Réalisation de planches de concepts, réalisation de scènes 3D animées et compositing final. Déclinaison en différents formats et langues pour la diffusion TV et les habillages de plateaux de tournage.

Designer Motion/3D

Les questions qu'on me pose le plus.

Comment je travaille, avec quels outils, et à quoi ressemble un projet — la version courte.

Un profil hybride, à la frontière du design et du développement front-end, souvent décrit comme un « designer qui code » ou un « UX Unicorn ».

Dites-moi ce que vous souhaitez construire.

Un court message suffit — la nature du projet, l'objectif visé, et le timing. Je réponds sous deux jours ouvrés avec quelques questions et un créneau pour un appel de 30 minutes.

Me contacter sur LinkedIn