Développeur senior

Un cursus Design et Beaux-Arts, puis 12 ans d’ingénierie

Hier Designer, aujourd'hui Senior Frontend Developper,
demain Product Engineer.

Du Design je garde l’œil, l’affordance. Des Beaux-Arts, la plasticité conceptuelle.
De l’ingénierie logicielle, l’exigence et la rigueur, éprouvées auprès de grands comptes et d’environnements complexes à fort trafic (et donc grands enjeux).
Les trois servent une même réflexion, que je mène en transverse :
Produit, Design, Backend, Ops.

Mon profil LinkedIn Télécharger mon CV Aujourd’hui, mon agence IA : Smart Tailor

Expérience

Neuf marques d’hôtels — dont Sofitel, Novotel, Mercure, Ibis — à forts volumes de trafic et à enjeux business critiques. Stratégie d’architecture et de delivery.
- Pilotage de la stratégie d’architecture et de delivery sur le périmètre des neuf marques.
- Stratégies de contention et réduction de massives dettes techniques, multiples et variées.
- Réunions et ateliers de cadrage transverse — Produit, Design, Backend, Ops — planification, estimations.
- AEM
- JavaScript
- Vue 3
- SASS
- BEM
- Webpack
- Monorepo
- Git
- Jira
Conception et implémentation de l’expérience web 3D commandée par le label musical pour la promotion d'une sortie d'album d'un de leurs artistes.
- Moodboards et discussions avec l'artiste.
- Modélisations et animations.
- Scénographie 3D, prototypage et shaders GLSL custom.
- Concept, direction artistique et développements.
- onyi.fr
- Three.js
- GLSL
- Vue 3
- Nuxt 3
- Blender
- GSAP
Parcours critiques et industrialisation des composants d’un site eCommerce international à fort trafic.
- Refactorisation de parcours critiques (panier, recherche, suivi de commandes), industrialisation des composants, maintenance corrective et évolutive d’environnements complexes.
- Raffinement des tickets et code reviews.
- zadig-et-voltaire.com
- Vue 2
- Nuxt 2
- Vue Storefront
- TypeScript
- GraphQL
- Elasticsearch
- Tailwind
- BEM
Le front-end sur mesure du DAM de Danone, sur AEM : les outils internes où le groupe centralise ses assets techniques et commerciaux.
- Conception et implémentation intégrale de « Medical Portal », DAM de la division Nutrition
- Conception et implémentation intégrale de « DAM One Portal », qui réunit les DAM de toutes les divisions.
- En autonomie complète sur le front, en binome avec un (super) Architecte AEM.
- Onboarding des équipes offshore, documentation technique.
- AEM
- JavaScript
- LESS
- BEM
- Webpack
Quatre ans en agence de luxe, où une interface qui n’est pas juste au pixel près ne sort pas. C’est là que s’est prise l’exigence visuelle.
- Conception et développement de projets mixtes combinant plateformes e-commerce à très grande échelle et web expérientiel et immersif.
- Application constante de standards d’excellence rigoureux — performances, cross-device, pixel-perfect, SEO, accessibilité, tracking — et maîtrise d’architectures robustes (MVC, WebApps, POO, SOLID).
- R&D et innovation technique : briques graphiques avancées (WebGL) et IA naissante à l’époque (DialogFlow).
Interventions directes sur les sites de :
- JavaScript
- Vue
- React
- Node.js
- GSAP
- WebGL
- PHP
- Laravel
- Symfony
- Drupal
- Twig
- AEM
Monter toute la chaîne de production d’une agence d’applications, code et no-code mêlés — jusqu’à vingt-cinq applications par personne et par mois.
- Création d’une chaîne de production d’applications mobiles pour PME, mêlant solutions code et no-code : un rendement optimisé de vingt-cinq applications produites par personne et par mois.
- C’est là qu’une ligne de production bien pensée s’est révélée valoir mieux qu’une équipe qui court.
- Angular 1
- HTML5
- CSS3
- GoodBarber
- Photoshop
- App Store
- Google Play
Trois mois de maquettes responsives, puis leur intégration sur mesure dans des CMS.
- Maquettes responsives et intégrations sur mesure dans des CMS (WordPress, Joomla, propriétaires PHP).
- HTML5
- CSS3
- WordPress
- Joomla
- PrestaShop
- Photoshop
Création graphique, direction artistique et infographie, web et print. Dix ans qui fondent l’ergonomie et le design avant le virage vers l’ingénierie logicielle.
- Projets web et supports de communication pour des commanditaires variés, dont la Fondation Vasarely et la Friche Belle de Mai.
- Maîtrise des fondamentaux de l’ergonomie et du design responsive, avant l’orientation vers l’ingénierie logicielle.
- Direction artistique
- Identité visuelle
- Édition
- Photoshop
- Illustrator

Side projects

Un moteur de recommandation sémantique conçu, construit et exploité seul — de l’acquisition des données jusqu’au déploiement en production.
- Conception et delivery intégrale en autonomie : cadrage du besoin, priorisation des cas d’usage, industrialisation d’une V1 orientée création de valeur immédiate (modèle SaaS).
- Architecture et management agentique : pilotage et orchestration d’agents IA pour concevoir, prototyper et structurer le système de bout en bout.
- QA, contrôle qualité et automatisation des déploiements — la mise en production est refusable par sa propre batterie de contrôles.
- Le produit est conçu de façon abstraite pour être répliqué : la chaîne vaut au-delà de son premier domaine.
- RGPD, AI Act européen et WCAG 2.2 traités comme contraintes d’architecture, en amont, et non comme une formalité de fin de projet.
- lebonappel.art
- Claude Code harness
- TypeScript
- PostgreSQL
- Embeddings
- LLM
- Mistral
- React
- SSE
- Docker
- RGPD
- AI Act
- WCAG 2.2
Une agence de harnais IA qui garantit l’efficience.
- Site conçu et livré en coding agentique, avec Claude Code.
- smarttailor.fr
- Claude Code harness
- Nuxt 4
- TypeScript
- Three.js
- TSL
- GSAP
- Lenis
- Node.js
Des systèmes d’agents construits avec Claude Code, et les produits qu’ils livrent.
- CORE
  Un monorepo multi-agents dont un vault Obsidian est la seule source de vérité. Son but : produire des webapps et des SaaS de façon autonome, de l’idée jusqu’à la V1.
  metaDashboard : un tableau de bord Nuxt qui lit et écrit directement dans le vault. SQLite n’y garde que le runtime — événements, tokens, builds, processus.
  Supreme flow : un pipeline Idée → Delivery → V1, dont chaque étape est un skill Claude Code lancé en processus détaché. La fin d’une étape déclenche la suivante.
  Treize agents en deux équipes, incubation et code : cadrage, specs, design, build, revue de code, QA, sécurité.
  Des portes avant livraison : install, build, type-check et tests, jusqu’à dix tentatives de correction, puis un démarrage réel de l’application.
  Une boucle de connaissance : les retours d’expérience de chaque projet sont agrégés, puis réinjectés dans les suivants.
  Claude Code harness
  Nuxt 3
  TypeScript
  SQLite
  Obsidian
  Python
  Mattermost
- Chat with Legends
  Socrate, Oscar Wilde et Cléopâtre débattent en temps réel des grandes questions.
  Deux formats de conversation : le débat et le dîner.
  Les répliques arrivent en flux, et les personnages s’appuient sur une recherche web.
  Produit par le supreme flow de CORE.
  Claude Code harness
  NestJS
  Next.js
  React
  TypeScript
  SQLite
  Tailwind
  GSAP
  Docker
- Scraper Foundry
  Scrapix, une usine à micro-SaaS verticaux : une donnée éparpillée sur plusieurs sites devient un flux propre, normalisé et comparable dans le temps — sans que le client écrive ni maintienne un seul scraper.
  Une file de collecte par secteur : chacun a ses sources, son schéma et ses alertes, et peut tomber en panne sans entraîner les autres.
  Des scrapers qui se surveillent : nouvelles tentatives espacées, coupe-circuit après trois collectes vides, tests de non-régression sur des pages enregistrées.
  Chaque client ne voit que ses données : le cloisonnement est imposé par PostgreSQL lui-même, et contrôlé à chaque commit.
  Dédoublonnage intégré, export CSV ou JSON, alertes par e-mail.
  Le juridique en contrainte d’architecture : veille des CGU et du robots.txt de chaque source, manifeste public du robot.
  Claude Code harness
  NestJS
  Next.js
  TypeScript
  PostgreSQL
  Redis
  BullMQ
  Drizzle
  Stripe
  Scaleway
- Agent Crafter
  Un créateur de personnalités pour agents IA, sur le modèle des créateurs de personnages du jeu vidéo.
  Plus de cinquante paramètres, dont le modèle Big Five et huit styles de communication.
  Un budget de 500 points à répartir entre les traits.
  Export en JSON, en gabarit de prompt ou en Markdown.
  agentcrafter.surge.sh
  agent-crafter-v2
  Claude Code harness
  Nuxt 4
  Pinia
  Tailwind
  Chart.js
  TypeScript
- Auto Job Applier
  Collecte d’offres et candidature autonome pour deux profils — développeur senior et IA producer —, avec des CV et des lettres qui partent tels quels.
  Collecte sur France Travail, LinkedIn et les boards Lever, Greenhouse et Ashby, dédoublonnée.
  Un tri déterministe, sans LLM : critères éliminatoires, lieu, salaire, puis une catégorie ou un rejet motivé.
  Aucune pièce générée ni retouchée : seul l’intitulé du poste entre dans la lettre, et une annonce en anglais reçoit une traduction figée.
  Une candidature ne compte qu’une fois sa confirmation lue sur la plateforme ; chaque envoi laisse ses captures en preuve.
  Des quotas, des cycles planifiés et un coupe-circuit par canal.
  Claude Code harness
  Bun
  TypeScript
  SQLite
  Playwright
- Journal de rêves
  Capture vocale au réveil et lecture symbolique jungienne des rêves, pour des adultes en introspection.
  Une capture pensée pour les quelques minutes où un rêve reste en mémoire, puis transcrite.
  Une lecture découpée en actes et en portions, chacune discutable avec l’IA.
  Une constellation des symboles, recomposée à chaque rêve selon les liens entre les notions.
  Des pistes de réflexion, pas des vérités : l’analyse peut dire qu’un rêve n’a probablement pas de sens profond.
  Construit par le supreme flow de CORE, repris en cinquante-deux sessions de travail.
  Claude Code harness
  Mistral
  NestJS
  Next.js
  TypeScript
  PostgreSQL
- OpenClaw × Mattermost
  Le système d’agents d’avant CORE : des agents OpenClaw qui se parlent sur un Mattermost privé, pilotés depuis un tableau de bord.
  mattermost-orchestrator : des bots — architecte, développeuse, chef de projet — qui répondent via Claude, puis une incubation qui fait passer une idée à l’état de projet avec six agents.
  openclaw-ui : le tableau de bord de pilotage. Créer un agent y crée son espace de travail, son bot Mattermost et sa configuration.
  openclaw-ui
  mattermost-orchestrator
  Claude Code harness
  OpenClaw
  Mattermost
  Python
  Nuxt 3
  TypeScript
  SQLite
Liste non exhaustive
- Claude Code harness
- OpenClaw
- Obsidian
- Nuxt 3/4
- TypeScript
- Python
Loot Your City est un jeu mobile web3 : un play-to-earn bâti sur la blockchain Solana.
- Développement de la landing page
- Développement Three.js
- Gestion du gyroscope sur mobile : on incline le téléphone, le décor suit
- lootyourcity.com
- Three.js
- Blender
- Vue 3
- Nuxt 3
- HTML5
- CSS3
- JavaScript
- GSAP
- SASS
- BEM
- Git
Mon précédent CV-portfolio, développé sur mon temps libre. Le but : apprendre Astro et mettre l’exhaustivité de mon parcours à la disposition des RH et des recruteurs, de manière visuellement digeste.
- Déploiement continu : GitHub → Netlify
- lionelorsini.fr/oldversion
- Astro
- Vue 3
- React Three Fiber
- Svelte
- Nano Stores
- VueUse
- HTML5
- CSS3
- JavaScript
- GSAP
- SASS
- BEM
- Git
- Netlify
Pour la nouvelle année 2024, l’agence voulait une carte de vœux numérique, avec un mini-jeu, à envoyer à ses clients.
- Développement Canvas
- Développement front-end
- Mise en ligne
- carrebasset2024.com
- Canvas 2D
- Vue 3
- Nuxt 3
- HTML5
- CSS3
- JavaScript
- GSAP
- SASS
- BEM
- Git
Un CMS sur mesure pour une agence de social content : modèle de contenu, API, interface, hébergement.
- Livré dans les temps et 100 % fonctionnel
- judithcreativeagency.fr
- Vue 2
- Nuxt 2
- Strapi
- PostgreSQL
- GraphQL
- Apollo
- Heroku
- AWS
- HTML5
- CSS3
- JavaScript
- SASS
- BEM
- Git
Un site événementiel pour accompagner le vernissage d’une exposition organisée par l’agence. Le parti pris : un site qui se parcourt comme Google Maps.
- Développement du front-end
- Toutes les interactions de la carte en JavaScript natif : saisir, glisser, zoomer, lecture automatique des vidéos
- Site aujourd’hui hors ligne
- Vue 2
- Nuxt 2
- HTML5
- CSS3
- JavaScript
- GSAP
- SASS
- BEM
- Git
Le lancement d’une marque de parfums et de soins : maquettes et développement intégral du site.
- Données structurées en JSON
- Multilingue sans rechargement de page
- Lecteur audio dynamique
- Routage entièrement côté client, en JavaScript natif
- Responsive, animations CSS3
- Un diagnostic, et sa version autonome pour tourner hors connexion sur iPad lors des salons cosmétiques
- La marque a depuis refondu son site : le lien mène à une sauvegarde de mon travail
- gfgf.surge.sh
- Angular 1
- HTML5
- CSS3
- JavaScript
- Photoshop
- Illustrator
Le site vitrine d’un restaurant de sushis.
- Maquettes de la carte imprimée et du site
- Intégration from scratch
- Un outil de recherche par ingrédient
- En amont, un parser PHP pour récupérer toutes les données existantes en JSON structuré
- Angular 1
- HTML5
- CSS3
- JavaScript
- PHP
- Photoshop
- Illustrator

Formation

2025 – 2026Veilles et apprentissages continusEn ligneCoding agentique : Claude, OpenClaw, Hermes, etc.
WebGPU, TSL, Higgsfield.
2023 – 2025Veilles et apprentissages continusEn ligneAstro, React Three Fiber, Vue 3, Nuxt 3, Strapi, GraphQL.
2021Three.js JourneyEn ligneThree.js, shaders GLSL, Blender, Figma.
2017 · 4 mois intensifsThe Hacking ProjectParisRuby, Rails, JavaScript, tests unitaires, scraping, algorithmique.
201730 Days of JSEn ligne · Wes BosTrente exercices de JavaScript natif, sans bibliothèque.
2017freeCodeCampEn ligne100 % des exercices JavaScript de la plateforme.
2015 · 3 mois intensifs3W AcademyMarseillePOO, MVC, PHP, MySQL, HTML5, CSS3, JavaScript.
2014Designer multimédiaMarseilleConception multimédia, ergonomie, chaîne de production.
2010 – 2013Beaux-ArtsAix-en-ProvenceHistoire, théorie et critique des arts. Dessin génératif, création picturale.
2004 – 2006École de graphismeMarseille · CondéThéorie graphique, composition, illustration, identité.
2002 – 2004BTS Informatique de gestionMarseilleRéseau, administration système, SQL.
2002Baccalauréat STTLuynesSciences et technologies tertiaires.