Je m’assure que chaque composant que je crée a un objectif clair et précis.
Je crois que les savoirs de différents domaines enrichissent ma compréhension et m’aident à repérer les frictions subtiles. Cette approche me permet de proposer des solutions complètes.
Je me concentre sur l’affinage de la structure du DOM, le CLS, INP et le FCP/LCP. En traitant chaque élément comme un mini-projet.
Je prends des décisions stratégiques alignées avec la vision globale (utilisateur/business/SEO) et j’ajuste le produit grâce aux retours des équipes et des utilisateurs.
Je place les utilisateurs au cœur de toutes mes décisions. Je m’efforce de créer des expériences accessibles et engageantes.
Designer produit passionné par le "craft", le "storytelling" et l’architecture de systèmes, j’opère au carrefour des expériences digitales et des technologies émergentes.
Actuellement, j’explore V0 et le Prompt Engineering, tout en poussant l’innovation front-end avec Three.js et des shaders sur mesure.
Je crée des sites web depuis 2007 et, depuis 2018, j’ai conçu des Design Systems pour des médias majeurs.
Chez Les Numériques (plus de 5 millions d’utilisateurs mensuels), j’ai piloté le Design System, optimisé les Web Core Vitals, imaginé des tunnels de conversion, optimisé l'affiliation et la rapidité d'exécution dans le navigateur, mené des refontes ambitieuses sous fortes contraintes techniques et supervisé plusieurs initiatives de rebranding.
Mon travail allie design UI, code front-end et stratégie business pour que chaque interaction soit performante, facilement repérable par les moteurs et réellement impactante.
J'explore l'IA et le prompt engineering en Design et en génération d'image permettant d'aller plus loin dans la production d'assets et de prototypes. Exploration de Next.js (SSR), V0.dev, Zeroheight, Three.js (couplé à l'IA) en résonance avec mes expériences de motion Flash 20 ans auparavant. Side project Prompt Engineering : Je suis sélectionné plusieurs fois par l'équipe d'OpenAI Sora pour la créativité de certaines de mes générations d'images.
Évolution du Design System Les Numériques avec tokens Figma et variables nommés selon la convention de nommage hybride BEM/Atomic déjà en place dans la feuille de style, permettant des composants souples sur tous les breakpoints et les thèmes clair/sombre. Cette logique de convention et de séparation des responsabilités ayant prouvée sa maintenabilité dans le temps long, l'architecture front de Les Numériques est évangélisée et transférée sur la refonte du site Marmiton.org. En exergue, usage systématique de HSLuv au profit de RVB, pour un meilleur contrôle sur les lavis de couleur et la luminance.
Expérimentation de l’IA pour la génération de code et documentations UI. Les Numériques : Supervision de l'import de façon native et "atomisé" des assets via RollupJS réduisant fortement le Coverage et l'INP (treeshaking et lazy load du JS en micro composant via IntersectionObserver et écouteurs d'événements). Analyse et ajustement des scripts owner et tiers afin de détecter les fonctions JS lourdes (>50ms) et limiter le bottleneck (réduction du TBT). Participant au retour en première place SEO face à la concurrence directe.
Ajustements autour du CLS,FCP/LCP afin d'optimiser le SEO de Les Numériques tout en assurant une UX fluide + optimisation de la cascade de chargement des assets. Conception et supervision du front d'un menu BottomSheet en mobile poussé en production sur Gamekult pour un accès facilité aux contenus Premium et gain SEO (non redondance des liens en Header). Usage intensif de Lighthouse, Webpagetest, SpeedCurve.
Évolution du brand design et direction artistique pour les réseaux sociaux et Twitch (Illustrator) de Les Numériques. Je m'inspire de la matière des produits technologiques et joue sur les réflections avec le silicium, le verre etc.
Orchestration de pipelines Gulp/Webpack afin de centraliser et valider les assets (Compilation et injection de, découpage modulaire JS ES6, assets Meta etc.) de plusieurs Design Systems de sites à fortes audience (+ validation AMP), Mise en place de convention en interne concernant l'intégration de balises ARIA là où c'est nécessaire et de bonnes pratiques A11Y, migration progressive de Sketch vers Figma. Tests A/B tournés sur les performances d'affiliations via Kameleoon.
Side-Project : Développement d’une application mobile, contrôleur audio UPnP local : back-end Kotlin (Realm DB), front-end React Native, réflexion UX/UI sous Sketch. Migration et mise en prod par lots de la refonte LesNumériques échelonnée sur plusieurs mois. UX/UI et Prototypage via Sketch de la refonte du menu de LesNumériques qui regroupe des centaines de catégorie de produits.
Mise en place d’une bibliothèque sur mesure de centaine de composants Sketch (avec Abstract : versionning + merge request) / Twig / SASS / ES6, en somme c'est le même principe que Stylebook mais dans un contexte Symfony/Twig). Supervision front-end Symfony avec Twig + SASS (CSS), conformité WCAG A & AA. Lead d'ateliers hebdomadaires de réflexion UX (PM+UX Research+Product Designers+Journalistes). Participation et mise en place de sprints en méthode Agile.
Réflexion UX à travers des ateliers accompagnées d'une étude par postits (card sorting + personas), wireframes sur Balsamiq. Conception sur Sketch du tunnel de conversion, de la mise en page minimaliste Premium et d’un mode de lecture 'nuit' pour Gamekult, introduction de conventions front-end BEM et Atomic Design, appliquant avec les principes apportés par Brad Frost.
Exploration back-end/front-end avec Laravel et Blade pour mon site personnel. C'est à ce moment où je comprends par la philosohpie d'architecture de Taylor Otwell l'importance de la séparation des responsabilités entre composants Back-End, je commence à transférer cette reflexion en Front et en UI.
Création d’un outil de tracking en temps réel en AngularJS/CakePHP connecté aux APIs YouTube, Twitter et Facebook pour analyser l’engagement social de l’animateur. (2013 : +1M Abonnés YouTube). Supervision de ses réseaux sociaux et premiers contacts avec WordPress.
Tentative de convention CSS par propriété/valeur (.margin-top--8 etc.) tout en gardant la force du style en cascade, cette approche était verbeuse et la maintenance complexifiaient l’usage à l’époque, l'application redevient possible aujourd'hui avec l'automatisation et la compilation des assets. Usage en production de Bootstrap réduit aux composants utiles. Premiers pas en réflexion Mobile First et UX avec l'aide d'un ergonome.
Side-Project: Expérimentation de CakePHP pour créer un média sur la voiture électrique avec fiches produits et techniques. Attirance vers l'architecture de l'information, premier contact avec la réflexion MVC et aux frameworks PHP.
Je m'oriente vers le web en fullstack, développement du site et du lecteur interactif de podcasts en Flash(ActionScript)/PHP/HTML/CSS, réalisation de vidéos et photographies pour l’émission, premières intégrations web et bases du Community Management. Encadré par Nikos Aliagas, Bruno Guillon ou encore Camille Combal, c'est ma première expérience autour de contraintes à forte audience.
De 2003 à 2007, j’explore la création d’interfaces web pour différents projets personnels et professionnels avec Macromedia Flash : conception de composants réutilisables pilotés en ActionScript, incarnant les principes d’un Design System avant-gardiste. Je suis formé au dessin académique ce qui m'initie à penser en volume, par couche, rapidement pour la structure ou dans le détails. je me forme à la modélisation et au rendu 3D avec Blender, conçois en groupe le mod 'CnC Europe' pour Command & Conquer Generals distingué à Leipzig par Electronic Arts, et expérimente PHP/MySQL pour un outil de référencement de tutoriels.