Osiedle Witaj Real Estate Website
Coding a real estate sales website for “Osiedle Witaj”
Live previewClient
Rednet
Industry
Real estate
Duration
2 months 2 weeks
Location
Poland
Project Authors
Goals
Implementation of the “Favorites” system
A feature was created that allows users to save apartments by marking them with a heart icon. These saved listings are easily accessible on a dedicated page without requiring registration. Users can also contact the sales team directly from this page using an automatically filled form that includes the saved apartments.
Automatic listing synchronization
Integration with an external CRM system was set up to automatically update apartment listings in WordPress using WP All Import, with regular updates scheduled through CRON.
Interactive visual search system
A combination of table-based and visual search was implemented, allowing users to explore building plans and select apartments through interactive elements on the map.
Advanced apartment sorting
An advanced sorting system was implemented, allowing users to filter apartments by size, number of rooms, and floor. Sorting can be done in ascending or descending order based on various criteria.
Full website editability
Ensured that all website content, including images and text, is fully editable by the client through a content management system.
Similar apartments section
A feature was developed that tracks user interactions with apartment listings, saving information about viewed apartments and showing similar listings based on previous searches. This function uses local browser data to provide personalized recommendations in real-time without requiring users to register.
Implementation overview
The project involved coding the website from scratch based on the client’s graphic designs, with a focus on creating an intuitive and interactive user interface. The development process centered around two main features: a visual search system and a “favorites” system for apartments.
The visual search feature was built using SVG layers to create an interactive map of the buildings. Users could explore different floors and see available apartments by interacting with the graphic. Detailed information about the apartments was embedded directly in the SVG layers, allowing for dynamic content loading. This method helped reduce server load and improved the site’s overall speed and responsiveness.
The “favorites” system was implemented in a simple but effective way, allowing users to save their preferred apartments by clicking a heart icon. These preferences were saved locally in the user’s browser, so they could easily access and manage their saved apartments without needing to register. A dedicated “favorites” page was designed for quick access and management of selected apartments.
Throughout the development, the focus was on providing a smooth and easy user experience, without requiring users to log in. Advanced front-end technologies were used to enable interactive features and personalized options while maintaining user privacy.
Used technologies
HTML
CSS
SASS/SCSS
Javascript
PHP
WordPress
Webpack
GIT
Summary
The project delivered a modern real estate website with interactive features like a visual apartment search and a “favorites” system. Users can easily browse building floors, view available apartments, and save preferred listings by clicking a heart icon. Saved apartments are stored locally in the browser, allowing easy access on a dedicated “favorites” page without registration. The site also includes advanced filtering options for sorting apartments and integrates automatic updates from an external CRM to ensure accurate listings at all times.
