En 2020, face aux contraintes de la pandémie, le secteur immobilier avait besoin d’innover. C’est dans ce contexte qu’est né “Prototype Virtuel”, un projet que j’ai eu la chance de piloter avec pour ambition de révolutionner la visite de biens : offrir une expérience 3D immersive, interactive et accessible directement depuis n’importe quel navigateur web.
Mon Double Rôle : Orchestrateur et Bâtisseur
Sur ce projet, j’ai porté une double casquette :
- Chef de Projet : J’ai assuré la coordination entre les différents pôles, notamment avec un développeur Unity et un artiste 3D. Mon rôle était de définir la vision, de planifier les sprints de développement, de gérer les priorités et de garantir que le produit final corresponde aux objectifs initiaux.
- Développeur Web Frontend : Parallèlement, j’étais responsable de la conception et du développement de toute l’interface web. Cela incluait la création de la landing page, l’intégration des vues 3D (exportées de Unity en WebGL), et le développement de toutes les fonctionnalités interactives en HTML, CSS et JavaScript.
Les Défis Techniques et Fonctionnalités Clés
Chaque fonctionnalité a été un mini-projet en soi, avec ses propres défis techniques. Les descriptions suivantes, tirées de nos spécifications internes, illustrent bien ce parcours.
Rendu 3D Haute Fidélité et Éclairage Dynamique
Le cœur du projet était de fournir un rendu 3D photoréaliste.
- Technologie : Nous avons utilisé Unity Engine pour ses capacités de rendu avancées (PBR materials) et sa capacité à exporter vers WebGL pour le web.
- Défi : Le plus grand défi a été d’optimiser les modèles 3D et les textures pour garantir des temps de chargement rapides et une expérience fluide sur navigateur, sans sacrifier la qualité visuelle. Cela a nécessité 6 mois d’itérations.
- Innovation : L’intégration d’un éclairage HDRI a permis de simuler l’environnement réel du bien et d’offrir une immersion plus fidèle.
Outil de Mesure Intégré
Pour que les visiteurs puissent se projeter, il était essentiel de leur fournir des repères concrets.
- Fonctionnalité : Un outil permettait de visualiser les dimensions exactes des pièces directement dans la vue 3D.
- Défi Technique : Aligner parfaitement l’échelle du monde 3D avec les mesures réelles et afficher ces informations de manière claire et non intrusive dans l’interface a nécessité 6 semaines de développement et de tests.
Personnalisation en Temps Réel
Donner aux acheteurs potentiels la possibilité de “jouer” avec le bien était un atout majeur.
- Fonctionnalité : Les utilisateurs pouvaient changer les revêtements de sol, les couleurs des murs et même tester différents styles de mobilier.
- Défi Technique : Créer un système de changement de matériaux en temps réel qui soit performant en WebGL et facile à utiliser a été un des développements les plus longs, prenant 4 mois.
Intégration Multimédia
Pour rendre la visite plus vivante, nous avons rendu les télévisions interactives.
- Fonctionnalité : Les agents immobiliers pouvaient intégrer leurs propres vidéos (logo, présentation) sur les écrans de la visite, avec un son diffusé dans l’environnement.
- Défi Technique : Gérer la lecture vidéo et audio au sein d’un environnement WebGL de manière performante, tout en offrant une interface simple pour que les agents puissent changer le contenu eux-mêmes, a été un challenge relevé en 2 semaines.
Design et Expérience Utilisateur (UI/UX)
Au-delà de la 3D, une grande attention a été portée à l’interface web elle-même.
- Esthétique Moderne : J’ai conçu une interface épurée utilisant le “glassmorphism” (effets de verre dépoli) et des fonds animés avec des “orbes” colorées pour créer une atmosphère technologique et immersive.
- Interactivité Avancée : J’ai développé en JavaScript des effets complexes comme la rotation 3D des cartes au survol de la souris et une bulle de lumière qui suit le curseur, renforçant l’aspect dynamique du site.
- Mode Clair / Sombre : Une fonctionnalité de changement de thème a été intégrée pour s’adapter aux préférences de l’utilisateur.
Conclusion : Une Vitrine Technique et Managériale
Ce projet a été une aventure humaine et technique formidable. Il m’a permis de démontrer ma capacité à gérer un projet complexe de bout en bout, tout en contribuant activement à son développement technique. Le résultat est une solution qui non seulement aurait répondu à un besoin marché clair, mais qui sert également de vitrine pour des compétences avancées en développement frontend, en design d’interaction et en gestion de projet agile.