Технічна оптимізація та прискорення українського магазину і готовий до масштабування Shopify-сайт для США

Інформація про клієнта і запит

Blast Out Studio — український бренд дизайнерського одягу, заснований у 2019 році. Бренд спеціалізується на створенні авторських колекцій, у яких поєднуються сучасна естетика, функціональність і впізнаваний дизайн. Виробництво здійснюється в Києві з використанням deadstock-тканин, а колекції випускаються обмеженими тиражами.

Філософія бренду та його підхід до сучасної жіночої моди отримали висвітлення у провідних fashion-виданнях, зокрема Harper’s Bazaar, ELLE, VOGUE, COSMOPOLITAN, THE ICON, Marie Claire. Серед клієнтів Blast Out Studio — жінки, які реалізували власний бізнес або мають значний вплив у своїх галузях, серед яких – Ірина Ковальчук, Катя Тейлор, Соня Забуга, Ольга Слонь, Марія Дідковських, Ірина Максимова, Севгіль Мусаєва та Юлія Кушер.

До звернення в E-commerce Growth Studio магазин уже працював на платформі Shopify, однак мав значну кількість технічних проблем: частина функціоналу працювала нестабільно, деякі можливості були реалізовані некоректно, а клієнт навіть отримував інформацію, що окремі задачі «неможливо виправити». З розвитком бізнесу компанія поставила перед собою нову ціль — масштабувати продажі та вийти на ринок США.

Саме тому бренд звернувся до нас із запитом на кастомну доробку Shopify: доопрацювання, інтеграції та впровадження функціоналу, також виправлення помилок і подальший розвиток магазину.

Завдання

Основною метою роботи було усунути технічні недоліки Shopify-магазину, покращити користувацький досвід та підготувати сайт до виходу на міжнародний ринок. Для цього команда «Цілі» працювала над такими завданнями:

• виправлення критичних помилок у роботі Shopify-магазину;
• технічна оптимізація та прискорення Shopify-магазину;
• налаштування коректної роботи мультивалютності;
• реалізування функціоналу, який підвищує зручність покупки;
• підготовка окремого Shopify-магазину для виходу на ринок США;
• налаштування міжнародних платежів, доставки та checkout.

Необхідно було створити технічну основу для подальшого масштабування бізнесу без втрати стабільності роботи магазину.

Результати співпраці

Оптимізація сайту для швидкого завантаження

Одним із ключових етапів проєкту стала технічна оптимізація Shopify-магазину.

Ми оптимізували зображення, скрипти та стилі, що дозволило значно покращити швидкість роботи сайту.

Після оптимізації магазин отримав високі показники Google Core Web Vitals:

• LCP (Час завантаження найбільшого контенту) — 1,13 с.;
• INP (Час реакції на взаємодію) — 80 мс.;
• CLS (Сукупний зсув макета) — 0,02.

У результаті сторінки стали швидше завантажуватися, інтерфейс — миттєво реагувати на дії користувачів, а сам магазин відповідає вимогам Google щодо продуктивності.

Вихід на міжнародний ринок

Коли клієнт вирішив виходити на американський ринок, ми запропонували дві можливі стратегії реалізації. Оскільки власник не хотів оформлювати єдиний обліковий запис Shopify Payments для мультивалютної роботи в одному магазині, обрали варіант дубля сайту:

• Зроблено повний дубль магазину під ринок США — окремий сайт, який виглядає ідентично до основного, українського. Один сайт орієнтований на Україну, інший — на американських покупців, кожен працює зі своєю валютою і платіжними налаштуваннями.
• Для підключення міжнародних платежів (PayPal і Stripe) на американському магазині задачу передали партнерам Western Bid.

Після запуску бренд отримав можливість незалежно розвивати два магазини для різної аудиторії, тестувати нові маркетингові канали та масштабувати продажі без обмежень, пов’язаних із локальною інфраструктурою Shopify.

Головна сторінка сайту: що зробили

Слайдер фото в продуктовій картці

Було: щоб подивитись інші фото товару, покупець мав зайти в саму картку товару.

Стало: перемикання фото товару можна робити одразу на сторінці колекції, ще до переходу в картку.

Це прибирає зайвий крок на шляху покупця й дозволяє швидше переглянути асортимент.

Налаштування Wishlist

Додали і налаштували коректну роботу розділу «Мій Список Бажань» (Wishlist) — покупці можуть додавати товари, які їх зацікавили, у окремий список і повертатися до них пізніше, не шукаючи товар заново по каталогу.

Відображення валюти

Було: валюта обиралась окремо від країни і фактично не змінювалась коректно — можна було обрати країну, але валюта на це не реагувала.

Стало: валюта визначається і підставляється автоматично залежно від того, звідки заходить користувач (наприклад, візит з США — автоматично доллар).

Віджет із Telegram на всьому сайті

Додали віджет для зв’язку через Telegram на всіх сторінках сайту — простіший і звичніший канал комунікації для клієнтів бренду.

Інші виправлення на сайті

1. Таблиця розмірів. Раніше таблиця розмірів була не на всіх товарах, а там, де була — не відповідала реальним параметрам (наприклад, замість конкретних вимірів стояли умовні S/M/L/XL там, де це було некоректно). Оновили й додали таблицю розмірів по всьому асортименту.

2. Розмірна сітка з перемикачем см/дюймів. Оскільки бренд одночасно працює на ринок України та США, додали можливість перемикати одиниці виміру в таблиці розмірів.

3. Виправлено зум фото товару. Раніше при наближенні фото працювало некоректно — виправили коректне збільшення зображення.

4. Налаштування передзамовлення (pre-order). Функція передзамовлення товару не працювала належним чином — тепер кнопка «Передзамовити» доступна на потрібних товарах.

Подальша співпраця та плани

Робота триває, і на наступних етапах плануємо:

• впровадити апсейли — продаж товарів комплектами;
• посилити блок рекомендованих товарів, щоб збільшити середній чек;
• провести глибокий CRO-аудит, щоб знайти додаткові точки зростання конверсії.

Висновки

Цей кейс демонструє, що магазин з технічними помилками не обов’язково перезапускати з нуля. У більшості випадків достатньо послідовно усунути наявні недоліки — і паралельно підготувати технічну базу для виходу на новий ринок.

Якщо ваш сайт не приносить ту кількість замовлень, яку ви очікуєте через технічні помилки, або ви плануєте масштабувати свій Shopify-магазин на нові ринки — ми допоможемо це реалізувати. Залишайте заявку на консультацію, натиснувши кнопку «обговорити проєкт» і наш менеджер зв’яжеться з вами.