-
Лендинг стал основным каналом продаж, заменив звонки и WhatsApp.
-
Повысилась конверсия в целевые действия. Доля пользователей, оформивших заказ, составила 8 %.
-
Сократилось время принятия решения. Средний показатель времени на сайте увеличился до 2 мин 15 сек, а глубина просмотра — до 3,2 страниц.
-
Укрепилось доверие к бренду. Размещение сертификатов и реальных отзывов снизило количество возражений на этапе выбора. Это отразилось в росте числа оформленных заказов.
Цель проекта
Задачи проекта
🔵 привлечь целевой трафик из рекламных каналов (контекстная реклама, соцсети);
🔵 показать преимущества бактерицидных рециркуляторов;
🔵 стимулировать целевое действие (оформление заказа, запрос консультации) через призывы к действию;
🔵 сформировать доверие к бренду с помощью размещения сертификатов.
Ход проекта
Этап 1. Маркетинг
Собрали данные по принципу трех «К»:
Компания:
🔵 провели интервью с клиентом;
🔵 проанализировали ассортимент и ценовую политику;
🔵 составили карту пользовательских сценариев («клиника ищет рециркулятор на 100 м²», «офис оформляет оптовый заказ»).
Клиенты:
🔵 определили ЦА:
-
медучреждения (больницы, поликлиники);
-
бизнес (офисы, ТЦ, гостиницы);
-
частные лица (для дома, дачи);
🔵 создали «аватары клиента» (главный врач, администратор офиса, частный покупатель);
🔵 проанализировали боли (сложность выбора, отсутствие сертификатов, долгий расчет стоимости).
Конкуренты:
🔵 изучили 15 сайтов поставщиков рециркуляторов;
🔵 выделили лучшие практики (фильтрация по площади, 3D‑модели).
Сформировали «Чемодан знаний» — базу данных для проектирования.
Результат:
🔵 исследование ЦА (3 сегмента);
🔵 анализ конкурентов (15 сайтов);
🔵 карта пользовательских сценариев;
🔵 список из 40 идей для реализации.
Этап 2. Проектирование
На основе «Чемодана знаний» спроектировали лендинг:
🔵 Провели анализ проекта: изучили бриф, техническое задание и материалы, предоставленные заказчиком.
🔵 Составили структуру лендинга — определили ключевые блоки и их последовательность.
🔵 Разработали текстовый прототип: заголовки, УТП, описания продукции и призывы к действию.
🔵 Определили цветовую гамму, шрифты и типы графических элементов (фото, иконки).
Разработали прототипы всех страниц и составили техническое задание (ТЗ). В нем мы описали непонятные из прототипов функции.
Результат:
🔵 прототипы страниц;
🔵 документ ТЗ.
Этап 3. Дизайн
Что сделали:
🔵 разработали дизайн в строгом, медицинском стиле (белый, голубой, серый);
🔵 создали адаптивные макеты для планшета и смартфона;
🔵 подобрали фотоконтент (реальные фото рециркуляторов, сертификаты).
Результат: дизайн‑макеты страницы.






Этап 4. Верстка
Что сделали:
-
сверстали макет с использованием HTML, CSS и JavaScript;
-
оптимизировали скорость загрузки (сжатие изображений, кеширование);
-
обеспечили адаптивность для всех браузеров и устройств.
Результат: готовая HTML‑страница сайта.
Этап 5. Разработка (back‑end)
Создали следующие разделы:
🔵 Шапка — размещен логотип компании, контактные данные и меню для перехода к разделам лендинга.
🔵 Первый экран с оффером — основной призыв к действию и УТП, подчеркивающее плюсы рециркуляторов.
🔵 Раздел с преимуществами рециркуляторов — основные плюсы с описанием причин (качество, дизайн, удобство,и т. д.).
🔵 Раздел «Как работает рециркулятор» — принцип работы с описанием и фото, причины.
🔵 Отзывы — реальные примеры использования с фото и мнения клиентов.
🔵 Каталог продукции — ассортимент рециркуляторов и их основные характеристики.
🔵 Раздел «Собственное производство» — фото с завода в Москве, информация.
🔵 Раздел с сертификатами — подтверждающие документы (сертификаты соответствия), укрепляющие доверие к продукции.
🔵 Блок «Варианты оптового сотрудничества» — оптовые поставки, дилерство, контрактное производство.
🔵 Список помещений, для которых подходят рециркуляторы.
🔵 Раздел FAQ (часто задаваемые вопросы) — ответы на частые вопросы клиентов.
🔵 Футер — политика конфиденциальности, паспорт устройства, аттестат испытаний, декларация о соответствии, контакты.
Результат: альфа‑версия лендинга.
Этап 6. Тестирование и запуск
Что сделали:
🔵 проверили работу всех кнопок;
🔵 протестировали адаптивность на 10+ устройствах;
🔵 устранили баги и оптимизировали скорость;
🔵 подключили счетчики (Яндекс.Метрика) и запустили рекламный трафик.
Результат: готовый лендинг.