™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_0
Назад

Промо-сайт Трансмишн Украина

™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_1
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_2

Трансмишн Украина: корпоративный сайт с каталогом продукции для B2B-рынка промышленных редукторов

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

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

 

Вызов №1: как говорить с четырьмя разными аудиториями одновременно?

Аудитория сайта — это не однородная масса. Менеджер по закупкам хочет увидеть цену, сроки и кнопку «Получить КП» уже на первом экране. Инженер-технолог ищет таблицы характеристик, PDF-чертежи и возможность сравнить модели. Механик сервисного центра заходит с телефона, и ему нужно «фото → характеристика → звонок» за три касания. Владелец малого производства хочет понять, какой редуктор подходит под его задачу, а не под каталожную позицию.

Мы ответили на это не компромиссным «усреднить для всех», а архитектурой контента, где каждый сегмент получил свою точку входа.

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


Вызов №2: как продать сложный технический продукт, если клиент часто не знает, что именно ищет?

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

  • Раздел «Подбор / аналоги»: это не просто форма обратной связи, а структурированная точка входа для неопределённого спроса.
  • Объяснение процесса: страница показывает, кому подходит услуга, что нужно для подбора и почему даже минимальной информации достаточно для старта.
  • Загрузка файлов: форма позволяет добавить чертежи, фото оборудования или шильдик.
  • Помощь в карточке товара: рядом с характеристиками есть блок «Нужна помощь в подборе?» с полями для описания условий работы и загрузки файлов.


Вызов №3: как построить каталог, который работает и для SEO, и для инженера?

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

Мы переработали архитектуру каталога до основания. Новая структура включает мотор-редукторы, редукторы, электродвигатели и вариаторы с логичными подкатегориями, где каждый типоразмер является отдельной позицией со своими характеристиками, чертежами и возможностью просмотра в формате 360°.

  • 14 параметров фильтрации: от серии и производителя до сервис-фактора, передаточного числа и наличия тормоза.
  • Полная карточка товара: видео, обзор 360°, PDF-документация и блок «Для чего подходит».
  • Конкретные применения: вместо общих фраз пользователь видит реальные сценарии использования.
  • Сопутствующие варианты: блок помогает сравнить смежные модели, не возвращаясь в каталог.


Вызов №4: как сформировать доверие на B2B-рынке, где его завоёвывают годами?

Промышленный B2B — это рынок, где решения о поставщике принимаются медленно и болезненно. Недоверие к компаниям без кейсов, страх простоя линии из-за неправильного выбора, давление сроков и бюджета — всё это барьеры, которые невозможно преодолеть красивым баннером.

  • Отраслевые решения: для машиностроения, пищевой промышленности, сельского хозяйства, конвейерных систем и тяжёлой промышленности описаны типовые задачи, ключевые требования к подбору и рекомендуемые типы оборудования.
  • Документация: вся техническая документация собрана в единой таблице с поиском по названию или артикулу.
  • Производственный процесс: видео сборки показывает реальную работу, а не маркетинговое обещание.
  • Оптовым клиентам: отдельный раздел чётко объясняет условия сотрудничества, логику ценообразования и преимущества.


Результат: платформа, которая говорит на языке производства

За сдержанным промышленным дизайном стоит архитектура, готовая к реальной нагрузке. Сайт построен на CMS Drupal с полным SEO-пакетом, микроразметкой schema.org, автоматическими 301-редиректами со старого домена и оптимизацией скорости загрузки.

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

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

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

Что мы сделали
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_3
UI/UX, дизайн
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_4
Программирование
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_5
Верстка
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_6
Наполнение
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_7
Тестирование
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_8
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_9
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_10
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_11
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_12
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_13
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_14
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_15
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_16
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_17
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_18
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_19
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_20
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_21
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_22
Ушло времени
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_23
Промо-сайт Трансмишн Украина На ноутбуке
Промо-сайт Трансмишн Украина На планшете
Главная страница
™ Глянец, студия веб-дизайна - Промо-сайт Трансмишн Украина_24
Инструменты и технологии
которые мы использовали в работе над сайтом
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
ChatGPT
Промо-сайт Трансмишн Украина
Внутренние страницы
Заказать сайт сейчас!

Ваш будущий сайт слишком хорош, чтобы принадлежать кому-то другому

Меню специальных возможностей
Настройки контрастности
Размер шрифта
Расстояние между буквами
Высота строки
Изображения
Шрифт
Сброс настроек