Токарев Lab Написать

СайтНПП «Александр», производство оптикиЗапущен

Сайт для производителя оборудования: лендинг тепловизора АРКАН-100 для НПП «Александр»

Лендинг одного прибора для закупщиков из служб безопасности, МЧС и силовых структур. Собран из документов заказчика: руководства, протокола испытаний и брифа.

Сергей Токарев

Сергей ТокаревРазработчик проекта. Делаю похожее на заказ.

АРКАН-100

Зачем производителю оборудования сайт одного прибора

НПП «Александр» из Рязани с 2003 года разрабатывает и производит оптику для военной и специальной техники: от выращивания германия до сборки и испытаний. У предприятия есть корпоративный сайт обо всём сразу, а для тепловизионного монокуляра АРКАН-100 нужен был отдельный сайт для производителя оборудования, который говорит с одним покупателем и ведёт его к одной заявке.

Покупатель здесь не частный охотник. Это МО РФ, МЧС и крупные компании со своей службой безопасности, которая охраняет периметр. Решение принимает руководитель службы безопасности, закупка идёт через ГОЗ, внутренние процедуры или фонды. Самое частое возражение заказчик назвал одной фразой: «закупить китайский». Лендинг должен был на это ответить.

Из чего собран лендинг

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

  • Руководство по эксплуатации: полные характеристики, состав комплекта, органы управления, режимы изображения.
  • Рекламная листовка: фирменный стиль, эмблема и слоган предприятия.
  • Презентация предприятия: численность, площади, полный цикл производства. Другие изделия из неё на сайт не попали, лендинг про один прибор.
  • Протокол испытаний на базе МВОКУ, сентябрь 2023 года: подтверждённые цифры и кадры, снятые самим прибором.
  • Бриф: аудитория, возражения, условия поставки, какие характеристики покупателю важнее всего.
  • Список целевых организаций: около 130 компаний. В основном нефтегаз, энергетика, порты и аэропорты, поэтому главный гражданский сценарий на сайте: охрана периметра промышленного объекта.

Сайт для продажи оборудования: сначала сверить характеристики

Для закупщика оборудования характеристики и есть главный текст. Здесь документы противоречили друг другу. Габариты были указаны в четырёх вариантах, время готовности в трёх (3, 5 и 7 секунд), рабочая температура до +50 или до +60 °C, диоптрийная настройка ±5 или от −3 до +3.

Я свёл расхождения в одну таблицу и отправил заказчику вопросы. Поле зрения проверил расчётом: матрица 640 × 480 с пикселем 17 мкм за объективом 100 мм даёт 6,2° × 4,7°, так что значение 5,0° по вертикали из руководства было ошибкой. Заказчик утвердил одну таблицу, и на сайт ушла только она. Главные для покупателя цифры вынесены на первый экран: дальность обнаружения и распознавания человека, время работы, масса и рабочие температуры.

Из протокола испытаний на сайт попали только подтверждённые факты: 8 часов 15 минут непрерывной работы, уверенное распознавание человека на 700 м, фактическая масса. Сам протокол не публикуется: в нём есть замечания рабочей группы, которые важны производителю, а не покупателю.

Как сайт отвечает на «купим китайский»

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

  • германий для объектива предприятие выращивает само, оптика не зависит от импорта;
  • матрица 640 × 480 против 384 × 288 у китайского тепловизора, с которым прибор сравнивали на испытаниях;
  • испытания по программе, утверждённой ГРАУ МО РФ, и подконтрольная эксплуатация на базе МВОКУ;
  • стойкость по ГОСТ РВ 0020-39.304, группа 1.10, защита IP67;
  • цельнометаллический корпус из авиационного алюминия;
  • гарантия 12 месяцев и ремонт на заводе в Рязани.

Рядом настоящие кадры с испытаний: люди в маскировочных костюмах у ворот в пяти палитрах тепловизора и аллея с людьми на 100, 400 и 700 м. Закупщик видит, какую картинку на самом деле даёт прибор.

Что на странице

  • Первый экран: прибор, который поворачивается вслед за курсором, на фоне ролика «как видит тепловизор». Под ним пять главных цифр.
  • Задачи: охрана периметра, разведка и наблюдение, поисково-спасательные работы.
  • Как видит прибор: переключатель палитр и кадры с дистанциями.
  • Почему не импортный аналог и проверен в поле: аргументы и цифры испытаний.
  • Характеристики тремя группами и схема органов управления.
  • Комплект поставки на реальных фото, о производителе, условия поставки в виде вопросов и ответов.
  • Заявка: Telegram, MAX и короткая форма.

Цена на сайте не указана по решению заказчика: прибор продаётся через коммерческое предложение, от одной штуки, партии согласуются отдельно.

Как устроено

Сайт написан с нуля без конструктора: HTML, CSS и JavaScript, форма заявки на PHP с маской телефона и копией письма на почту заказчика. Шрифты и иконки лежат на своём сервере, без внешних CDN. Тёмная тема основная, светлая включается переключателем в шапке, выбор запоминается. Фоновый ролик первого экрана сгенерирован нейросетью в стиле тепловизора и весит 280 КБ. Когда заказчик пришлёт запись с прибора, её поставим на его место. Анимации отключаются у тех, у кого в системе выбрано «уменьшить движение». Мобильная версия без горизонтальной прокрутки, меню на телефоне открывается на весь экран.

Скриншоты

АРКАН-100: Просмотрщик кадров с испытаний: пять палитр тепловизора и люди на 100, 400 и 700 м. Закупщик видит реальную картинку прибора, а не рекламный рендер
Просмотрщик кадров с испытаний: пять палитр тепловизора и люди на 100, 400 и 700 м. Закупщик видит реальную картинку прибора, а не рекламный рендер
АРКАН-100: Ответ на главное возражение «купим китайский»: германий своего производства, матрица 640 × 480, испытания по программе ГРАУ МО РФ и ремонт на заводе
Ответ на главное возражение «купим китайский»: германий своего производства, матрица 640 × 480, испытания по программе ГРАУ МО РФ и ремонт на заводе
АРКАН-100: Характеристики, сверенные по документам заказчика и утверждённые им, по группам: детектор, оптика, питание и корпус. Ниже схема органов управления
Характеристики, сверенные по документам заказчика и утверждённые им, по группам: детектор, оптика, питание и корпус. Ниже схема органов управления
АРКАН-100: Комплект поставки на реальных фото: опломбированный кейс, подсумок, штатив, работа от внешнего аккумулятора
Комплект поставки на реальных фото: опломбированный кейс, подсумок, штатив, работа от внешнего аккумулятора
АРКАН-100: Заявка: кнопки Telegram и MAX и короткая форма с организацией и количеством приборов, копия уходит на почту заказчика
Заявка: кнопки Telegram и MAX и короткая форма с организацией и количеством приборов, копия уходит на почту заказчика
АРКАН-100: Мобильная версия: первый экран с прибором, переключатель палитр и характеристики
Мобильная версия: первый экран с прибором, переключатель палитр и характеристики

Частые вопросы

Сколько стоит сайт для производителя оборудования?

Лендинг от 30 000 ₽ и 5–10 дней. Цена зависит от объёма: сколько блоков, сколько документов нужно разобрать, нужны ли интерактивные элементы вроде переключателя палитр и интеграция заявок с CRM. Точную стоимость называю после обсуждения задачи.

Что нужно от производителя для лендинга?

Технические документы на изделие (руководство, паспорт, листовка), результаты испытаний, фото прибора и комплекта, логотип и фирменные цвета, условия поставки и гарантии. Хорошо, если есть список целевых организаций или хотя бы описание покупателя: от него зависят сценарии на первом экране.

Что делать, если характеристики в документах расходятся?

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

Почему на сайте нет цены?

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

Чем лендинг одного изделия лучше общего сайта производственного предприятия?

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

Нужно похожее?

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

Написать в Telegram MAX