Интернет-магазин парфюмерного аутлета iBeauty
Кейс  •  UX/UI-дизайн  •  UX-исследования  •  E-commerce  •  2019
iBeauty Cosmetic Outlet — сервис продажи и доставки парфюмерии и косметики со сложной реферальной программой и скидками для клиентов. Задача — проектирование и адаптивный дизайн каталога товаров, кабинета пользователя и системы заказа.

Моя часть
UX-исследования, создание информационной архитектуры, подготовка интерактивного прототипа, тестирование на ЦА, разработка дизайна для всего клиентского сервиса.
UX-исследования
Проект начался с проведения воркшопа с бизнесом — анализ продукта, целей и развития, понимания тематики и сложности проекта, отличия его от стандартного e-commerce в плане наличия нескольких цен на один товар, сложной реферальной программы и кабинета пользователя.

После был произведен data-анализ конкурентов в данной тематике по основным параметрам для понимания ожиданий пользователя, возможных ниш развития и усредненной целевой аудитории. Анализ продолжился этапом поиска и подтверждения ЦА.

Из оффлайн бизнеса уже сформированы портреты пользователей — эти данные взяты за основу, что позволило точнее подобрать стандарты и паттерны поведения.

Проведя глубинные интервью с ЦА и бизнесом, были сформированы приоритетные user stories, оформленные в customer journey map, используя стратегию See-Think-Do-Cary. В данном CJM отражены цели, описаны user stories, а также KPI по каждому этапу. Из невошедших в MVP user stories был сформирован backlog на будущее развитие проекта. На данном этапе продумывается механика кросс-продаж и стадия заботы о пользователе в виде работы с CRM, письмами с предложениями и акциями, скидки при повторном заказе и пр.

Фреймвокр CJM See-Think-Do-Cary по проекту

Проект сложный и имеет неоднозначную структуру личного кабинета и карточки товара. Для проверки идей и гипотез поведения пользователя был разработан интерактивный прототип десктопной версии, т.к. она является приоритетной на данном этапе развития проекта. Прототип содержит все основные пути и сценарии поведения пользователя от знакомства с продуктом до оформления заказа и работы с ним в личном кабинете.

Макеты интерактивного прототипа по проекту

Интерактивный прототип максимально подробный и отражает механику и информационную архитектуру сайта. Тестирование на ЦА позволяет проверить гипотезы и отредактировать user flow, сформировать более точный график разработки проекта для команды разработки.
Дизайн
Этап дизайна начался с дизайн-концепции и презентации бизнесу. У компании на данном этапе нет фирменного стиля, только логотип. Упор бренд делает на экологичность и доступность продукции, что необходимо отразить в дизайне. Дизайн предполагает легкость, простоту, зеленые цвета, а главное информативность. 
Проект не является mobile first, но разработка мобильной версии входит в MVP, т.к. продвижение планируется по каналам мобильных соц.сетей. Для каждого десктопного экрана сайта был разработан адаптивный вид с сохранением всего функционала страницы.
Результат работы
Визуально проект получился легким и информативным, не смотря на сложность функционала карточки товара и кабинета пользователя. По отзывам пользователей, сервис получился доступный и удобный.

Проект в Figma

Back to Top