Brand E-commerce Fashion

Maison So

Інтернет-магазин жіночого одягу, де перший погляд на колекцію — це вже емоція, а не просто список товарів.

01 · Контекст

Maison So — бутик жіночого одягу: брендові сумки, сукні, верхній одяг та еко-хутро. Клієнт прийшов з чітким запитом: хочу магазин, де покупиця відчуває себе у Парижі, а не на маркетплейсі. Не Rozetka. Не Prom. Зовсім інакше.

Виклик був у деталях: fashion-ecommerce вимагає балансу між естетикою та конверсією. Занадто «арт» — і покупиця не знаходить кошик. Занадто «магазин» — і бренд губить свій характер. Ми шукали цей баланс у кожній деталі: від сітки продуктів до анімації переходу між розмірами.

П'ять тижнів — від першого брифу до повністю заповненого каталогу на запуску.

Клієнт
Maison So
Локація
Україна
Рік
2025
Роль
Brand · UX · UI · E-commerce
Відкрити живий сайт maisonso.weblium.site
02 · Підхід

Магазин як редакція

Замість стандартної сітки «картка-ціна-купити» ми побудували шопінг-досвід навколо образів. Кожна колекція має свій editorial-лук, кожна категорія — власну атмосферну фотографію. Продуктова картка показує не тільки товар, а й те, як він виглядає «у житті».

Навігація побудована навколо способу, у який жінка насправді обирає одяг: не за категоріями каталогу, а за образом, настроєм чи приводом. «На вечір», «На кожний день», «Для подорожі» — структура, яка говорить мовою клієнтки.

01

Editorial-фотографія в каталозі

Кожна категорія відкривається атмосферним кадром. Покупиця відчуває бренд ще до того, як бачить ціну.

02

Розумний пошук і фільтри

Фільтр за кольором, розміром, матеріалом і образом. Результати оновлюються без перезавантаження сторінки.

03

Спрощений checkout

Три кроки від кошика до підтвердження. Без обов'язкової реєстрації, з прозорим відображенням вартості доставки.

04

Wish-list і «схожі товари»

Збереження в список бажань без реєстрації. Рекомендації під кожним товаром збільшують середній чек.

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

Тепло як мова

Палітра — кремовий і слонова кістка з акцентами теплого теракотового й глибокого сливового. Ніяких агресивних яскравих кольорів — кожен елемент UI підпорядкований фотографії товару. Інтерфейс відходить на другий план, щоб продукт говорив сам за себе.

Типографіка поєднує класичний серіф у курсиві для назв колекцій і суворий гротеск для навігації та цін. Це поєднання «модного журналу» і «чіткого прайсу» — рівно та напруга, яка утримує увагу покупиці.

Філософія бренду

Одяг, що говорить

Палітра
#1A1614
#8C7B6B
#C4956A
#EDE5D8
#FAF8F5
Типографіка

Aa

Cormorant Garamond · Display / Inter · Body

Хороший fashion-магазин продає не річ — він продає версію себе, якою хочеться стати.

04 · Стек

Швидко.
Мобільно.

Платформа Weblium дала клієнту можливість самостійно керувати каталогом і акціями без технічних знань. Кастомна тема повністю перекриває стандартні компоненти платформи — покупиця бачить тільки бренд, а не конструктор. Оптимізовані зображення й lazy-load на продуктах забезпечують швидке завантаження навіть при великому каталозі.

Weblium · CMS Custom CSS Theme Lazy-load Images Mobile-first Layout Nova Poshta Integration
05 · Імпакт

Перший місяць

0тижнів Від брифу до повного каталогу
0кроки Від кошика до підтвердження замовлення
0% Замовлень із мобільних пристроїв

Більше половини замовлень після запуску прийшло з мобільних — підтвердження того, що мобільний UX був пріоритетом правильним. Клієнтки повертаються і зберігають у «вибране» — воронка не закінчується на першому візиті.

Перший раз бачу магазин, у якому просто приємно гортати. Я відкрила — і не відклала телефон, поки не додала три речі у кошик.
Покупиця · Maison So Відгук після першого місяця роботи магазину

Хочеш такий же результат для свого бізнесу? Дивись послугу «Інтернет-магазини» →

Готові почати?

Маєш ідею? Поговорімо.