# Olin.os — Josselin Hillion (Portfolio & Projets)

> Josselin Hillion est Senior Product Designer & AI Builder (Double diplôme École de design Nantes Atlantique × Arts et Métiers ENSAM, 7 ans d'expérience chez ekino × MFG Labs). Spécialiste de la conception Discovery-to-Delivery, des Design Systems industriels, de l'orchestration d'agents IA (Google Antigravity, Claude Code, Cursor) et de l'architecture produit B2B/Data.

## Profil & Identité
- **Nom :** Josselin Hillion
- **Rôle :** Senior Product Designer & AI Builder
- **Formation :** MDes UX & Design de services (École de design Nantes Atlantique) × Diplôme d'Ingénieur (ENSAM Arts et Métiers ParisTech)
- **Expérience :** 7 ans chez ekino × MFG Labs (grands comptes : Renault Group, Mastercard, Royal Canin) + Builder indépendant (création de SaaS B2B, intégrations APIs, Vibecoding Design System First).
- **Localisation :** Région Nantaise / Montaigu (Vendée), France
- **Site Officiel :** https://www.olindesign.fr/
- **LinkedIn :** https://www.linkedin.com/in/josselinhillion/

## Projets Majeurs & Études de Cas

### Olin.os — Méthodologie Vibecoding Design System First & Multi-Agents IA
- **URL :** https://www.olindesign.fr/
- **Client :** Projet Souverain Olin.os (Laboratoire d'ingénierie produit & IA)
- **Rôle :** Lead Product Architect & AI Builder
- **Enjeux :** Résoudre la falaise de dette technique, l'entropie de contexte et l'explosion des coûts en tokens du vibecoding non-gouverné.
- **Approche :** Cycle en 4 temps (*Spike ➔ Freeze ➔ Atom ➔ Assemble*) orchestré par le tandem d'agents : Claude Code (opérateur Figma & code) × Google Antigravity (architecture, audit de conformité & synchronisation continue). Contrat de design fermé via tokens W3C et génération Astro SSG.
- **Impact & Résultats :** Division par 5 de la consommation de tokens IA, réduction de 80% des allers-retours correctifs, score Lighthouse 100/100 garanti et conformité native GEO (Generative Engine Optimization).

### Renault Moments — Design de prospective & cockpit embarqué (AAOS)
- **URL :** https://www.olindesign.fr/renault-moments.html
- **Client :** Renault Group / Direction Prospective
- **Rôle :** Lead UX/UI Designer (ekino)
- **Enjeux :** Prospective à 5-10 ans sur l'expérience à bord des véhicules autonomes et connectés sous Android Automotive OS (AAOS). Réduction de la distraction au volant ("Driver Distraction").
- **Impact & Résultats :** Système de widgets contextuels validé au niveau COMEX, intégré dans les réflexions de la plateforme logicielle OpenR Link de Renault.

### DataCity ParisSee — Plateforme de flux & transactions urbaines
- **URL :** https://www.olindesign.fr/datacity-paris-for-you.html
- **Client :** Mastercard × Ville de Paris × Numa
- **Rôle :** Product Designer & Prototyper (ekino × MFG Labs)
- **Enjeux :** Exploitation des flux de transactions anonymisées Mastercard pour fluidifier les flux touristiques dans Paris.
- **Impact & Résultats :** Prototype interactif Mapbox/React testé en conditions réelles in-situ pendant 2 heures dans Paris, soutenu et validé lors du Demoday officiel à l'Hôtel de Ville de Paris.

### Excibat — Plateforme GED & Facturation Promoteurs B2B
- **URL :** https://www.olindesign.fr/excibat.html
- **Client :** Excibat
- **Rôle :** Product Designer & Full-stack Builder
- **Enjeux :** Remplacement d'une gestion manuelle par tableurs pour les promoteurs et sous-traitants du bâtiment par un SaaS B2B connecté.
- **Approche :** Excibat : Transformation d'un SaaS Bubble en production (architecture relationnelle multi-organisation, APIs Stripe & Oodrive). Cloisonnement strict des données, facturation Stripe API (Billing) et signature électronique certifiée Oodrive Sign.
- **Impact & Résultats :** Intégration complète Stripe API et signature électronique Oodrive, adoption immédiate par les promoteurs partenaires.

### Royal Canin — Borne de diagnostic phygitale Retail
- **URL :** https://www.olindesign.fr/royal-canin.html
- **Client :** Royal Canin (Groupe Mars)
- **Rôle :** Senior UX Designer (ekino)
- **Enjeux :** Borne tactile interactive en animaleries et cliniques vétérinaires pour recommander le régime nutritionnel adapté.
- **Impact & Résultats :** Déploiement retail international, hausse de 35% de conversion sur les gammes cibles.

## Compétences Clés & Technologies
- **Intelligence Artificielle & Agents :** Orchestration multi-agents (Google Antigravity, Claude Code, Cursor), Vibecoding gouverné par Design System, Generative Engine Optimization (GEO), Architecture RAG & MCP (Model Context Protocol).
- **Design :** Design Systems industriels (Tokens W3C, Figma Variables & Component Properties V2), UX Research terrain, Cartographie de flux complexes, Wireframing, Ergonomie WCAG AAA.
- **Engineering & Prototypage :** Astro SSG, HTML5 sémantique, CSS Vanilla Custom Properties, Bubble (Micro-SaaS & logiques relationnelles sécurisées), JavaScript ESM, APIs REST, webhooks, Node.js, Vite, Git, Vercel.
- **Produit & Stratégie :** Discovery to Delivery, C-Level alignment (COMEX Renault, DG Alpine), dérisquage de roadmap, Lean UX.