Project cover

Petra Group

Webflow development for a premier development company in Georgia.
Design and back-end - Palindoma.
20
pages
2024
year
Visit website
Custom CSS
CSS animations
Custom JS
Smooth scroll
Swiper JS
client:
Palindroma
location:
Georgia
industry:
Real estate development
job type:
Figma to front-end using Webflow

Challenges

Page: Home

"Projects" swiper

  1. Hover state, which changes the colors of the site, including the open menu.
  2. Swiper functional.

    You can't scroll the site until all projects are scrolled. They are moved both with the mouse wheel and by dragging.

    At the same time, we had to take into account that there may be much fewer projects, for example, 2. In this case, they take up the entire width of the screen.
"Projects" swiper"Projects" swiper with 2 projects

All pages

Header

The site header has many states, depending on a page, scroll, or user actions.
Different header states

Page: Home

“Benefits” swiper

Dynamic text mask effect, slide animation without JavaScript, CSS only.
“Benefits” swiper

Page: Home

Complex animation

The layout of images and videos is converted to a full-screen slider when it appears on the screen.
Complex animation

Ready to start your amazing Webflow project?