Kamienica Siemensa Real Estate Website
The project began with transforming the client's design into a responsive, user-friendly website utilizing HTML, SCSS, JavaScript, and PHP. WordPress was integrated with Advanced Custom Fields (ACF) to empower the client with comprehensive control over their content, images, and apartment listings, ensuring a smooth content management experience. For the visual search feature, a dynamic floor selection system was created using SVG and JavaScript, enabling users to interactively view various building floors and floor plans. When an apartment is selected, detailed layout information and a contact form would be displayed. Furthermore, the interactive floor plan would move in response to the user's mouse movements, facilitating an intuitive navigation experience throughout the floor. Apartment availability and other information could be easily updated via the CMS. Additionally, an AJAX-based table search feature was developed, allowing users to filter apartments by criteria such as room count, floor level, size, and availability, all without the need for page reloads. Clicking on an entry in the table would expand it to show more details, including a contact form pre-filled with information about that specific apartment. Both search features were optimized for speed and responsiveness, ensuring seamless performance on all devices. Comprehensive cross-browser testing was carried out to ensure compatibility across various platforms, delivering a consistent user experience.