# Lionel Orsini — Développeur senior

> Lionel Orsini, développeur senior et tech lead front-end, spécialisé en architecture logicielle, industrialisation et IA agentique. Accor, Danone, Zadig & Voltaire, et Chanel, Dior, Opéra de Paris au sein de l’agence Mazarine. Fondateur et architecte produit de lebonappel.art.

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.

- https://www.lionelorsini.fr
- https://www.linkedin.com/in/lionel-orsini-975766a8/
- https://github.com/joechipjoechip
- Aujourd’hui, mon agence IA : Smart Tailor https://smarttailor.fr

## Expérience

### Tech Lead Front-End & Gouvernance technique — Accor
2024 – 2026 · Paris · Marseille

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`

### Creative & Front-End Developer — Omakase Recordings
2022 – 2023 · Marseille

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](https://www.onyi.fr)

`Three.js` · `GLSL` · `Vue 3` · `Nuxt 3` · `Blender` · `GSAP`

### Front-End Developer — Zadig & Voltaire
2022 · Full remote

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](https://www.zadig-et-voltaire.com)

`Vue 2` · `Nuxt 2` · `Vue Storefront` · `TypeScript` · `GraphQL` · `Elasticsearch` · `Tailwind` · `BEM`

### Front-End Developer — Danone
2021 – 2022 · Full remote

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`

### Front-End Developer & Creative Developer — Mazarine
2017 – 2021 · Paris

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 : [Chanel](https://www.chanel.com), [Dior](https://www.dior.com), [Prada](https://www.prada.com), [Breitling](https://www.breitling.com), [Van Cleef & Arpels](https://www.vancleefarpels.com), [Opéra de Paris](https://www.operadeparis.fr), [Ritz Paris](https://www.ritzparis.com), [Balmain](https://www.balmain.com), [Paco Rabanne](https://www.pacorabanne.com), [Mugler](https://www.mugler.fr), [Viktor & Rolf](https://www.viktor-rolf.com), [Numéro](https://www.numero.com)

`JavaScript` · `Vue` · `React` · `Node.js` · `GSAP` · `WebGL` · `PHP` · `Laravel` · `Symfony` · `Drupal` · `Twig` · `AEM`

### Front-End Developer & Creative Technologist — Applyface
2016 – 2017 · Paris

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`

### Front-End Integrator & Graphic Designer — RG Design
2015 · Marseille

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`

### Indépendant & agences — Designer multimédia
2006 – 2015 · Marseille · Aix-en-Provence

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

### Fondateur & Architecte produit — lebonappel.art
2026 · Produit · en cours · Paris · Marseille

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](https://lebonappel.art/)

`Claude Code harness` · `TypeScript` · `PostgreSQL` · `Embeddings` · `LLM` · `Mistral` · `React` · `SSE` · `Docker` · `RGPD` · `AI Act` · `WCAG 2.2`

### Fondateur — SmartTailor.fr
2026 · Agence · en cours

Une agence de harnais IA qui garantit l’efficience.

- Site conçu et livré en coding agentique, avec Claude Code.
- [smarttailor.fr](https://smarttailor.fr/)

`Claude Code harness` · `Nuxt 4` · `TypeScript` · `Three.js` · `TSL` · `GSAP` · `Lenis` · `Node.js`

### Orchestration d’agents IA — Claude Code projects
2026 · Projets personnels

Des systèmes d’agents construits avec Claude Code, et les produits qu’ils livrent.


`Claude Code harness` · `OpenClaw` · `Obsidian` · `Nuxt 3/4` · `TypeScript` · `Python`

#### 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](https://agentcrafter.surge.sh)
- [agent-crafter-v2](https://github.com/caracole-ai/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](https://github.com/caracole-ai/openclaw-ui)
- [mattermost-orchestrator](https://github.com/caracole-ai/mattermost-orchestrator)

`Claude Code harness` · `OpenClaw` · `Mattermost` · `Python` · `Nuxt 3` · `TypeScript` · `SQLite`

_Liste non exhaustive_

### Développeur front-end — Loot Your City
2024 · 1 mois · Marseille

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](https://www.lootyourcity.com/)

`Three.js` · `Blender` · `Vue 3` · `Nuxt 3` · `HTML5` · `CSS3` · `JavaScript` · `GSAP` · `SASS` · `BEM` · `Git`

### Développeur front-end — Astrofolio
2023 – 2024 · Temps libre · Marseille

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](https://www.lionelorsini.fr/oldversion/)

`Astro` · `Vue 3` · `React Three Fiber` · `Svelte` · `Nano Stores` · `VueUse` · `HTML5` · `CSS3` · `JavaScript` · `GSAP` · `SASS` · `BEM` · `Git` · `Netlify`

### Développeur front-end — Carré Basset
2023 · Freelance · 1 semaine · Télétravail

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](https://www.carrebasset2024.com/)

`Canvas 2D` · `Vue 3` · `Nuxt 3` · `HTML5` · `CSS3` · `JavaScript` · `GSAP` · `SASS` · `BEM` · `Git`

### Développeur fullstack — Judith Creative Agency
2021 · Freelance · 2 mois · Marseille

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](http://www.judithcreativeagency.fr/)

`Vue 2` · `Nuxt 2` · `Strapi` · `PostgreSQL` · `GraphQL` · `Apollo` · `Heroku` · `AWS` · `HTML5` · `CSS3` · `JavaScript` · `SASS` · `BEM` · `Git`

### Développeur front-end — Services Généraux
2021 · Freelance · 1 mois · Paris

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`

### Designer & développeur front-end — Gellé & Frères
2017 · Freelance · 1 mois · Paris

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](http://gfgf.surge.sh/)

`Angular 1` · `HTML5` · `CSS3` · `JavaScript` · `Photoshop` · `Illustrator`

### Designer & développeur front-end — La Maison des Sushis
2015 · Freelance · 2 mois · Marseille

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

- **Veilles et apprentissages continus** — En ligne, 2025 – 2026. Coding agentique : Claude, OpenClaw, Hermes, etc. WebGPU, TSL, Higgsfield.
- **Veilles et apprentissages continus** — En ligne, 2023 – 2025. Astro, React Three Fiber, Vue 3, Nuxt 3, Strapi, GraphQL.
- **Three.js Journey** — En ligne, 2021. Three.js, shaders GLSL, Blender, Figma.
- **The Hacking Project** — Paris, 2017 · 4 mois intensifs. Ruby, Rails, JavaScript, tests unitaires, scraping, algorithmique.
- **30 Days of JS** — En ligne · Wes Bos, 2017. Trente exercices de JavaScript natif, sans bibliothèque.
- **freeCodeCamp** — En ligne, 2017. 100 % des exercices JavaScript de la plateforme.
- **3W Academy** — Marseille, 2015 · 3 mois intensifs. POO, MVC, PHP, MySQL, HTML5, CSS3, JavaScript.
- **Designer multimédia** — Marseille, 2014. Conception multimédia, ergonomie, chaîne de production.
- **Beaux-Arts** — Aix-en-Provence, 2010 – 2013. Histoire, théorie et critique des arts. Dessin génératif, création picturale.
- **École de graphisme** — Marseille · Condé, 2004 – 2006. Théorie graphique, composition, illustration, identité.
- **BTS Informatique de gestion** — Marseille, 2002 – 2004. Réseau, administration système, SQL.
- **Baccalauréat STT** — Luynes, 2002. Sciences et technologies tertiaires.

## Compétences

Niveaux auto-évalués, sur 100.

- **Front-end** — HTML5 (100), CSS3 (100), SASS (100), JavaScript (100), Vue 2/3 (100), BEM (100), GSAP (100), VueUse (90), Nuxt 3/4 (90), Async dev (Promises / Fetch) (90), Three.js (90), Blade (90), Twig (90), Tailwind (85), SSR (80), GraphQL (80), Vite (80), npm (80), Vue Storefront (75), React (75), TypeScript (75), GLSL (75), Webpack (75), Google Tag Manager (75), Astro (70), SVG (60), Bootstrap (50), jQuery (50), Storybook (50), Tampermonkey (50), Elasticsearch (40), Pug (40), Gulp (40), PhantomJS (30), Grunt (30), Jest (20), Electron (20)
- **IA** — Claude Code harness (90), Obsidian (85), OpenClaw (80), Hermes (70)
- **Back-end** — Node.js (95), PHP (70), Ruby (65), Ruby on Rails (40), Laravel (30), Symfony (30), Magento 2 (30), Maven (30)
- **CMS** — Strapi (90), AEM (85), WordPress (60), Drupal (60), Joomla (40)
- **DevOps** — GitLab CI (75), Surge (70), Heroku (60), AWS (40), Jenkins (40)
- **Bases de données** — SQL (75), PostgreSQL (60), MongoDB (40), MariaDB (20)
- **Outils** — Visual Studio Code / Cursor (100), Chrome DevTools (100), Git (95), GitHub (95), Jira (80), Confluence (80), SmartGit (50), PhpStorm (30), Bash (30)
- **Graphisme** — Photoshop (90), Figma (75), Illustrator (75), Midjourney (75), Blender (60)

## Langues

- Français — Langue maternelle
- Anglais — Courant et technique
- Geek Talk — Fluent

## Contact

- lionel.orsini@hotmail.fr
- Paris · Marseille