Описание решения
Одностраничный веб-сайт для компании по аренде спецтехники на платформе 1C-Bitrix. Landing page с минималистичным дизайном, системой управления контентом и интеграцией форм обратной связи с Ajax-отправкой.
Основные секции
Особенности дизайна
Технические особенности
Одностраничный веб-сайт для компании по аренде спецтехники на платформе 1C-Bitrix. Landing page с минималистичным дизайном, системой управления контентом и интеграцией форм обратной связи с Ajax-отправкой.
Основные секции
- Верхняя панель контактов — логотип, телефон, email и адрес; адаптивное отображение элементов
- Главный экран (Hero) — крупный заголовок, описание услуг, призыв к действию с кнопкой заявки, фоновое изображение с градиентной маской и затемнением
- Преимущества (Features) — 4 карточки с основными преимуществами (собственный автопарк, работа без выходных, с оператором или без, гибкие условия)
- Автопарк (Autopark) — каталог техники с карточками (экскаваторы, погрузчики, катки, экскаваторы-погрузчики, бульдозеры, самосвалы), изображение, цена за смену, кнопка заказа
- Призыв к действию (CTA) — двухколоночный блок с контактной информацией (телефон, режим работы, преимущества) и формой обратной связи с выбором типа техники
- Почему мы (Why Us) — три карточки преимуществ (собственный трал, безопасность, скидки)
- Доставка техники (Delivery) — описание услуги доставки собственным тралом с изображением и кнопкой заказа
- Часто задаваемые вопросы (FAQ) — аккордеон с вопросами и ответами (документы для оформления, залог, оплата, поломки, страхование)
- Контакты (Contact) — адрес, телефон, email, карта Google Maps, социальные сети
- Модальное окно заявки — всплывающая форма с выбором техники, датами аренды и отправкой заявки
Особенности дизайна
- Минималистичный стиль — чистый дизайн с акцентом на контент
- Желто-темная цветовая схема — акцентный желтый (#FBBD0D) на темном фоне (#2D2C2E, #424043)
- Плавные переходы — анимации при наведении и скролле страницы
- Hover-эффекты — интерактивные элементы с визуальной обратной связью (масштабирование, изменение цвета)
- Адаптивная верстка — корректное отображение на всех устройствах
- Мобильное меню — выдвижная панель справа с плавной анимацией, затемненный оверлей
- Градиентные маски — фоновое изображение с эффектом постепенного исчезновения через маску
Технические особенности
- Универсальная система модальных окон — модалка для заявок с динамическим выбором техники
- Ajax-формы — отправка без перезагрузки страницы с валидацией и сообщениями об успехе/ошибке
- Динамический выбор техники — тип техники автоматически подставляется из кнопки заказа
- Телефон через компонент — отдельный шаблон для вывода телефона с автоматическим tel: линком
- FAQ-аккордеон — раскрывающиеся блоки вопросов с плавной анимацией
- Sticky Navigation — фиксированная навигация с эффектом тени при скролле
- Smooth Scroll — плавная прокрутка к секциям при клике на якорные ссылки
- Bitrix ajax.php — обработка форм через встроенный механизм Bitrix
- Email-уведомления — автоматическая отправка заявок на почту через события Bitrix
- Yandex Maps — встроенная интерактивная карта для отображения местоположения
- Управление через админку — весь контент редактируется через административную панель 1C-Bitrix
Отзывы
Оставить отзыв
Загрузка отзывов...