Інтернет-магазин одягу — QMarket
Інтернет-магазин одягу — SEO та Google QMarket
Інтернет-магазин одягу — заявки з сайту QMarket

Інтернет-магазин одягу

Про проєкт

Український бренд casual-одягу зі швейним виробництвом замовив повний редизайн старого WooCommerce-сайту. Головна проблема — 78% трафіку з Instagram і TikTok, але conversion rate на mobile був нижче 1%.

Ми зробили lookbook-сторінки з shoppable tags, інтерактивні розмірні сітки з рекомендаціями «якщо між S і M — обирайте M», wishlist без реєстрації та one-page checkout. Кольорові варіанти — через swatches без перезавантаження сторінки.

  • Shoppable lookbook
  • Розмірні таблиці
  • Wishlist
  • Swatches кольорів
  • Швидкий повтор замовлення
  • Блок «Доповни образ»
890

позицій у каталozі

3.2%

CR з мобільного

−41%

відмови на checkout

Візуальний магазин з акцентом на mobile shopping.

Завдання проєкту

Український бренд casual-одягу зі швейним виробництвом замовив повний редизайн старого WooCommerce-сайту. Головна проблема — 78% трафіку з Instagram і TikTok, але conversion rate на mobile був нижче 1%.

Ми зробили lookbook-сторінки з shoppable tags, інтерактивні розмірні сітки з рекомендаціями «якщо між S і M — обирайте M», wishlist без реєстрації та one-page checkout. Кольорові варіанти — через swatches без перезавантаження сторінки.

Етапи розробки

Дизайн-система

Типографіка, палітра бренду, компоненти карток.

Каталог

Варіативні товари, галереї, lazy-load WebP.

Checkout

One-page форма, UTM-збереження, SMS-підтвердження.

Контент

Lookbook, сторінки доставки/повернення для E-E-A-T.

Маркетинг

Pixel Meta, GA4 enhanced e-commerce, UTM-звіт.

Технології та стек

  • HTML5 / CSS3
  • JavaScript
  • Responsive design
  • Google Analytics 4
  • Schema.org
  • Swiper.js
  • Wishlist API
  • LiqPay
  • Open Graph product

Реалізований функціонал

  • Shoppable lookbook
  • Розмірні таблиці
  • Wishlist
  • Swatches кольорів
  • Швидкий повтор замовлення
  • Блок «Доповни образ»

FAQ по проєкту

Чи залишили WooCommerce?

Ні — перенесли на легшу кастомну платформу з тим же URL-структурою для SEO.

Хочете схожий проєкт? Зв’яжіться з QMarket — розкажемо про терміни та технології.

Етапи розробки

Від брифу до запуску — прозорий процес.

01

Дизайн-система

Типографіка, палітра бренду, компоненти карток.

02

Каталог

Варіативні товари, галереї, lazy-load WebP.

03

Checkout

One-page форма, UTM-збереження, SMS-підтвердження.

04

Контент

Lookbook, сторінки доставки/повернення для E-E-A-T.

05

Маркетинг

Pixel Meta, GA4 enhanced e-commerce, UTM-звіт.

Часті питання

Чи залишили WooCommerce?

Ні — перенесли на легшу кастомну платформу з тим же URL-структурою для SEO.

Viber WhatsApp