3D & Interactive
MyVirtualGarage
2025Une plateforme 3D pour visualiser et personnaliser des véhicules dans le navigateur.
- Three.js
- React
- TypeScript
- WebGL
- Next.js
Chargement de la page
3D & Interactive
Expérience produit 3D + AR
Une part de flan vanille modélisée d'après le produit réel, explorable en 3D et posée sur la table du client en réalité augmentée.
- Client
- Boulangerie Hubert
- Année
- 2026
- Prestations
- Modélisation 3D, Optimisation web, Réalité augmentée, Intégration
Contexte
Une pâtisserie se vend par l'œil, et une photographie de vitrine ne dit ni le volume, ni la portion, ni ce que la part fera sur une assiette. La question que se posent réellement les clients — « ça fait quelle taille ? » — n'a pas de réponse sur une carte imprimée.
Le problème
Rendre un produit alimentaire crédible en trois dimensions, sur un téléphone, en réseau mobile. Le modèle d'atelier pesait 105 Mo pour 1,9 million de triangles et trois textures dont une en 8192 × 8192 : inaffichable, et surtout impossible à tenir dans la mémoire graphique d'un téléphone milieu de gamme.
Notre approche
Mesurer avant d'optimiser. La décomposition du fichier a montré une répartition presque égale entre géométrie et textures, et une contrainte dimensionnante qui n'était pas le poids du téléchargement mais la mémoire GPU. Chaque réglage a ensuite été validé par rendu comparé au modèle d'origine, pas au jugé.
La solution
Un modèle web de 9,19 Mo — 9 % de l'original — dont l'écart visuel avec la source mesure 34 à 37 dB de PSNR, c'est-à-dire invisible à l'œil. La fiche produit montre d'abord la photographie réelle, ne télécharge le modèle qu'au clic, et bascule en réalité augmentée par WebXR, Scene Viewer ou Quick Look selon ce que l'appareil sait réellement faire. Aucune application à installer.
Technologies
- glTF
- model-viewer
- WebXR
- Scene Viewer
- Quick Look
- USDZ
- Draco
- glTF Transform
- Next.js
Prestations mobilisées
- Modélisation 3D
- Optimisation web
- Réalité augmentée
- Intégration
Résultats
Ce que le projet a produit
Nous ne publions que ce que nous avons constaté. Les chiffres non mesurés ne sont pas inventés.
- Poids du modèle servi
- Contre 105 Mo pour le modèle d'atelier, sans différence visible au rendu comparé.
- Écart visuel mesuré
- PSNR entre le modèle servi et le modèle d'origine, sur trois angles de caméra. Au-delà de 35 dB, l'écart n'est pas perceptible.
- Chargement initial
- La fiche n'affiche d'abord que la photographie réelle. Le modèle 3D n'est demandé qu'au clic du visiteur.
- Sans installation
- La réalité augmentée s'ouvre depuis le navigateur, sur Android comme sur iOS. Aucune application à télécharger.
9,19 Mo
34–37 dB
66 Ko
Continuer
D'autres réalisations
Applications
Fast Rent
2025Une application de location de scooters : disponibilités, réservation et suivi de flotte.
- Next.js
- React
- TypeScript
- Supabase
- PostgreSQL
Vous avez un projet similaire ?
Nous commençons toujours par comprendre le contexte avant de proposer une solution.