Огляд проєкту
Discsor — це норвезький магазин disc golf, який я зробив як редизайн і міграцію з Shopify на WordPress. Клієнт хотів привабливіший магазин і кращий користувацький досвід, тому проєкт спочатку почався як робота над дизайном і UX. Коли стало зрозуміло, що Shopify можна залишити позаду, WordPress виявився для мене значно гнучкішим варіантом, особливо з погляду WooCommerce-кастомізації та довгострокового контролю.
Цей крок також прибрав щомісячну підписку Shopify і дав проєкту адмінку, яку значно легше підлаштувати під реальні потреби магазину. Фінальний стек — WordPress, WooCommerce, Blocksy, Greenshift і The SEO Framework.
Візуальний напрямок частково спирався на мій власний магазин Trimnest, який дав хороший старт для структури, подачі товарів і логіки фільтрації. Оскільки я вже мав добрий досвід побудови WooCommerce-магазинів на WordPress, основна e-commerce частина рухалася доволі швидко.
Виклик
Сама міграція була однією з найважливіших технічних частин проєкту. На щастя, Shopify віддавав дані про товари через публічну адресу, що дозволило акуратно витягнути JSON. За допомогою AI я зібрав Python-скрипт, який перетворював ці дані на CSV, готовий до імпорту в WooCommerce.
Такий підхід безпечно переніс каталог під час переходу, включно з 300+ товарами, варіаціями та додатковими зображеннями товарів. Завдяки цьому міграція залишилася практичною й не перетворилася на довгу ручну перебудову.
Інший виклик стосувався подачі товару. У магазинах disc golf існує дуже специфічний візуальний формат для характеристик диска: показники Speed, Glide, Turn і Fade виводять прямо на сторінці товару. Саме за ними покупці порівнюють диски, тому ці дані мали бути добре помітними й простими для сприйняття, не ламаючи загальний макет.
Рішення
Я зберіг характеристики дисків у WooCommerce-атрибутах, а потім побудував для фронтенду власний шар відображення. Шорткод виводить значення окремими плашками й додає підказки, щоб користувач міг побачити, що означає кожне число. На комп’ютері це працює при наведенні, а на телефоні — по натисканню. Хоча досвідчені покупці disc golf і так знають цей формат, дотримання звичної подачі було важливим для довіри й зручності.
Магазин продає товари восьми брендів, і вбудована система брендів WooCommerce допомогла добре впорядкувати цю частину каталогу. За допомогою доповнення Blocksy я також додав логотипи брендів, щоб вони виразніше з’являлися в навігації, бокових фільтрах і на архівних сторінках. Категорії на кшталт Sekker, Putter, Midrange, Fairway Driver і Distance Driver я теж виніс помітніше, щоб перегляд каталогу був швидшим.
Сам магазин був зібраний норвезькою мовою, і наявна локалізація WooCommerce добре спростила цю частину роботи. Оплату клієнт реалізував через Vipps, що природно підходило для норвезького ринку.
У підсумку вийшов чистіший і гнучкіший магазин disc golf із кращим досвідом перегляду, збереженими даними каталогу й такою сторінкою товару, яка відповідає очікуванням цієї ніші. Це хороший приклад того, як міграція платформи може бути не лише технічним переходом, а й можливістю одночасно покращити дизайн, фільтрацію та подачу товарів.
