Переробили дизайн і логіку магазину одягу Zentaro для зручних покупок
Послуги: Дизайн, покращення юзабіліті, шляхів відвідувача та продаючих механік, оптимізація бекенду та фронтенду, інтеграція платіжних систем, прискорення роботи сайту
Заявки збирали руками в Direct і чатах: щось губилося між повідомленнями, а менеджери день у день тонули в одноманітних відповідях
Асортимент лежав без чіткого поділу та фільтрів, тож дібрати свій розмір чи колір відвідувач міг хіба що навмання
Японська естетика жила у візуалі, але не підказувала наступний крок: бракувало акцентів, порядку й маршруту до кошика
Левова частка заходів — мобільні, а сторінки відкривалися поволі й вимагали зайвих дій під час оформлення
Перебудували каталог, налаштували фільтри та зібрали окремі добірки, аби дорога від входу до замовлення стала прямою й очевидною
Стримана типографіка, темна гама й акцент на деталях передали філософію Zentaro так, що покупець відчуває її з першого екрана
Зробили гнучке адміністрування: товари, розміри, залишки та замовлення тепер під контролем в одній зрозумілій панелі
Сторінки відкриваються миттєво, однаково чисто працюють на всіх пристроях і лишаються прозорими для пошукових систем
Під'єднали оплату онлайн і автоматичний розрахунок доставки, щоб шлях до завершення покупки став коротшим
Розібрали асортимент по поличках, прибрали дублі за артикулами та згрупували речі в логічні колекції
Підтягнули структуру сторінок, мета-теги й зображення — магазин тримає темп і на десктопі, і в мобільній мережі
Як Zentaro перейшов від продажів у чатах до повноцінного магазину
- Сегмент: повсякденне вбрання на стику японського мінімалізму й вуличної моди
- Формат роботи: концепт інтерфейсу разом із технічною реалізацією
- Що входило: дизайн, архітектура каталогу, серверна та клієнтська частини
- Технології: Laravel у зв'язці з Next.js
Самобутній бренд одягу будував продажі майже виключно в месенджерах — і саме там втрачав замовлення, плутався у власному асортименті та не міг рости без щоденної ручної роботи.
Стан, у якому бренд Zentaro звернувся до нас
- Власного продуманого простору для онлайн-торгівлі бренд не мав
- Товари розкидані без категорій, фільтрів і зрозумілого порядку
- Кожне замовлення доводилося вести руками в Direct і чатах
Команді була потрібна жива fashion-платформа: щоб каталог читався з першого погляду, розмір і колір обиралися без зусиль, а замовлення оформлювалися самі — без ручного супроводу з боку менеджерів.
До чого ми йшли в проєкті
- Зробити підбір речі за розміром, кольором і кроєм інтуїтивним
- Звести оформлення покупки до мінімуму дій
- Закласти основу під подальше просування й рекламні кампанії
- Повертати покупців через списки бажань і тематичні добірки
Яким шляхом ми реалізували проєкт
-
Каталог, вибудуваний навколо покупця
Категорії, навігація та фільтри за розміром, кольором і колекцією склали маршрут, яким зручно дійти до кошика
-
Порядок замість безладу
Десять тисяч позицій звели в струнку систему: прибрали дублі за артикулами, згрупували речі за колекціями
-
Картка, що знімає сумніви
Ракурси, сітка розмірів, склад тканини та догляд — покупець бачить усе потрібне, щоб зважитися на замовлення
-
Погляд, спрямований ієрархією
Новинки й хіти винесли на передній план, тож увага сама рухається до ключових товарів
Для кого підходить подібний підхід
- Брендам у сфері моди — від одягу до взуття й аксесуарів
- Магазинам із відправками по Україні та системою передзамовлень
- Тим, хто досі тримає продажі здебільшого в Instagram і чатах
- Бізнесам із прицілом на лояльну та постійну аудиторію
Невеликий чи середній бренд одягу, що вже торгує онлайн, проте загруз у безсистемному каталозі, важкому виборі розмірів і відсутності чіткого порядку в продажах.
Сторінка 404, яка втримує відвідувача замість того, щоб його втратити
-
Авторська ілюстрація у стилістиці Zentaro
Японський мотив і модний акцент — бренд упізнається з першого кадру
-
Зрозумілий шлях назад
Замість холодного «404» — кнопка, що повертає людину в магазин
-
Коректне відображення на смартфонах
Основний трафік мобільний, тож сторінку зверстано під малі екрани
-
Єдність із загальним оформленням
Кольори, шрифти й атмосфера повторюють фірмовий стиль сайту
Мобільна версія, адаптована під покупців
- Елементи під палець Кнопки, фільтри й картки розраховані на дотик — нічого не доводиться збільшувати
- Пошук і кошик завжди під рукою Найважливіші дії закріплено в зоні постійної видимості
- Акцент на візуалі товару Знімки одягу розгортаються майже на весь екран, у звичному для стрічки форматі
- Завантаження без затримок Сторінки розкриваються за секунди навіть за слабкого інтернету
Ми не зупинилися на головній і каталозі — опрацювали кожен момент зустрічі покупця із сайтом. Нестандартна сторінка 404 з фірмовою ілюстрацією повертає тих, хто збився зі шляху, а мобільна верстка зібрана під справжні звички fashion-аудиторії: гортати швидко, дивитися великі фото й купувати в кілька дотиків.
Від опрацювання структури до запуску оновленого магазину з повним каталогом
Розмір, колір, ціна, тип одягу й колекція звужують вибір до потрібної речі
Шлях від картки товару до підтвердження покупки скоротили до трьох дій
Оптимізація коду та зображень тримає високу оцінку продуктивності
Гнучкий бекенд на Laravel і швидкий фронтенд на Next.js під зростання
Оплата, доставка, обране та адмін-панель працюють як єдиний механізм
// Як ми перетворили Zentaro на магазин, що працює без ручної рутини
Магазин одягу — це не просто вітрина з фото та цінами. Особливо у fashion, де покупець обирає емоцією, прискіпливо роздивляється деталі, заходить переважно зі смартфона й болісно реагує на розмір, що не підійшов. Усе це треба було закласти в основу оновленого Zentaro.
До нас бренд продавав так, як і більшість невеликих українських марок одягу: через Instagram і чати. Замовлення доводилося вибирати з листування, частина звернень розчинялася серед повідомлень, покупці чекали відповіді годинами, а повернення через розмір, що не підійшов, били по репутації. Команда відчувала, що час переходити на повноцінний магазин, але не знала, з чого почати.
Ми переробили платформу, відштовхуючись від реальних звичок того, хто купує одяг онлайн. Перше, на чому зосередились, — швидкість. Магазин зібрано на зв’язці Laravel і Next.js, тож сторінки відкриваються в середньому за 1,5 секунди навіть на смартфоні під навантаженням. Для fashion це критично: покупець не чекає, поки завантажиться фото, а одразу гортає каталог, як звичну стрічку.
Далі взялися за структуру каталогу, у якому неможливо загубитися. Асортимент розрісся до 10 000 позицій, і без чіткої логіки в ньому потонув би будь-хто. Ми звели вибір до 5 параметрів фільтра — розмір, колір, ціна, тип одягу й колекція, — і тепер потрібна річ знаходиться за лічені секунди, без гортання сотень карток і глухих кутів.
Окрема робота — картка товару, якій можна довіряти. Кожна позиція показана з кількох ракурсів і на моделі, поряд — повна сітка розмірів, склад тканини й поради щодо догляду. Покупець ухвалює рішення прямо на сторінці товару, а не пише менеджеру з питанням про розмір чи тканину — і саме через це до нього повертається помітно менше замовлень.
Коли річ обрана, важливо не втратити покупця на оформленні. Ми скоротили шлях від картки товару до підтвердження покупки до 3 кроків — жодних зайвих реєстрацій і сторінок між «подобається» і «замовлено». Онлайн-оплата та автоматичний розрахунок доставки прибрали ручну обробку: автоматизація зняла до 70% рутинних дій, які раніше менеджер робив руками. Тепер він більше не розбирає години листування, а працює вже з готовими замовленнями в адмін-панелі.
У підсумку Zentaro отримав не вітрину, а робочий інструмент: він продає, повертає покупців через обране й тематичні добірки та готовий рости без того, щоб команда тонула в рутині.
// Технічні рішення, що тримають продажі на ходу
Система відстежує покупців що додали товари в кошик але не оформили замовлення і автоматично надсилає серію персоналізованих нагадувань через email, Viber або SMS
Модуль резервує залишок автоматично при оформленні замовлення, синхронізує з 1С і кількома складами в реальному часі та сповіщає менеджера коли пора поповнювати запаси
Зображення стискаються на 60–80% без втрати якості, сторінки вантажяться миттєво, Google ранжує вище — і все це без участі менеджера
