Контакты
Главная · десктоп
2024Сайт-каталог производителяUX/UI-дизайн, разработка

ПТМ: каталог ёмкостного оборудования, где технолог завода находит свой резервуар и сразу оставляет заявкуПТМ

  • Web
  • Mobile
  • Производство
  • Каталог
Главная · десктоп
01 / 04
Задача

ООО «ПТМ» — эксклюзивный представитель белорусского завода «Компания №1» в России. Завод больше 15 лет проектирует, делает и монтирует ёмкости из нержавеющей стали: резервуары для молока и вина, реакторы и смесители для химии, ёмкости для пищевых производств. Покупатель здесь — инженер или технолог завода, ему нужно найти аппарат под свой продукт, проверить комплектацию и понять, что поставщику можно доверить объект. Нужен был сайт, который всё это показывает и ведёт к заявке.

Решение

Каталог разбит по отраслям клиента, а не по типам аппаратов: химическая, молочная, винно-водочная и пищевая промышленность. У каждой позиции объём, материал, утепление и полный список оснащения — то, что технолог сверяет с ТЗ. Доверие строят реальные объекты: каждое изготовленное оборудование подписано заводом и городом заказчика. Заявку можно оставить из шапки, с карточки любого товара и с формы на главной.

Сроки

3 недели

Стек
  • PHP
  • MySQL
  • jQuery
  • SCSS
  • Яндекс.Карты
Результат

Сайт-каталог на 52 позиции в четырёх отраслях: восемь изготовленных объектов с названиями заводов, 24 заказчика и заявка в один клик с любой страницы, на компьютере и телефоне.

Главные фишки

01

Каталог по отраслям

Технолог молокозавода не ищет «реактор» или «смеситель», он ищет оборудование для молока. Поэтому на главной четыре плитки отраслей с фото производства, а в каждом разделе — свой вводный текст о требованиях к оборудованию в этой отрасли.

02

Карточка как техпаспорт

В карточке нет маркетинговых слов, только то, что сверяют с ТЗ: объём, сталь AISI 304, толщина утепления, мешалка с мощностью и оборотами, люки, патрубки, датчики, моющие головки. Рядом фото готового аппарата и кнопка заявки.

03

Объекты с адресами

В «Изготовленном оборудовании» у каждой ёмкости подписан заказчик и город: Лидский молочно-консервный комбинат, Национальный аэропорт Минск, Объединённые пензенские водочные заводы. Ниже лента из 24 логотипов заказчиков.

04

Связь удобным способом

Российский и два белорусских номера, WhatsApp, Telegram и Viber в шапке и подвале, форма заявки на главной, на контактах и во всплывающем окне с каждой карточки. Офис в Москве показан на Яндекс.Карте.

52позиции оборудования в каталоге
4отрасли: химия, молоко, вино, пищевка
24заказчика в ленте логотипов

Сделаю похожий проект для вас – сам, от макета до запуска

Ключевые экраны

ПТМ: Первый экран
ПТМ: Как работаем и что сделали
ПТМ: Преимущества и заказчики
ПТМ: Раздел каталога
01Цель: показать, что это завод

Первый экран

Вместо стоковой картинки — живая съёмка цеха, где варят и собирают ёмкости.

  1. 1Видео с производства на весь экран: с первой секунды понятно, что здесь делают оборудование, а не перепродают его.
  2. 2Одна кнопка «Оставить заявку» по центру открывает короткую форму: имя, почта, сообщение.
  3. 3Телефон и часы работы в красной полосе над меню, под стрелкой — ещё два белорусских номера.
  4. 4Ниже сразу четыре отрасли с фото производства: технолог в один клик попадает в свой раздел.
02Цель: снять страх перед поставщиком

Как работаем и что сделали

Сначала понятный порядок работы, потом доказательства.

  1. 1Три шага: заявка, встреча и проект, изготовление с доставкой и монтажом. Клиент заранее знает, что будет дальше.
  2. 2Рядом фото цеха с готовыми аппаратами — реальное производство, а не рендер.
  3. 3Слайдер изготовленного оборудования: у каждой ёмкости подписан завод-заказчик и город.
03Цель: заявка

Преимущества и заказчики

Аргументы и форма стоят рядом: дочитал — сразу пишешь.

  1. 1Четыре преимущества: 15 лет работы, крупные заказчики, обвязка трубопроводами, поставки в ЕАЭС и Прибалтику.
  2. 2Форма заявки справа, на одном уровне с аргументами.
  3. 3Лента логотипов заказчиков крутится сама: «Молодея», «Красный пищевик», «Фармлэнд» и ещё 21 компания.
04Цель: найти свой аппарат

Раздел каталога

Все четыре раздела устроены одинаково, на примере молочной промышленности.

  1. 1Шапка с фото отрасли и хлебные крошки: посетитель всегда видит, где он и как вернуться к выбору отрасли.
  2. 2Полная комплектация аппарата: материал, утепление, мешалка, люки, датчики, моющие головки.
  3. 3Фото готового резервуара на объекте, а не 3D-модель.
  4. 4«Оставить заявку» под каждой позицией открывает форму, не уводя со страницы.

Нужен похожий проект?

Расскажите о задаче, и я предложу решение и сроки.

Следующий кейсLegiscanИИ-сервис для юристов (SaaS)