Веб-дизайн / Разработка

Лендинг ЭлектроЩит

Одностраничный сайт для компании по продаже электрических шкафов с уникальной 3D-анимацией переворота страниц

О проекте

Задача

Разработать landing page для компании, производящей электрические шкафы и щитовое оборудование. Дизайн должен быть современным, адаптивным и выделяться на фоне типичных B2B-сайтов. Вместо стоковых фото — использовать векторную графику.

Решение

Создан одностраничный сайт на чистом HTML/CSS/JS с 5 секциями, каждая из которых «переворачивается» как страница книги при скролле. Разработаны уникальные SVG-иллюстрации в графическом стиле. Светлая тема, индустриальный характер.

Технологии

HTML5CSS3 (Grid/Flexbox)JavaScriptSVGCSS 3D TransformsIntersectionObserver

Ключевые особенности

Эффект переворота страниц — при скролле секции переворачиваются с 3D-анимацией

6 уникальных SVG-иллюстраций: шкаф, сеть, иконки продуктов и преимуществ

Полная адаптивность: 480px, 768px, 1024px + prefers-reduced-motion

Векторная графика вместо стоковых фото — быстрая загрузка и масштабирование

Светлая индустриальная тема: Syne + Sora, сине-золотая акцентная схема

Никаких зависимостей — чистый HTML/CSS/JS без библиотек

Посмотреть проект

Открыть лендинг

Вернуться на главную