Переделали дизайн и логику магазина одежды 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 ранжирует выше — и всё это без участия менеджера
