Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
EcomVision
Milerd: интернет-магазин производителя рециркуляторов с подбором модели, Сплитом и панелью каталога
EcomVision
#Разработка сайтов под ключ

Milerd: интернет-магазин производителя рециркуляторов с подбором модели, Сплитом и панелью каталога

6 
EcomVision Россия, Москва
Поделиться: 0 0 0
Milerd: интернет-магазин производителя рециркуляторов с подбором модели, Сплитом и панелью каталога
Сфера

Промышленность и оборудование

Тип сайта

Интернет-магазин

Сдано

Сентябрь 2026

Задача

Клиент: Milerd — российский производитель приборов экологической безопасности. С 2010 года компания разрабатывает и выпускает бактерицидные рециркуляторы воздуха, дозиметры, анализаторы радона, нитратомеры и очистители продуктов.

Ситуация: у магазина две разные аудитории, и обе покупают одни и те же модели. Семьям важны тихая работа прибора, понятный выбор и оплата частями. Клиникам и организациям нужно медицинское исполнение с регистрационным удостоверением, полный пакет документов и счёт с НДС. При этом большая часть покупателей не знает, какой рециркулятор подходит под их помещение, и приходит из поиска по конкретным запросам: «настенный рециркулятор», «рециркулятор на 100 м³», «рециркулятор для автомобиля».

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

— ведёт обе аудитории от выбора модели до оплаты без звонка менеджеру;

— собирает поисковый трафик на подборки под частые запросы;

— показывает документы и сертификаты там, где их ищут, — в карточке товара;

— не теряет покупателей, которые не завершили оплату;

— позволяет команде Milerd самой управлять каталогом и контентом, без разработчика.

Решение

Структура каталога

Каталог открывается из меню пятью линейками с фотографиями: бактерицидные рециркуляторы, компактные измерители, анализаторы качества воздуха, очистители продуктов и системы освещения со встроенной очисткой воздуха. Всего 30 товаров на 14 страницах каталога.

Внутри рециркуляторов собрали 9 подборок под поисковые запросы — по типу и по объёму помещения:

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

  • до 50 м³, 100 м³, 150 м³, 200 м³ и от 250 м³.

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

Меню каталога: пять линеек с фотографиями
Рециркуляторы: подборки, фильтры и карточка «Подбор за 1 минуту»
Подборка «Настенные рециркуляторы» под поисковый запрос
Раздел компактных измерителей: ЭМП-метр, дозиметр, нитратомер

Подбор модели за три вопроса

Для тех, кто не знает, какой рециркулятор нужен, сделали подбор из трёх шагов: где будет работать прибор (дом, офис, клиника, автомобиль или сплит-система), какая площадь и что важнее. В ответ сайт показывает две подходящие модели с ценой.

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

Мобильный каталог с входом в подбор за минуту

Карточка товара

У большинства рециркуляторов два исполнения: бытовое и медицинское с регистрационным удостоверением. Исполнение выбирается в карточке, и цена меняется вместе с выбором — например, DZR-2 PRO стоит 34 900 ₽ в бытовом исполнении и 44 900 ₽ в медицинском. Так один товар обслуживает обе аудитории без дублей в каталоге.

Рядом с ценой — расчёт четырёх платежей в Яндекс Сплит, сроки доставки, гарантия, отметка о сертификатах и строка для организаций со счётом и отгрузкой с НДС. Ниже — характеристики, описание и документы:

  • паспорт изделия;

  • сертификат соответствия;

  • экспертное заключение;

  • патент;

  • регистрационное удостоверение для медицинского исполнения.

Карточка DZR-2 PRO: исполнения, цена, Сплит и покупка
Мобильная карточка с выбором исполнения и оплатой частями

Корзина и пять способов оплаты

Оформление заказа — в два шага: контакты, затем оплата. Покупатель выбирает один из пяти способов: картой онлайн с чеком на почту, по QR через СБП, частями в Яндекс Сплит, наличными или картой при получении, по счёту для организаций.

Если человек оставил имя и телефон, но не завершил оплату, сайт всё равно передаёт контакты менеджеру с пометкой «оставил контакты, не завершил оплату». Такой заказ можно вернуть звонком.

Корзина с рециркулятором и оплатой частями

Доставка

  • по Москве — курьером за 1–2 рабочих дня;

  • по России — СДЭК, Деловые Линии или Почта России, 1–5 дней, бесплатно;

  • самовывоз из офиса по согласованию;

  • трек-номер приходит после отправки.

Страница «Доставка и оплата»

Визуальный стиль

Интерфейс собрали из того же, из чего сделаны сами приборы: белые карточки на светлом фоне, графитовая шапка, голубые кнопки с градиентом и тонкие серо-голубые линии. Серии PRO, Elite, Smart, Mini, Drive, Climate и Power различаются цветом бейджа — одинаково в каталоге и в панели. Каждая линейка получила на главной свою сцену: анализаторы, очиститель Detoxer, измерители и потолочные светильники Airsmart.

Главная: графитовая шапка и первый экран с прибором
Сцена линейки: очиститель продуктов Detoxer
Сцена линейки: анализатор воздуха Aero
Сцена линейки: потолочный светильник Airsmart

Панель управления

Команда Milerd сама решает, какие модели стоят в каталоге первыми: двигает товары и сохраняет порядок, он сразу появляется на сайте. У каждой строки — серия, адрес страницы и цена или пометка «по запросу», новые позиции отмечаются автоматически, карточка открывается на редактирование из того же списка.

Поиск и доверие

  • микроразметка товаров с ценами;

  • карта сайта на 93 страницы;

  • 9 подборок под поисковые запросы;

  • блог: с июля 2026 года — 40 статей о выборе рециркулятора, радиационном фоне, нитратах и радоне;

  • страница отзывов с видеоотзывом клиники;

  • сертификаты на главной и документы в каждой карточке;

  • страница приложения Milerd PORT с загрузкой для Windows и Mac для владельцев дозиметров.

Для связи с покупателем — покупка в один клик, заказ звонка, онлайн-чат и коллтрекинг.

Блог: статьи о нитрат-тестерах и дозиметрах
Отзывы с видеоотзывом клиники
Страница приложения Milerd PORT для Windows и Mac

Технологии

Сайт работает на Next.js: страницы собираются заранее и обновляются в фоне, поэтому каталог открывается быстро и полностью доступен поисковикам. Собственная панель управления каталогом и API для заказов, оплаты и заявок.

Результат

Milerd.ru работает как полноценный интернет-магазин производителя: одна витрина для домашних покупателей и для организаций, без дублей товаров и отдельных разделов.

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

  • интернет-магазин на Next.js в фирменной стилистике приборов Milerd;

  • каталог из пяти линеек — 30 товаров на 14 страницах;

  • 9 подборок под поисковые запросы, которые наполняются автоматически;

  • подбор рециркулятора за три вопроса с передачей ответов менеджеру;

  • карточки с бытовым и медицинским исполнением, документами и Яндекс Сплит;

  • корзину с пятью способами оплаты и сохранением контактов из незавершённых заказов;

  • панель управления порядком и карточками товаров;

  • блог (40 статей с июля 2026 года), страницу отзывов и страницу приложения Milerd PORT.

Сайт: https://milerd.ru

Комментарий агентства

Nikita Tarasov
Nikita Tarasov

Главная сложность была в том, что один и тот же прибор покупают семья для квартиры и клиника с требованием регистрационного удостоверения. Мы не стали разводить их по разным разделам: исполнение выбирается в карточке, а цена, документы и способ оплаты подстраиваются под выбор.

https://milerd.ru/

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • Next.js Next.js Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека
  • Figma Figma Графический редактор

Над проектом работали:


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

EcomVision с удовольствием обсудит вашу задачу

Оставить заявку