Customer feedback: Archviz Interactive Application using Unreal Engine

Last updated on August 21st, 2023 at 10:30 pm

Introduction

Client :

For this project, I worked with the French company Dampere, with whom I have already been working for some time on 3D visualizations of their products for the web. Their expertise is to enhance your architectural projects with custom perforated sheet metal that is visually appealing. From pierced facade cladding to the core of a privacy screen, from street furniture to interior design elements.

Context :

Before starting this new project in Unreal Engine, the company had already been presenting bare 3D models on a white background for some time, which the client could view from all angles. But for this type of product, I proposed to them to go further and integrate them into a realistic environment true to the dimensions of their products.

Project goals :

The concrete objective of the client is to have an internal application that can be used by salespeople and to be able to present prospects with a new interactive, realistic 3D real-time experience, connected in real time to their product catalog, thus increasing their conversion rate and revenue. Are you interested? Read on in the article, I explain everything in detail.

Here is a teaser video of the V1 application:

The Project

Basis :

The project is based on the fact that I had already built with them a product base with a simple user interface to manage the different types of products and the different types of technical and creative patterns that they offer to their customers through simple configurators for their website. Here is a preview of one of them:

The problem with WebGL and websites in general is that rendering power is limited, making it difficult to achieve complete visuals with real-time environments, often constrained to relying on pre-rendered content through video clips.

With extensive 3D production experience under my belt, there was still one tool missing from my toolkit: Unreal Engine. I had already used the software for personal projects or to follow tutorials to learn how to use it. But what better way to learn more and build competency than by working on a large-scale, real-world project.

Adopted Strategy :

With no doubt about my capabilities and expertise in 3D visualization, I emphasized that we would be able to produce a standalone 3D application executable on a laptop equipped with a decent 3D card or on my laptop connected to the internet using an Unreal Engine application hosting service to interact via video streaming (I will come back to this option later).

In addition, we could leverage the development of the custom product catalog database and API to connect it to this Unreal Engine application, thus meeting an essential need for the client in terms of consistency and keeping the application up-to-date without having to recompile the executable!

So when I proposed to Dampere to create a 3D application for them to showcase their products where clients could walk around a contemporary urban environment tied to nature, observe products in a real setting, customize them at will, they said yes without hesitation.

Developement

Phases :

La première étape du projet a consisté à définir un cahier des charges précis et des périmètres pour voir ce que nous allions implémenter. Nous avons défini un type de device minimum pour exécuter l’application, la nécessité d’être connecté ou non à internet, le type d’art rendu attendu, les interactions possibles, les modes de déplacement et l’expérience utilisateur dans sa globalité.

La première grosse étape de production a consisté à travailler sur un proxy 3D pour valider les dimensions de l’environnement par rapport aux différents produits, puis de travailler sur la partie blueprint qui nous permettrait de connecter l’API privée du client à l’application 3D pour récupérer les variations produits et le catalogue de motifs.

Quand cette première étape de production a été validée, nous avons pu passer à la création du level design en détail et pouvoir construire un storytelling et un univers qui correspondait aux attentes de la marque. Clairement, cette partie fut la plus amusante du projet car j’ai eu carte blanche et j’ai pu exprimer ma créativité. L’utilisation d’assets 3D de la marketplace d’Unreal Engine tels que des façades ou des arbres a permis d’accélérer ce processus.

Outils utilisés :

Côté 3D, j’ai travaillé avec Blender pour tout ce qui est modélisation des produits et de leurs variations. Pour les motifs du catalogue, j’ai travaillé sur des profils matériaux PBR dans Blender en travaillant les textures dans Photoshop également. Mes importations FBX dans Unreal Engine étaient donc prêtes à l’emploi.

Pour les plans larges de l’application, j’ai réalisé une importation d’un quartier de Paris (3D Google Earth), via une capture réalisée avec l’application Render Doc, que j’ai optimisée en lowpoly. Cela m’a permis de gagner du temps en apportant un petit plus de réalisme pour les plans aériens.

Côté base de données, nous avons utilisé le plugin Unreal Engine “VA Rest” pour communiquer avec l’API, récupérer les dernières données, gérer les téléchargements et le cache dans l’application.

Défis et Solutions

Difficultés rencontrées :

Pour moi, la plus grande difficulté rencontrée sur ce projet a été de pouvoir recruter un nouveau freelance expert en blueprint Unreal Engine. Même avec mon background de développeur et ma facilité à utiliser la partie 3D d’Unreal Engine, je n’avais jamais pris le temps de creuser davantage les blueprints, et je savais que dans le cadre de ce projet, j’allais avoir besoin d’un expert pour réaliser la connexion à la PI et les différentes interactions.

Le deuxième défi était lié au fait que chaque commercial n’avait pas un PC équipé d’une carte 3D. Il nous fallait donc trouver une solution pour exécuter l’application pour ces derniers.

Comment ces défis ont-ils été surmontés ?

Pour les blueprints, après avoir sélectionné 8 profils, puis échangé plus longuement avec 4 d’entre eux, j’ai pu mettre au défi les 2 meilleurs pour retenir mon nouveau développeur avec qui la collaboration s’est très bien passée avec beaucoup de professionnalisme.

Pour les PC qui n’étaient pas équipés d’une carte 3D, nous avons testé plusieurs solutions de virtualisation serveur qui permettent d’héberger des applications Unreal Engine dans le cloud et de permettre aux utilisateurs de vivre l’expérience à travers un streaming vidéo qui réagit aux inputs clavier, souris ou manette. Cette technologie existant déjà dans le cloud gaming, certaines sociétés se sont spécialisées dans des services du même type pour les professionnels.

Ces deux grands défis m’ont permis de pousser la réalisation du projet plus loin que ce que j’avais imaginé initialement, pour la plus grande satisfaction du client.

Résultats du Projet

Atteinte des objectifs :

Les objectifs ont été atteints avec succès et je dirais même dépassés, car le résultat visuel était au-delà des espérances du client et la fonctionnalité 2, qui permet des mises à jour en toute autonomie des variations et des motifs, fonctionne parfaitement. La prise en main par l’équipe de commerciaux a été un vrai jeu d’enfant, similaire à celle d’un jeu vidéo. L’utilisation de l’application par les commerciaux chez le client ou sur les stands de salon a permis d’asseoir davantage la notoriété du client, de surprendre les acheteurs et donc d’augmenter leur chiffre d’affaires.

Voici un aperçu de l’utilisation de l’application :

Aller plus loin !

L’application Dampere City a évolué depuis sa première version et présente à présent, au sein de son environnement, un immeuble présentant des garde-corps évolutifs. Il est également prévu d’ajouter d’autres produits à l’avenir.

L’application permet également de réaliser des visuels et des clips vidéo précalculés dans le but de produire du contenu marketing pour le site internet du client et ses réseaux sociaux. Ce point n’avait pas été identifié dans le scope originel du projet, mais s’est imposé comme une évidence avec son utilisation.

Voici des rendus précalculés pour le site internet réalisé avec l’application :

Satisfaction du Client

Comme tous les projets réalisés en collaboration avec ce client, l’application Dampere City a été un vrai succès et continue sa vie et son développement à travers les années. Le résultat a dépassé de loin les attentes du client et de sa direction. Voici le témoignage laissé par la responsable commerciale de l’entreprise :

Citation d’Olivia :

Conclusion

Ce que j’ai appris de cette expérience ?

Cette expérience pour moi fut très enrichissante et m’a permis de débloquer un premier niveau en termes de conception d’application Unreal Engine. Je m’étais déjà associé avec d’autres free-lances ou d’autres prestataires sur d’autres projets mais j’ai beaucoup apprécié cette collaboration avec mon nouveau développeur de blueprint. Savoir tout faire c’est bien mais s’entourer des experts de chaque savoir-faire c’est beaucoup mieux ^^. Je suis à présent prêt pour relever de nouveaux défis et construire de nouvelles expériences 3D avec d’autres clients, pour promouvoir leur univers de marque à travers des expériences réalistes ou conceptuelles. De la présentation de produits en réalité virtuelle à l’exposition d’œuvres d’art dans des environnements hors du commun, dans des métavers sociaux et interactifs.

Laissez-moi votre commentaire :

N’hésitez pas à partager votre propre expérience ou à nous contacter pour discuter de vos propres besoins en matière d’expérience 3D. Nous serions ravis de travailler avec vous pour créer des expériences immersives qui mettent en valeur votre univers de marque de manière innovante et captivante.