Short overview
This application is designed to allow potential buyers to browse through apartments on a 3D rendered image of a property development. On the 3D render, active areas can be marked in perspective, enabling buyers to easily select which apartment they want more information about. For each apartment, floor plans, images, and various data necessary for sales can be uploaded.
About the client
Our partner the Lightroom Studio operates this system as a supplier to Visma Real Estate, and they have already prepared presentations for hundreds of construction projects for their clients on the Norwegian real estate market.
The project
In 2016, a Hungarian partner of ours, ZOA - who specialize in creating 3D render images - approached us because one of their Norwegian clients wanted to develop such an application. Initially, we developed the embeddable player in Angular, which retrieved the necessary data from a JSON file. We completed this in approximately three months. Later on, there was a request for creating an editor that could easily create such embeddable presentations. As a result, we developed a framework that allows for the creation of presentations in an editor after logging in. Concurrently, we rewrote the UI in ReactJS. Over the next three years, we added several different developments as new needs emerged from the client. In 2022, we created a new client-side application through code refactoring and the integration of additional features. Additionally, we updated the framework. This work took six months. Long-term cooperation and mutual trust characterize this project.
Main client needs
Solution
Embeddable presentation
Client-side web application that is easily embeddable into the sales page
Customizable appearance
Style can be modified upon embedding using CSS variables
Multilingualism
Multiple language translations can be set for the embeddable presentation
Editing capability
Editor operated within a framework. After logging in, embeddable players can be created. The editor allows for set 3D renders and drawing active areas on the 3D render using an SVG editor. These active areas can be linked to the presentation pages of the apartments. Apartment data can be managed, adding information and uploading images.
Technology
The software uses Node.js on the server side, MongoDB for database management, GraphQL for API communication, and ReactJS for the user interface. This modern, scalable, and flexible technology stack ensures smooth operation and an excellent user experience.
This software consists of two parts.
A client-side application that can be embedded into sales websites, developed in ReactJs.
A framework consisting of a backend and client that operates the editor. After logging in, an embeddable "player" can be created.
Would you like to operate a similar presentation service? Who do we recommend it to?
What outcomes can industry players expect from operating this service with our software?
Naturally, there are also costs associated with operating such a service, as the creation of the 3D visualizations and the work involved in creating presentations with the editor require effort, but these are not significant compared to the benefits. For the creation of 3D render images and editing presentations, we can recommend a business partner.
