Rednet24 Real Estate Office Website
Coding of the website for the real estate office “Rednet24”
Live previewClient
Rednet
Industry
Real estate
Duration
2 months 4 weeks 2 days
Location
Poland
Project Author
Goals
Project implementation
Turning the client’s graphic design into a functional website, keeping it visually accurate and responsive.
Implementing full content editability
Integration of the WordPress content management system to allow the client to independently update text and images on all pages.
Custom sliders and transition animations
Implementing custom sliders with unique transition animations between slides.
AJAX post loading
Dynamic loading content without reloading the page.
Advanced animations and parallax effects
Creation of dynamic animations, including moving elements and parallax effects using the GSAP library, which animate as the user scrolls.
Complex layout with advanced elements
Developing the website with a non-grid-based, complex layout that features custom-designed sections. This includes implementing advanced sliders and a sophisticated gallery system.
CMS Integration
Creating an admin panel using WordPress and ACF, giving the client full control to edit texts, images, and manage apartment details.
Implementation overview
The project involved creating 8 unique pages based on designs provided by the client’s graphic designer. The website was coded using HTML, CSS, and JavaScript, then integrated into the WordPress CMS, allowing full content editability. The Advanced Custom Fields (ACF) plugin was implemented to make it easy for the user to update text and images without needing coding skills.
A key element of the project was the implementation of advanced animations using the GSAP library. Parallax effects were applied to selected images, and elements moved dynamically as the user scrolled the page. This gave the website a modern, dynamic look.
The website also featured custom sliders, programmed to ensure that each element appeared with individually designed animations, making the site stand out from standard solutions.
In the “Completed Investments” section, AJAX technology was used, allowing users to load additional investment tiles dynamically without reloading the page. This improved the website’s performance and user experience.
On the “Secondary Market” page, a system was introduced for easily managing apartment and property listings. Administrators can add new listings via the WordPress panel, and all data (description, images, status) can be edited using the ACF plugin.
The website was optimized for performance, speed, and browser compatibility. Extensive testing was conducted to ensure all animations and functions work smoothly on different devices.
Used technologies
Summary
The project resulted in a modern and dynamic website for a real estate company, integrated with WordPress CMS and the ACF plugin. Key features included advanced animations, parallax effects, custom sliders, and dynamic content loading using AJAX. The website was fully tailored to the client’s needs, providing easy content management and control over the listings in the secondary market section.