Одностраничный веб-сайт для компании по аренде спецтехники на платформе 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
Для покупки товара в нашем интернет-магазине выберите понравившийся товар и добавьте его в корзину. Далее перейдите в Корзину и нажмите на «Оформить заказ» или «Быстрый заказ».
Когда оформляете быстрый заказ, напишите ФИО, телефон и e-mail. Вам перезвонит менеджер и уточнит условия заказа. По результатам разговора вам придет подтверждение оформления товара на почту или через СМС. Теперь останется только ждать доставки и радоваться новой покупке.
Оформление заказа в стандартном режиме выглядит следующим образом. Заполняете полностью форму по последовательным этапам: адрес, способ доставки, оплаты, данные о себе. Советуем в комментарии к заказу написать информацию, которая поможет курьеру вас найти. Нажмите кнопку «Оформить заказ».
Оплачивайте покупки удобным способом. В интернет-магазине доступно 3 варианта оплаты:
- Наличные при самовывозе или доставке курьером. Специалист свяжется с вами в день доставки, чтобы уточнить время и заранее подготовить сдачу с любой купюры. Вы подписываете товаросопроводительные документы, вносите денежные средства, получаете товар и чек.
- Безналичный расчет при самовывозе или оформлении в интернет-магазине: карты Visa и MasterCard. Чтобы оплатить покупку, система перенаправит вас на сервер системы ASSIST. Здесь нужно ввести номер карты, срок действия и имя держателя.
- Электронные системы при онлайн-заказе: PayPal, WebMoney и Яндекс.Деньги. Для совершения покупки система перенаправит вас на страницу платежного сервиса. Здесь необходимо заполнить форму по инструкции.
Экономьте время на получении заказа. В интернет-магазине доступно 4 варианта доставки:
- Курьерская доставка работает с 9.00 до 19.00. Когда товар поступит на склад, курьерская служба свяжется для уточнения деталей. Специалист предложит выбрать удобное время доставки и уточнит адрес. Осмотрите упаковку на целостность и соответствие указанной комплектации.
- Самовывоз из магазина. Список торговых точек для выбора появится в корзине. Когда заказ поступит на склад, вам придет уведомление. Для получения заказа обратитесь к сотруднику в кассовой зоне и назовите номер.
- Постамат. Когда заказ поступит на точку, на ваш телефон или e-mail придет уникальный код. Заказ нужно оплатить в терминале постамата. Срок хранения — 3 дня.
- Почтовая доставка через почту России. Когда заказ придет в отделение, на ваш адрес придет извещение о посылке. Перед оплатой вы можете оценить состояние коробки: вес, целостность. Вскрывать коробку самостоятельно вы можете только после оплаты заказа. Один заказ может содержать не больше 10 позиций и его стоимость не должна превышать 100 000 р.
Дополнительная вкладка, для размещения информации о магазине, доставке или любого другого важного контента. Поможет вам ответить на интересующие покупателя вопросы и развеять его сомнения в покупке. Используйте её по своему усмотрению.
Вы можете убрать её или вернуть обратно, изменив одну галочку в настройках компонента. Очень удобно.