Замовлення сайтів:
Підтримка сайтів:
Підтримка сайтів:
Вінниця:
Краків:
™ Глянець, студія веб-дизайну — Промо-сайт Трансмішн Україна_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
Промо-сайт Трансмішн Україна
Внутрішні сторінки
Замовити сайт зараз!

Всього один крок до вашого бездоганного сайту

Налаштування доступності
Налаштування контрасту
Розмір шрифту
Міжбуквенний інтервал
Міжрядковий інтервал
Зображення
Шрифт
Скинути налаштування