Excerpt.
A case on the creation of an interactive visualization of the residential complex plan in cooperation with a designer. The project goal is to attract the attention of potential buyers by offering them an attractive information presentation format.
In the fall of 2021, we implemented the programming part of the River Properties website visualization.
Client story.
The well-known Riga developer, River Properties, is engaged in the reconstruction and renovation of pre-war and wooden city buildings.
To start sales in a new facility, an interactive visualization for floors and apartment plans had to be created on the website.
So that potential customers can interactively see the apartments available for sale and their parameters.
The project was interesting because we worked in close cooperation with a professional designer, HoneyHoney offered by the customer. The designer fully developed the necessary graphics. Our task was to create a code infrastructure for it.
Our solution.
It was decided to create several pages:
-
The home page of the facility with an interactive building image. A potential buyer could choose the floor on it. Pages with floor plans of apartments. All available apartments are interactive. By clicking on them, the user sees the details (area, price).
-
At the programming stage, we encountered technical difficulties. Since the company's website was designed on the WIX platform, we had to adapt the code so that the visualization would work properly on this platform in any browser.
This project has become a unique development specifically for CMS WIX regarding all the customer's requirements. The implementation took about 2 weeks.
The result.
Facility main page
Link to the live version: https://www.riverproperties.lv/
The house image is interactive – users hover the cursor over the desired floor, which is visually highlighted. Clicking on the selected floor directs to the apartment plan.
Video demonstration:
Floor plan
Link to the live version: https://www.riverproperties.lv/
The page shows the plan of the chosen floor:
- Purchased apartments are marked in gray. They are inactive.
- Pink color shows that the apartment is booked and inactive.
- White apartments are available for sale.
When hovering over vacant apartments, a short hint (tooltip) with information on area and price is popped up.
Video demonstration:
Apartment information
Link to the live version: https://www.riverproperties.lv/
Clicking on the apartment plan opens a pop-up window (modal) with detailed information:
- Total area
- Number of rooms
- Floor
- Cost
- The area of rooms and additional premises
The window also shows the apartment location on the floor and contact details of the realtor.
Summary.
The project was implemented for WIX. It works properly in all browsers. We programmed the interactive part in such a way that the website administrator can make the necessary changes by changing the status of apartments to booked and sold.
