Разработка лендинга для поставщика рециркуляторов воздуха

Компания продавала рециркуляторы для обеззараживания воздуха, но клиентам было сложно быстро выбрать подходящую модель, проверить документы и понять условия заказа.

Нужно было создать лендинг, который закрывает ключевые вопросы до обращения к менеджеру: чем отличаются модели, где можно использовать оборудование, есть ли сертификаты, какие условия для оптовиков и как быстро оформить заказ.

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

«Чистый воздух» — официальный дистрибьютор оборудования для обеззараживания воздуха в России.

Компания поставляет рециркуляторы воздуха от производителя для медицинских учреждений, офисов, торговых центров, гостиниц, частных домов и других помещений.

Особенность ниши — высокая роль доверия. Клиенту важно видеть не только описание товара, но и сертификаты, документы, понятные технические параметры и подтверждение безопасности оборудования.

Создать лендинг, который наглядно показывает ассортимент рециркуляторов, помогает клиенту быстро выбрать подходящее оборудование и увеличивает количество онлайн-заказов и заявок на консультацию.

• Понятная презентация ассортимента. Клиент быстро видит модели рециркуляторов и основные характеристики.

• Технические параметры на странице. Пользователь понимает, какое оборудование подойдет под его помещение.

• Блок с сертификатами. Документы усиливают доверие и снижают сомнения перед покупкой.

• Преимущества рециркуляторов. Клиент видит не абстрактные плюсы, а конкретные причины выбрать оборудование.

• Сценарий для оптовых покупателей. Бизнес-клиенты быстрее находят условия сотрудничества и оставляют запрос.

• Призывы к действию. Лендинг ведет пользователя к заказу, консультации или заявке.

• Адаптивность под устройства. Страница удобно открывается с компьютера, планшета и смартфона.

• Подготовка под рекламный трафик. Структура страницы помогает конвертировать посетителей из контекстной рекламы и соцсетей.

Этап 1. Маркетинг

Собрали данные по принципу трех «К»: Компания, Клиенты, Конкуренты.

• провели интервью с клиентом

• проанализировали ассортимент рециркуляторов и ценовую политику;

• изучили сертификаты, инструкции и документы, которые важно показать на лендинге

• составили карту пользовательских сценариев: «клиника ищет рециркулятор на 100 м²», «офис подбирает оборудование для рабочих зон», «оптовый покупатель хочет быстро понять условия сотрудничества»

• определили целевую аудиторию:

• медицинские учреждения: больницы, поликлиники, частные клиники

• бизнес: офисы, торговые центры, гостиницы

• частные лица: для дома, квартиры или дачи

• оптовые покупатели и партнеры

• создали аватары клиентов: главный врач, администратор офиса, частный покупатель, оптовый клиент

• изучили потребности целевой аудитории: быстро выбрать модель, проверить сертификаты, понять принцип работы оборудования, узнать цену и условия поставки

• выявили боли и страхи: сложность выбора, отсутствие документов, сомнения в безопасности, долгий расчет стоимости, непонятные условия для опта

• поняли, как закрывать эти боли через лендинг: показать модели и характеристики, вынести сертификаты в отдельный блок, объяснить принцип работы простым языком, добавить FAQ, отзывы и блок оптового сотрудничества

• изучили 15 сайтов поставщиков рециркуляторов

• посмотрели, как конкуренты показывают ассортимент, сертификаты, преимущества, формы заявок и условия для оптовых покупателей

• выделили лучшие практики: фильтрация по площади, наглядная подача характеристик, 3D-модели, отдельные блоки с документами

• собрали список из 40 идей для реализации на лендинге

• исследование целевой аудитории по 4 сегментам

• анализ 15 сайтов конкурентов

• карта пользовательских сценариев

• список из 40 идей для реализации

• понимание, какие блоки нужны для роста доверия и заявок

• структура лендинга, которая ведет пользователя от первого интереса к заказу или консультации

Этап 2. Проектирование

На этом этапе было важно встроить блоки так, чтобы пользователь не просто прочитал информацию, а постепенно пришел к решению оставить заявку.

• Шапка с логотипом, контактами и меню

• Первый экран с оффером

• Преимущества рециркуляторов

• Как работает рециркулятор

• Каталог продукции

• Помещения, для которых подходит оборудование

• Собственное производство

• Сертификаты

• Отзывы

• Варианты оптового сотрудничества

• FAQ

• Футер с документами и контактами

• быстрый переход к нужным разделам

• карточки моделей с характеристиками

• кнопки заказа и консультации

• блок с сертификатами

• блок для оптовых покупателей

• FAQ для снятия возражений

Также разработали техническое задание (ТЗ). В нем мы описали непонятные из прототипов функции.

• прототипы лендинга

• техническое задание

• стало понятно, как страница будет вести пользователя от первого экрана к выбору модели, проверке сертификатов и оформлению заявки

Этап 3. Дизайн

• разработали дизайн в строгом стиле: белый, голубой и серый цвета, чистая структура, аккуратная типографика
• создали адаптивные макеты для планшета и смартфона
• подобрали фотоконтент: реальные фото рециркуляторов, сертификаты и документы

Этап 4. Верстка

Сверстали лендинг с использованием HTML, CSS и JavaScript. Основной акцент сделали на скорости, адаптивности и корректной работе страницы в разных браузерах.

• оптимизацию скорости загрузки

• адаптивную верстку для компьютеров, планшетов и смартфонов

• корректное отображение во всех основных браузерах

• сжатие изображений

• кеширование

• корректную работу кнопок и форм

• Готовая HTML-страница. 

• Пользователю удобно изучать ассортимент, сертификаты, преимущества и условия сотрудничества с любого устройства.

Этап 5. Разработка back-end

Собрали техническую основу лендинга и реализовали все ключевые разделы, которые нужны для продаж и обработки заявок.

Заказчик получил не просто посадочную страницу, а рабочую систему для онлайн-продаж.

Результат: альфа-версия лендинга.