™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_0
Назад

Промо-сайт Вінницького агрегатного заводу

™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_1
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_2
Вінницький агрегатний завод (ВЗТА): цифрова трансформація промислового гіганта

«Вінницький агрегатний завод» – це легенда українського машинобудування з історією, що сягає 1880 року. Коли клієнт такого рівня виходить в онлайн, завдання виходить далеко за межі створення сайту. Нам потрібно було розробити гібридну платформу, яка одночасно вирішує дві стратегічні цілі: гідно презентує потужності заводу для міжнародних партнерів (B2B) та забезпечує швидкий роздрібний продаж запчастин кінцевому споживачу (B2C).

Ми створили ресурс, де промислова естетика поєднується з передовими e-commerce технологіями на базі Drupal.

Виклик №1: візуалізація масштабу та інженерної сили

Головна аудиторія корпоративної частини – великі машинобудівні підприємства та закордонні партнери. Їм важливо побачити не просто товар, а надійність виробника.
Наше рішення – дизайн індустріальної довіри:
– Інфографіка впливу: на головній сторінці реалізовано інтерактивну карту «Географія присутності» та блоки з ключовими цифрами (145 років історії, 120+ найменувань продукції). Це миттєво знімає питання про масштаб бізнесу.
– Відео-екскурсія виробництвом: окремий блок «Огляд виробництва» демонструє реальні потужності заводу, процеси контролю якості та технологічність, що критично важливо для прийняття рішення про співпрацю.
– Акцент на історії: ми не ховали історію в підвал, а зробили її частиною бренду, підкресливши спадковість та стабільність компанії.

Виклик №2: повноцінний інтернет-магазин зі зручним пошуком

Друга важлива частина платформи – це сучасний інтернет-магазин. Нам потрібно було забезпечити користувачам (від сервісних центрів до приватних покупців) можливість швидко знайти та замовити потрібний вузол, не блукаючи корпоративними розділами.
Наше рішення – професійна навігація та каталог:
– Пошук за артикулом: розуміючи специфіку ніші, ми реалізували розумний пошук, який дозволяє знаходити гідравлічні вузли не тільки за назвою, а й за точним заводським маркуванням.
– Допомога у виборі: якщо користувач не впевнений у сумісності деталі, ми впровадили систему швидких підказок та форму зворотного зв'язку «Допомога експерта» прямо у видачі, що мінімізує ризик помилки при підборі складних агрегатів.
– Структурований каталог: товари розділені на чіткі інженерні категорії (насоси шестеренні, гідроциліндри), кожна з яких має специфічні фільтри за технічними характеристиками (тиск, об'єм, хід поршня).

Виклик №3: інтеграція з системою обліку та B2B-можливості

Завод працює з величезною номенклатурою та різними ціновими політиками для роздробу та гуртовиків.
Наше рішення – автоматизована екосистема:
– Синхронізація зі складом: сайт повністю інтегрований з внутрішньою системою обліку підприємства (ERP). Залишки, ціни та номенклатура оновлюються автоматично, виключаючи людський фактор.
– Персональний кабінет партнера: для зареєстрованих контрагентів реалізовано відображення індивідуальних прайсів та умов співпраці, що перетворює сайт на зручний портал для гуртових закупівель.

Результат: сучасне обличчя української промисловості

Новий сайт ВЗТА – це приклад того, як важка промисловість може бути сучасною та клієнтоорієнтованою. Ми зберегли «ДНК» потужного заводу у дизайні, але «під капотом» забезпечили швидкість та зручність, притаманну найкращим інтернет-магазинам. Це інструмент, що допомагає заводу масштабувати експорт та спрощує покупку запчастин для кожного клієнта.
Що ми зробили
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_3
UI/UX, дизайн
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_4
Програмування
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_5
Верстка
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_6
Наповнення
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_7
Тестування
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_8
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_9
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_10
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_11
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_12
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_13
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_14
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_15
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_16
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_17
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_18
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_19
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_20
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_21
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_22
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_23
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_24
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_25
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_26
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_27
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_28
Затрачено часу
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_29
Промо-сайт Вінницького агрегатного заводу На ноутбуці
Промо-сайт Вінницького агрегатного заводу На планшеті
Головна сторінка
™ Глянець, студія веб-дизайну — Промо-сайт Вінницького агрегатного заводу_30
Інструменти і технології
які ми використали в роботі над сайтом
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
Adobe Photoshop
ChatGPT
Промо-сайт Вінницького агрегатного заводу
Внутрішні сторінки
Налаштування доступності
Налаштування контрасту
Розмір шрифту
Міжбуквенний інтервал
Міжрядковий інтервал
Зображення
Шрифт
Скинути налаштування