Rednet24 Real Estate Office Website

Coding of the website for the real estate office “Rednet24”

Live preview

Client

Rednet

Industry

Real estate

Duration

2 months 4 weeks 2 days

Location

Poland

Project Author

Rafał Majdan

CEO, WordPress developer

More About Rafał

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

HTML

CSS

SASS/SCSS

Javascript

PHP

WordPress

Webpack

GIT

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.