КЛІЄНТ
Naviale — бренд повсякденного та домашнього одягу й білизни для жінок і чоловіків. Виробник поєднує комфорт і стиль 24/7, пропонує капсульні колекції з відбірних тканин і підтримує ідею раціонального споживання.
Запит
Клієнт звернувся із запитом на розробку власного інтернет-магазину, який стане самостійним каналом продажів і доповнить присутність бренду в Instagram, що до цього був основним майданчиком для онлайн-замовлень.
Відсутність інтернет-магазину обмежувала можливості масштабування бізнесу та створювала бар’єри для користувачів: процес покупки через соцмережі вимагав додаткових дій і не відповідав сучасним очікуванням щодо швидкості та зручності взаємодії з брендом.
Задачі
Запуск eCommerce платформи для збільшення продажів
Спроєктувати з нуля інтерфейс інтернет-магазину Naviale з сучасним і зручним UX/UI, який забезпечить безбар’єрний шлях користувача до покупки та дозволить досягти цільового рівня онлайн-продажів.
Підсилення бренду через UX/UI
Розробити візуальну систему сайту, що відображає ключові атрибути бренду Naviale, забезпечує послідовність комунікацій і формує впізнаваність у цифровому середовищі.
Формування залученості та лояльності користувача
Спростити шлях клієнта та підвищити частоту покупок за рахунок персоналізованого досвіду, зручних сценаріїв взаємодії та сервісів, що формують довгострокову лояльність.
Процес
У роботі над проєктом ми застосували поетапний дизайн-процес, який поєднує якісні дослідження та креативні рішення. На старті провели глибинні інтерв’ю, що дозволили сформувати портрети цільової аудиторії та зрозуміти їхні ключові потреби й бар’єри. Паралельно ми проаналізували конкурентів, щоб виявити сильні та слабкі практики на ринку fashion eCommerce.
На основі зібраних інсайтів створили UX-прототипи з акцентом на спрощенні користувацьких сценаріїв та створенні персоналізованого досвіду. Після їхньої валідації ми перейшли до розробки та узгодження візуальної концепції, яка відображає цінності бренду Naviale та водночас відповідає сучасним стандартам eCommerce.
Фінальним етапом стало створення UI-дизайну, що поєднав у собі візуальну естетику, зрозумілу ієрархію та функціональність.
Ми вибудували чисту й послідовну систему інтерфейсу, яка підтримує атрибути бренду Naviale, робить навігацію інтуїтивною, а взаємодію з платформою — комфортною на всіх етапах.
Завдяки цьому вдалося досягти балансу між бізнес-цілями клієнта та очікуваннями користувачів, заклавши основу для зростання продажів і формування лояльності.
Створення Юзер-персон
На старті роботи ми провели серію глибинних інтерв’ю з представниками потенційної аудиторії Naviale. Це дозволило виявити реальні мотивації, бар’єри та очікування користувачів у виборі одягу та білизни.
Бренд визначив для себе кілька ключових вікових сегментів: молодь 20–25 років, користувачів у віці 25–35 років та аудиторію 45+.
Для всіх цих груп спільним є прагнення поєднати стиль, комфорт і доступність у щоденному одязі. На основі отриманих інсайтів були сформовані юзер-персони з урахуванням їхніх потреб, патернів поведінки та емоційних драйверів вибору.
У результаті дослідження ми виділили два основні архетипи:
Шукачі-оптималісти — орієнтовані на практичність і якість, прагнуть швидко знаходити базові речі без довгих пошуків. Для них важлива універсальність та раціональне споживання.
Впевнені естети — надають перевагу стилю та візуальній виразності, але при цьому очікують зручності у щоденному носінні. Вони шукають речі, які підкреслюють індивідуальність та додають упевненості.
Сформовані архетипи стали базою для подальших UX-рішень і дозволили сфокусувати дизайн на реальних сценаріях поведінки користувачів, а не гіпотетичних припущеннях.
Дослідження конкурентів
Щоб визначити сильні та слабкі сторони ринку fashion eCommerce і зрозуміти, які практики можна масштабувати для Naviale, ми провели детальний аналіз конкурентів. У фокусі були як прямі гравці українського ринку, так і міжнародні fashion-бренди.
Перед нами стояло два головних завдання:
- Вивчити, якими інструментами конкуренти вирішують завдання швидкого пошуку та покупки товару.
- Виявити UX-рішення, які підвищують зручність користувацького шляху та стимулюють повторні покупки.
Ключові результати
Аналіз показав, що більшість fashion-eCommerce вирішують завдання покупки фрагментарно: окремі елементи UX можуть бути зручними, але рідко складаються в цілісний і послідовний користувацький шлях. Найчастіше це проявляється у складності вибору розміру, довгому і перевантаженому процесі оформлення замовлення та слабкою адаптацією інтерфейсу під мобільні сценарії.
Водночас ми виділили декілька сильних практик, які покращують досвід і напряму впливають на швидкість покупки:
- Швидке додавання товару з лістингу (із вибором розміру/кольору): зменшує кількість переходів між сторінками та прискорює шлях до кошика.
- Прозорі умови доставки: виведення умов, вартості та орієнтовних термінів ще до чекауту — знижує невизначеність та кількість відмов.
- Перевірка наявності в офлайн-магазинах: підтримує сценарій «обрав онлайн — забрав офлайн» і підсилює омніканальний досвід.
- Інструменти для повторної покупки: історія замовлень, можливість швидко повернутись до раніше придбаних товарів — суттєво скорочують час на рутинні покупки базових речей.
- Пошук як навігаційний інструмент, а не лише поле введення запиту: автопідказки, популярні категорії та альтернативні сценарії у разі невдалої видачі.
Рішення
На основі глибинних інтерв’ю, створених персон та аналізу конкурентів ми сформували дизайн-систему та користувацькі сценарії для eCommerce платформи Naviale. Кожне з рішень було спрямоване на зняття ключових бар’єрів у виборі й покупці одягу та на створення інтерфейсу, який поєднує простоту, швидкість і відображає цінності бренду.
трекінг замовлень
Ми спроєктували особистий кабінет із вбудованою системою відстеження статусів замовлень. Кожному статусу присвоєно власний колір, що дозволяє користувачу швидко орієнтуватися в історії покупок.
Крім базового перегляду деталей (отримувач, доставка, оплата), реалізували можливість повторити замовлення в один клік. Це рішення особливо актуальне для Naviale, оскільки бренд пропонує повсякденний одяг та аксесуари (наприклад, шкарпетки чи білизну), які користувачі регулярно оновлюють. Таким чином, ми зменшили кількість дій до повторної покупки та зробили шлях до конверсії максимально коротким.
Книга адрес
Ми реалізували систему збереження адрес доставки — тепер користувач може додати різні варіанти та перемикатися між ними під час оформлення замовлення у два кліки. Також є можливість встановити основну адресу, яка автоматично підтягуватиметься в чекауті, що значно скорочує шлях до завершення покупки.
Потреба в такому рішенні стала очевидною після глибинних інтерв’ю: значна частина користувачів купує не лише для себе, а й для близьких.
Крім того, у контексті війни та частих переміщень клієнти потребують більшої гнучкості у виборі місця отримання замовлення. Зручне керування кількома адресами закрило цей сценарій і зробило процес замовлення більш адаптивним до реальних умов життя.
Розумний пошук
Ми спроєктували пошук як багаторівневий інструмент навігації, який допомагає користувачеві знайти потрібний товар навіть у складних сценаріях.
При відкритті пошукового вікна користувач одразу бачить останні запити та добірку популярних категорій і товарів. Це скорочує час на повторний пошук і заохочує перехід у глибину каталогу.
Під час введення запиту система надає динамічні підказки й результати не лише за товарами, але й за категоріями, що робить пошук більш гнучким та ефективним.
У випадку, якщо за запитом в пошуку немає релевантних результатів, це рішення допомагає уникнути «мертвих точок» у воронці: користувачеві показуються інші популярні категорії та запити, які допомагають знайти альтернативу й залишають його у процесі взаємодії з сайтом.
Наявність в магазинах
На сторінці товару ми реалізували можливість перевірити наявність потрібного розміру в офлайн-магазинах та забронювати його.
Це рішення ґрунтується на широкому покритті партнерської мережі Naviale та інсайтах з глибинних інтерв’ю: частина користувачів віддає перевагу сценарію «обрати онлайн — забрати офлайн», щоб приміряти товар або заощадити на доставці. Такий функціонал посилює омніканальний досвід і знижує бар’єри у прийнятті рішення.
Персональний підбір і допомога з розміром
Однією з ключових функцій стала система персональних профілів у особистому кабінеті.
Користувач може створити кілька «персон» — для себе чи своїх рідних — та задати для кожної параметри і вподобання. Система автоматично співставляє ці дані з розмірною сіткою Naviale та підказує найбільш релевантний розмір.
У лістингу доступні швидкі фільтри за персонами: в один клік можна відфільтрувати каталог під параметри конкретної людини. А на сторінці товару користувач одразу бачить рекомендацію, який розмір підійде для кожної окремої персони. Це суттєво знижує ризик помилок і робить вибір для себе чи подарунок близьким максимально простим.
Мобільний досвід
З огляду на те, що понад 80 % користувачів fashion eCommerce здійснюють покупки з мобільних пристроїв, сайт був спроєктований за принципом mobile-first.
Ключові CTA-кнопки розташовані у нижній частині екрана в межах досяжності великого пальця, а вся базова інформація та навігація оптимізовані під перший екран, щоб уникнути зайвого скролу.
Особливу увагу ми приділили безшовному досвіду у воронці: кожна дія користувача супроводжується наступним логічним кроком, що створює відчуття безперервного і простого флоу без додаткових перепон.
Результати
Реалізовані рішення дозволили створити повноцінний eCommerce сайт, який уже в перші місяці після запуску забрав на себе значну частку онлайн-продажів бренду.
Завдяки спрощеній навігації, персоналізованим сценаріям і безшовному флоу користувачі отримали швидкий і зрозумілий шлях до покупки без бар’єрів, виявлених під час досліджень.
Крім того, інтерфейс отримав позитивний фідбек від клієнтів: користувачі відзначили зручність мобільної версії, простоту підбору розміру і зрозумілий функціонал особистого кабінету. Таким чином, сайт Naviale сталв не лише точкою продажу, а й інструментом підвищення лояльності та довгострокової взаємодії з аудиторією.
