Valentin Boutouria

Contexte

Chaque activation (miroirs AR, lenses) produisait ses propres chiffres ; il fallait une interface unique, lisible par un client non technique, et assez souple pour s’adapter à chaque projet.

Ce que j’ai fait

• Back-end : base Supabase / PostgreSQL en 3 tables (projets, miroirs, visiteurs) reliées par clés étrangères, alimentée par les miroirs à chaque visite
• Jobs cron de purge automatique des données collectées
• Front Vue 3 et TypeScript : grille modulable de widgets chiffre (1×2), graphique (4×2) et camembert (2×2), ajoutés depuis un catalogue extensible et réorganisés au glisser-déposer
• Graphiques en SVG faits main, utilisables au clavier et lisibles par les lecteurs d’écran
• Requêtes par comptages agrégés, sans rapatrier de données personnelles, et 50 tests unitaires Vitest

Résultat

Une chaîne complète, de la visite devant le miroir au chiffre sur l’écran du client, avec un dashboard que chacun compose à sa façon.

Contexte

Le parcours devait fonctionner sur tous les smartphones, charger vite, respecter l’identité visuelle de la marque et le plan de taggage de l’annonceur.

Ce que j’ai fait

• Intégration des écrans de la campagne en SvelteKit, mobile-first, avec les polices et la charte Honda
• Formulaire d’inscription validé côté client et serveur, protégé par reCAPTCHA, enregistré dans Supabase
• Scène 3D Three.js optimisée (modèle compressé Draco, éclairage HDR) et révélation animée sur canvas
• Tracking GTM / dataLayer (clics CTA, formulaire, profondeur de scroll) derrière le consentement OneTrust

Résultat

Un seul front qui enchaîne landing, création, révélation vidéo, inscription et jeu AR, déployé sur Cloudflare.

Contexte

Un objectif organisationnel : donner aux équipes une vue claire des incidents en cours (sévérité, statut, responsable) pour mieux prioriser, anticiper la charge et planifier les interventions.

Ce que j’ai fait

• Front Angular 18 en TypeScript : standalone components, formulaires réactifs avec validation
• Tests front Jasmine / Karma, tests back JUnit 5 et Mockito, couverture JaCoCo
• API REST Spring Boot (Java 21) avec erreurs normalisées, base PostgreSQL versionnée par Flyway
• Images Docker multi-stage, Docker Compose et pipeline GitHub Actions (build, tests, images)

Résultat

docker compose up --build suffit : le front, l’API et une base pré-remplie démarrent ensemble.

Contexte

Prolonger la visite dans le téléphone, sans application à installer : chaque objet exposé devait pouvoir raconter son histoire en quelques gestes.

Ce que j’ai fait

• Malle « Milano » : scan de la malle, puis des points d’intérêt sur chaque accessoire, qui ouvrent leur fiche (ouvre-gants, brosse, cahier-séchoir…)
• Trois générations : scan des portraits de Louis, Georges et Gaston-Louis Vuitton, qui révèlent chacun un chapitre de l’histoire de la Maison
• Vitrines Art Déco : suivi de marqueur et occlusion par shaders, pour que la 3D passe derrière le décor réel
• Parcours guidé commun : tutoriel, indices contextuels, interactions au tap et textes localisés

Résultat

Des expériences qui s’ouvrent en un scan depuis Snapchat, pensées pour rester fluides sur la plus large gamme de téléphones.