Кейс · 2026
Магазин парфумерії, перероблений навколо того, як люди справді обирають аромат: сайт, застосунок для iOS і Android та одна дизайн-система для всього.
Задача
Nisha Perfume продає оригінальну і нішеву парфумерію в Україні, повними флаконами і на розлив. Замовник прийшов з уже наявними сайтом і застосунком і хотів покращити їх і з боку UX, і з боку UI.
Старий магазин виглядав шаблонно і не допомагав обрати аромат:
Як я працювала
Я була єдиною дизайнеркою на проєкті й працювала в повноцінній команді з розробниками, QA і проєкт-менеджером.
Ключові рішення
ПроблемаНа головній не було фокусу: банери в різних стилях і Instagram-блок на головному місці.
РішенняОдне повідомлення в hero: спробуй будь-який аромат з малого об’єму; топ-бренди і «Новинки та хіти» одразу після нього; темні теплі банери з одним зеленим акцентом.
ПроблемаПродаж на розлив був прихований, картки показували лише назву і ціну.
РішенняВибір об’єму від 2 мл просто в картці каталогу, разом із ціною за мл, рейтингом, відгуками, обраним і гендерним тегом в одному блоці. Картка має три стани: звичайний, наведення і вибраний об’єм.
ПроблемаСім закритих випадних списків: щоб побачити варіанти, кожен треба було відкрити.
РішенняІндекс брендів A–Z і улюблені бренди; чіпи для статі, об’єму, типу аромату, концентрації і сезону; включення і виключення нот (верхні, серця, базові); діапазон ціни за мл.
ПроблемаПеред покупкою було незрозуміло, як пахне парфум і скільки тримається.
РішенняПіраміда нот простими словами, шкали стійкості й шлейфу, «96% купили б знову», відгуки з об’ємом покупки і закріплена кнопка покупки на телефоні.
ПроблемаДовге оформлення без чіткого кінця.
РішенняКошик, Оформлення, Готово, з підсумком завжди на виду; збережені адреси «Дім» і «Робота»; Nisha Coins одним перемикачем і слайдером; monobank, картки, Apple і Google Pay, оплата частинами й накладений платіж.
ПроблемаСети замовляли через Instagram: треба було написати, які аромати, скільки мілілітрів і скільки флаконів.
РішенняКонструктор сетів на сайті: нова функція, яку попросив клієнт і яку ми розробили разом. Обираєш бокс (5 × 3 мл, 3 × 5 мл або 5 × 5 мл), додаєш аромати через пошук і фільтри, а підсумок сету з ціною оновлюється одразу.
Мобільний застосунок
Застосунок для iOS і Android додає те, чого не може сайт: персональну стрічку, подарунки й бонуси в одному місці.
Чотири швидкі кроки: які аромати, які сімейства, улюблені бренди і коли плануєте носити. Потім застосунок підбирає аромати під цей смак і відкриває стрічку «Спеціально для вас».
Просто зі сторінки товару можна надіслати натяк партнеру чи другу: кому, email, привід і повідомлення, з прев’ю листа.
Дизайн-система
Я створила її з нуля разом із Claude: один набір токенів і компонентів для сайту та застосунку для iOS і Android.
Токени кольорів, шрифтів і відступів: зелений акцент на теплих нейтральних кольорах, Commissioner для заголовків і цін, Inter для інтерфейсу, відступи за сіткою 4 px.
Компоненти намальовані в усіх станах і розмірах. Вибір об’єму має звичайний стан, наведення, вибраний і недоступний у чотирьох розмірах; фільтр нот має третій стан, «виключити».
Те саме мобільне меню працює у трьох версіях: у застосунку, для гостя на сайті і для залогіненого покупця з його Nisha Coins.
Шкали тіней і z-index з чіткими правилами, щоб розробники брали токени, а не «магічні» числа.
Статус
Новий сайт запрацював у листопаді 2026. Застосунок команда ще розробляє.