Обсудить

intello/Проекты/СпекНК

Клиентский проект · 2026

Каталог анализаторов металлов с кино-hero и подбором прибора за три шага

РФА, оптико-эмиссионные и лазерные анализаторы, стилоскопы, металлография. Каталог на 227 позиций, подбор прибора за три вопроса и главная страница, на которой анализатор оживает при прокрутке.

КлиентСпекНК
Год2026
Что делалиКаталог, кино-hero, подбор прибора, тексты
Ссылкаspecting.ru
СпекНК

Задача

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

Вторая задача: выглядеть дороже конкурентов. В нише «купить спектрометр» все каталоги похожи, а решение о заявке принимает инженер, которому важно доверять поставщику.

Решение

Главная открывается кино-hero. Это покадровая съёмка анализатора, которую посетитель прокручивает сам: сцена держится на экране, текстовые подписи сменяют друг друга, тонкая линия показывает прогресс. На мобильных и при отключённой анимации вместо неё статичный кадр, чтобы страница оставалась быстрой.

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

  • Кино-hero: покадровая секвенция по скроллу со статичным кадром на мобильных
  • Каталог на 227 позиций в 5 разделах
  • Карточки с элементами, характеристиками и запросом цены
  • Подбор прибора за 3 шага
  • Бегущая строка брендов и счётчики
  • Разделы по отраслям применения и методам анализа
  • Металлография и микроскопы отдельным разделом
  • Заявки менеджеру в Telegram

Результат

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

227позиций в каталоге
4метода анализа: РФА, ОЭС, LIBS, стилоскопы
42бренда-производителя

Внутри

Hero, каталог и подбор

Главная: начало кино-hero
Середина прокрутки: кадр секвенции
Финал сцены: заголовок и переход к подбору
Каталог: 227 позиций, 4 метода, 42 бренда
Карточка прибора: определяемые элементы и запрос цены
Описание и похожие приборы
Подбор анализатора за 3 шага
Статьи: как выбрать анализатор

Стек

11tyHTML/CSS/JSCanvas-секвенция (кадры WebP)Калькулятор подбора на JSTelegram-уведомления

Технологии подбираем под задачу и бюджет. Всё из этого списка уже работает в наших продуктах.

Следующий проект

Блог НТЦ ИОН

Автоматизированный блог: статьи, иллюстрации и публикация в Дзен без ручной рутины.

Начнём?

Похожая задача? Обсудим

Расскажите о проекте в двух словах, и мы вернёмся с идеей, сроками и ориентиром по бюджету.

Ответим в рабочее время