Адаптивная вёрстка
Лендинг свёрстан единой адаптивной сеткой — от экрана смартфона до широкого десктопа, без горизонтального скролла и потерянных блоков.
Сверстал адаптивный лендинг рециркуляторов воздуха для дома, рабочих и общественных мест: первый экран с преимуществами УФ-обеззараживания, блок о ступенях очистки и карточки моделей с характеристиками. Вёрстка интегрирована с MODX Revo.
Оптово-распределительный центр, продающий рециркуляторы воздуха: приборы воздухообеззараживания для дома, рабочих и общественных мест. Продукт нужно было объяснить просто — как работает УФ-рециркулятор, чем очищает воздух и почему безопасен в присутствии людей, — показать линейку моделей с характеристиками и собрать заявки. Понадобились адаптивная вёрстка лендинга и её интеграция с MODX Revo.
Собрал одностраничный лендинг: первый экран с фото приборов, бейджем «Доставка по России» и семью преимуществами с иконками, блок о трёх ступенях очистки воздуха, карточки моделей — напольные и настенные рециркуляторы с характеристиками, ценой и кнопкой «Заказать». Страница свёрстана адаптивно и подключена к MODX Revo.
Скриншоты демо-версии: первый экран с преимуществами, фильтрами очистки и карточками моделей плюс мобильная версия. Полная страница открывается по ссылке в конце кейса.


Лендинг свёрстан единой адаптивной сеткой — от экрана смартфона до широкого десктопа, без горизонтального скролла и потерянных блоков.
Заголовок с подзаголовком, семь преимуществ с иконками и фото приборов с бейджем «Доставка по России» — суть предложения за один взгляд.
Блок о системе фильтров: первичный фильтр, фильтр с активированным углём и фотокаталитический фильтр с УФ-излучением — со схемой движения воздуха.
Напольные и настенные рециркуляторы с типом, характеристиками, объёмом помещения и ценой — выбор модели без звонка менеджеру.
Свёрстанная страница подключена к MODX Revolution: контент блоков и карточки моделей управляются из админки без правок кода.
Кнопки «Оставить заявку» в шапке и на первом экране плюс «Заказать» в каждой карточке модели — путь до заявки в один клик с любого экрана.
Напольные и настенные рециркуляторы с характеристиками и ценой — покупатель выбирает модель без звонка менеджеру.
Суть УФ-обеззараживания объяснена иконками: работа в присутствии людей, импульсное излучение, простое обслуживание.
Страница одинаково работает на смартфоне и десктопе, заявка доступна с любого устройства.
Демо-версия лендинга открыта по ссылке ниже.
После передачи проекта заказчику мы не контролируем сайт — он может быть изменён или вовсе отключён. Поэтому ниже собраны примеры типовых страниц на нашем хостинге: вёрстка в том виде, в каком она сдавалась заказчику.
Демо-версия размещена на demo.avoweb.net — страница открывается без регистрации.
Расскажите про продукт — сверстаю адаптивный лендинг и подключу его к MODX Revo или другой CMS. Коммерческое предложение — в течение 24 часов в рабочее время.
Получить предложениеКонсультация бесплатна и ни к чему не обязывает