Запит клієнта
Клієнт звернувся із запитом на оновлення сайту, який вже не відповідав масштабу корпорації та потребам користувачів.
Старий ресурс мав кілька ключових проблем:
- застарілий дизайн;
- технічно слабку реалізацію;
- повільний і незручний каталог;
- відсутність фільтрації;
- складну навігацію;
- слабку базу для SEO-просування;
- обмежені можливості для розвитку структури сайту.
Для компанії з великим асортиментом і різними напрямками діяльності цього було недостатньо. Потрібно було створити сучасний сайт для виробничої компанії, який допоможе презентувати корпорацію, показати асортимент продукції та дати клієнтам можливість оформлювати замовлення онлайн.
Задача
Перед нами стояла задача розробити корпоративний сайт на WordPress із великим каталогом продукції та e-commerce-функціоналом.
Потрібно було зберегти й правильно організувати поточний обсяг даних: близько 20 категорій і приблизно 250 товарів. При цьому сайт мав стати швидшим, зручнішим для користувачів і простішим для адміністрування.
Основні задачі проєкту:
- розробити UX-прототип і дизайн сайту з нуля;
- створити адаптивну версію для різних пристроїв;
- реалізувати багаторівневий каталог продукції;
- додати фільтрацію для швидкого пошуку потрібних товарів;
- розробити картки товарів із характеристиками та додатковою інформацією;
- реалізувати кошик і оформлення замовлення;
- підключити доставку Новою поштою;
- інтегрувати оплату через LiqPay;
- створити гнучку адміністративну частину на WordPress;
- реалізувати кастомні шаблони, ACF-поля та власні типи записів;
- закласти базові SEO-можливості для подальшого просування сайту.
Структура сайту
Проєкт включав велику кількість різних типів сторінок. Окрім базових розділів, потрібно було реалізувати окремі сторінки для напрямків, брендів і продуктових лінійок, частина з яких працює як повноцінні лендінги.
У межах проєкту були реалізовані:
- головна сторінка;
- сторінка про компанію;
- каталог продукції;
- сторінки категорій;
- картки товарів;
- блог;
- статті;
- контакти;
- окремі сторінки напрямків;
- посадкові сторінки для брендів і промислових покриттів;
- службові сторінки для оформлення замовлення.
Головна складність була не лише в кількості сторінок, а в різних сценаріях їх використання. Частина розділів мала працювати як презентаційні сторінки, частина — як каталог, частина — як інформаційні посадкові сторінки для окремих напрямків бізнесу.
Каталог продукції
Окрему увагу приділили каталогу. На сайті потрібно було зручно представити великий асортимент лакофарбової продукції та автомобільної хімії, зберігши логіку категорій і зробивши пошук товарів простішим для користувача.
Ми реалізували:
- багаторівневу структуру каталогу;
- сторінки категорій і підкатегорій;
- фільтрацію товарів;
- детальні картки продукції;
- можливість додавання характеристик;
- зручне керування товарами в адміністративній панелі;
- кошик і сценарій оформлення замовлення.
На першому етапі сайт був реалізований як каталог продукції. Далі ми доповнили його e-commerce-функціоналом: додали кошик, оформлення замовлення, інтеграцію з Новою поштою та оплату через LiqPay.
Картка товару та вибір кольору RAL
Одним із важливих рішень у проєкті стала реалізація вибору кольорів у картці товару.
Для лакофарбової продукції колір є одним із ключових параметрів вибору, тому ми додали можливість переглядати доступні кольори за системою RAL і обирати потрібний варіант безпосередньо на сторінці продукту.
Це зробило картку товару більш інформативною та корисною для клієнтів, які підбирають продукцію під конкретні технічні або візуальні вимоги.
Технічна реалізація на WordPress
Для проєкту ми використали WordPress, але адаптували CMS під складну структуру бізнесу ZIP. Це була не стандартна збірка з типовими сторінками, а індивідуальна розробка сайту з великою кількістю шаблонів, кастомних полів і власних типів записів.
У технічній частині реалізували:
- кастомні типи записів для різних сутностей сайту;
- ACF-поля для зручного керування контентом;
- окремі шаблони для різних типів сторінок;
- гнучкі контентні блоки;
- адаптивну верстку;
- оптимізацію швидкості роботи сайту;
- інтеграцію з Новою поштою;
- підключення LiqPay;
- базову технічну SEO-оптимізацію.
Завдяки такому підходу команда клієнта може самостійно додавати товари, редагувати сторінки, оновлювати контент, створювати нові розділи й працювати з великим обсягом інформації без постійного залучення розробників.
SEO-база та технічна оптимізація
Повноцінна SEO-стратегія не входила в межі проєкту, але під час розробки ми заклали технічну основу для подальшого просування.
На сайті були передбачені:
- метадані для сторінок;
- SEO-текстові блоки;
- можливість внутрішньої перелінковки;
- мікророзмітка;
- технічна оптимізація;
- коректна структура сторінок;
- можливість створення посадкових сторінок під окремі категорії, товари та напрямки.
Це дозволяє розвивати сайт не лише як корпоративний ресурс, а і як платформу для подальшого залучення органічного трафіку.
Результат
У результаті ZIP отримали сучасний корпоративний сайт із каталогом продукції, який краще відображає масштаб компанії та допомагає працювати з клієнтами онлайн.
Що було реалізовано:
- оновлений дизайн сайту з нуля;
- UX-прототипування та адаптивна верстка;
- каталог приблизно на 250 товарів;
- близько 20 категорій продукції;
- фільтрація для зручного пошуку;
- детальні картки товарів;
- вибір кольорів за системою RAL;
- кошик і оформлення замовлення;
- інтеграція доставки Новою поштою;
- підключення онлайн-оплати LiqPay;
- кастомні шаблони сторінок;
- ACF-поля та власні типи записів;
- базові SEO-можливості;
- технічна оптимізація сайту;
- зручна адміністративна панель для керування контентом.
Новий сайт став для ZIP не просто оновленням дизайну, а повноцінним digital-інструментом для презентації корпорації, демонстрації асортименту, роботи з клієнтами та прийому онлайн-замовлень.
Катерина Солікова
Катерина Солікова
