Configurateur 3D et 3D web à Lyon
Un configurateur 3D, une maquette interactive ou un produit que l'on fait tourner du doigt : la 3D web montre ce qu'une photo ne peut pas dire. À Lyon, AELVON modélise, développe et optimise ces scènes, rendues en temps réel dans le navigateur, sans logiciel à installer.
Certaines choses s'expliquent mal à plat. Un client hésite entre deux finitions et ne se projette pas sur un nuancier. Un maître d'ouvrage peine à lire un plan d'exécution. Un gestionnaire de sinistres perd du temps à décrire par écrit quelle partie d'un véhicule est touchée. Les rendus figés et les vidéos aident, mais ils laissent sans réponse la question suivante : et si je regarde de l'autre côté, ou si je change cette option ?
La 3D web répond à ce besoin dans un simple navigateur, sur ordinateur comme sur téléphone. Nous modélisons les objets dans Blender, les exportons au format glTF, puis les affichons avec Three.js, une bibliothèque très répandue pour la 3D sur le web. Une grande partie du travail ne se voit pas : chargement progressif, qualité adaptée à l'appareil, contenu lisible même sans 3D. C'est elle qui fait la différence entre une démonstration et un outil que vos clients utilisent vraiment.
Ce que la 3D web apporte à une entreprise
La 3D se justifie quand manipuler l'objet aide à comprendre, à choisir ou à décider. Sinon, une bonne photo suffit, et nous vous le dirons.
Configurateur 3D
Le client choisit couleurs, matériaux, dimensions ou agencement et voit aussitôt le résultat. Sa demande de devis arrive ensuite avec une configuration exacte.
Visualisation 3D de produit
Faire tourner une machine, ouvrir un meuble, montrer l'intérieur d'un équipement : le produit s'examine sous tous les angles, sur la fiche produit ou en rendez-vous.
Maquette 3D interactive
Bâtiment, chantier, aménagement : on survole l'ensemble, on entre dans une pièce, on affiche le détail technique d'un mur ou d'une étape.
Des réalisations concrètes, du logiciel métier au Playground 3D
Ces projets montrent ce que la 3D apporte quand elle sert un métier, une vente ou une démonstration.
Chiffrage de sinistres automobiles
Dans Drayan Invoice, l'utilisateur sélectionne sur un modèle 3D du véhicule les zones touchées, puis le devis se structure par postes.
Configurateur d'intérieur
Carrelage, calepinage et mobilier se composent en temps réel dans le navigateur, puis un rendu photoréaliste est calculé sur serveur avec Blender, à partir du même catalogue.
Maquettes de chantier
Pour une entreprise de gros œuvre, des chantiers modélisés d'après les plans d'exécution et découpés par étapes de construction, à survoler puis à visiter pièce par pièce.
Playground 3D
Sur aelvon.fr, des scènes rendues en direct, avec éclairage et effets de lumière : un bon moyen de juger la 3D temps réel sur votre propre appareil.
Three.js, Blender et glTF : une 3D pensée pour le mobile
Vos visiteurs n'ont pas tous une carte graphique puissante. Chaque scène est donc conçue pour rester fluide sur un téléphone ordinaire, ou pour se replier sur une image fixe.
Modélisation dans Blender
À partir de plans, de fichiers CAO, de photos ou d'un catalogue. Les modèles générés par script se mettent à jour vite quand une donnée change.
Format glTF
Un format ouvert, conçu pour le web, qui réunit géométrie, matériaux, textures et animations dans un seul fichier rapide à charger.
Affichage avec Three.js
Éclairage, ombres, caméra en orbite ou à hauteur d'homme, effets de rendu : la scène est calculée en direct par la carte graphique du visiteur, via WebGL.
Chargement et accessibilité
Modèle chargé à l'approche de la section, rendu suspendu hors écran, animations coupées si le visiteur le demande, texte toujours en HTML.
Comment se déroule la prestation
Cas d'usage
Qui manipule la scène, pour comprendre ou décider quoi, sur quels appareils, avec quelles données de départ : plans, CAO, photos, catalogue.
Prototype
Une première scène limitée, essayée sur plusieurs téléphones et ordinateurs, pour valider le rendu et la fluidité avant d'aller plus loin.
Production
Modélisation complète, interface, intégration à votre site ou à votre logiciel, liaison avec votre catalogue ou vos données métier.
Mise en ligne et enrichissement
Optimisation finale, mise en ligne, puis ajout de produits, d'options ou de nouvelles scènes au fil de vos besoins.
Où intervenons-nous ?
Depuis notre siège de Lyon 6e, nous travaillons avec les entreprises de toute la métropole et d'Auvergne-Rhône-Alpes : sur site quand la mission l'exige, à distance pour le reste, et partout en France pour les prestations qui se font en ligne.
Questions fréquentes
Combien coûte un configurateur 3D pour un site internet ?
Un configurateur se chiffre sur devis, après un échange sur le cas d'usage. Le coût dépend surtout du nombre d'objets à modéliser et de leur niveau de détail, du nombre d'options et de règles de compatibilité, de l'existence de fichiers 3D ou CAO exploitables, et des liaisons avec votre catalogue ou votre outil de devis. Les images photoréalistes calculées à part constituent un poste distinct du rendu en temps réel.
Qu'est-ce que Three.js et pourquoi l'utiliser ?
Three.js est une bibliothèque JavaScript libre qui simplifie l'affichage de la 3D dans un navigateur, en s'appuyant sur WebGL pour accéder à la carte graphique. Elle gère les lumières, les matériaux, les caméras et le chargement de modèles glTF. Bien documentée, elle est maintenue par une large communauté, ce qui facilite la reprise d'un projet dans le temps.
La 3D web fonctionne-t-elle sur téléphone ?
Oui, à condition d'être pensée pour. Un téléphone récent affiche sans peine une scène bien optimisée, alors qu'une scène trop lourde peut figer la page ou vider la batterie. Nous adaptons la résolution, les ombres et le poids des modèles à l'appareil, et nous prévoyons une image fixe si la 3D ne peut pas s'afficher.
La 3D nuit-elle au référencement d'un site ?
Pas si elle est bien intégrée. Google lit le texte, pas la scène : tout le contenu important doit donc rester en HTML, visible à côté de la 3D. Le modèle ne se charge qu'à l'arrivée du visiteur sur la section, pour ne pas retarder l'affichage initial. En revanche, si votre message n'apparaît qu'en manipulant l'objet, Google comme vos visiteurs risquent de passer à côté.
Quelles données fournir pour une maquette 3D interactive ?
Pour un bâtiment ou un aménagement : des plans cotés, idéalement les plans d'exécution, et des indications sur les matériaux. Pour un produit : des fichiers CAO, des cotes ou des photos sous plusieurs angles. Pour un configurateur : un catalogue structuré, avec les dimensions, les finitions et les règles de compatibilité. Si une information manque, nous la signalons comme hypothèse plutôt que de l'inventer.
Prestations associées
Parlons de votre situation
Un premier échange sans engagement pour comprendre votre besoin, puis une proposition claire, chiffrée et sans jargon.