Кейс · Медтехника

Лендинг рециркуляторов воздуха

Сверстал адаптивный лендинг рециркуляторов воздуха для дома, рабочих и общественных мест: первый экран с преимуществами УФ-обеззараживания, блок о ступенях очистки и карточки моделей с характеристиками. Вёрстка интегрирована с MODX Revo.

0
модели в линейке на лендинге
0
преимуществ на первом экране
0
ступени очистки воздуха
100%
адаптивность лендинга
О проекте

Лендинг рециркуляторов — вёрстка + MODX Revo

Задача

Оптово-распределительный центр, продающий рециркуляторы воздуха: приборы воздухообеззараживания для дома, рабочих и общественных мест. Продукт нужно было объяснить просто — как работает УФ-рециркулятор, чем очищает воздух и почему безопасен в присутствии людей, — показать линейку моделей с характеристиками и собрать заявки. Понадобились адаптивная вёрстка лендинга и её интеграция с MODX Revo.

Решение

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

Клиент
Оптовый поставщик
Сфера
Медтехника, оптовая торговля
Платформа
MODX Revolution
Работы
Адаптивная вёрстка, интеграция с MODX Revo
Разделы
Первый экран, преимущества, фильтры, модели, заявка
Статус
Демо-версия доступна онлайн
Скриншоты

Как выглядит лендинг

Скриншоты демо-версии: первый экран с преимуществами, фильтрами очистки и карточками моделей плюс мобильная версия. Полная страница открывается по ссылке в конце кейса.

demo.avoweb.net/2004/
Первый экран лендинга рециркуляторов воздуха: преимущества УФ-обеззараживания, схема фильтров очистки и карточки моделей с ценами
Первый экран: преимущества, ступени очистки и карточки моделей
demo.avoweb.net/2004 — мобильная версия
Мобильная версия лендинга рециркуляторов: первый экран с кнопкой заявки и преимуществами УФ-обеззараживания
Мобильная версия: первый экран лендинга на смартфоне
Выполненная работа

Что вошло в работу

01 / 06

Адаптивная вёрстка

Лендинг свёрстан единой адаптивной сеткой — от экрана смартфона до широкого десктопа, без горизонтального скролла и потерянных блоков.

Адаптив Вёрстка Лендинг
02 / 06

Первый экран

Заголовок с подзаголовком, семь преимуществ с иконками и фото приборов с бейджем «Доставка по России» — суть предложения за один взгляд.

Первый экран Преимущества УТП
03 / 06

Ступени очистки воздуха

Блок о системе фильтров: первичный фильтр, фильтр с активированным углём и фотокаталитический фильтр с УФ-излучением — со схемой движения воздуха.

Контент Схема Фильтры
04 / 06

Карточки моделей

Напольные и настенные рециркуляторы с типом, характеристиками, объёмом помещения и ценой — выбор модели без звонка менеджеру.

Модели Характеристики Цены
05 / 06

Интеграция с MODX Revo

Свёрстанная страница подключена к MODX Revolution: контент блоков и карточки моделей управляются из админки без правок кода.

MODX Revo Интеграция CMS
06 / 06

Точки конверсии

Кнопки «Оставить заявку» в шапке и на первом экране плюс «Заказать» в каждой карточке модели — путь до заявки в один клик с любого экрана.

Конверсия Заявки Кнопки
Результаты

Что получил клиент

3
модели в карточках

Напольные и настенные рециркуляторы с характеристиками и ценой — покупатель выбирает модель без звонка менеджеру.

7
преимуществ на первом экране

Суть УФ-обеззараживания объяснена иконками: работа в присутствии людей, импульсное излучение, простое обслуживание.

100%
адаптивность лендинга

Страница одинаково работает на смартфоне и десктопе, заявка доступна с любого устройства.

Демо-версия лендинга открыта по ссылке ниже.

Нужен лендинг с интеграцией в CMS?

Расскажите про продукт — сверстаю адаптивный лендинг и подключу его к MODX Revo или другой CMS. Коммерческое предложение — в течение 24 часов в рабочее время.

Получить предложение

Консультация бесплатна и ни к чему не обязывает

Заявка отправлена! Свяжусь с вами в течение 24 часов.