задача

Спроектировать первое мобильное приложение бренда так, чтобы оно конвертировало офлайн-лояльность в онлайн-продажи. Своих онлайн-метрик у компании не было

моя роль

Единственный продуктовый дизайнер на проекте. Полный цикл: исследования, сегментация, JTBD, бенчмарки, IA, проектирование iOS и Android, юзабилити-тестирование, передача в разработку.

Сегменты

как сегментировали?

Сегменты построены на пересечении выгрузки CRM по 60+ розничным точкам и систематических наблюдений администраторов магазинов. Жизненная ситуация выбрана как ось — она определяет сценарий покупки сильнее, чем демография.

JTBD

Для каждого MVP-сегмента сформулировано три слоя джобов: основной — зачем приходит, второстепенный — что делает, если не купил сразу, латентный — скрытый страх, который убивает конверсию. Каждый латентный джоб мапится на конкретный UX-паттерн в интерфейсе.

Кого взяли в работу?

Self-care — массовая база, revenue сразу. Дарители — quick win к праздникам. Зумеры — заклад под рост аудитории. Коллекционеры и «по поводу» — отложены в бэклог.

Сегменты B2C по жизненным ситуациям
JTBD по сегментам Ювелирцентра

Бенчмарки

методология

6 продуктов: Oskelly, Poison Drop, Farfetch, Lichi, Золотое Яблоко, Lamoda. Сравнивала по 7 осям: главная, каталог и фильтры, карточка товара, поддержка и корзина, профиль, избранное, настройки сервиса. Для каждой — что устроено хорошо, что нет, что подсмотреть.

что взяли в работу?

Hero-баннер на главной вместо товарной сетки (Lamoda, Farfetch). Тематические сторис-подборки с механикой соцсетей (Lamoda, Lichi). Чат поддержки в контексте каталога и чекаута (Poison Drop). Hint-избранное внутри карточки без ухода со страницы (Farfetch).

Бенчмарки e-commerce приложений

Скоупинг

скоупинг

14 продуктовых гипотез по AARRR с привязкой к метрикам. Каждая в формате «если X, то Y, потому что Z» — без чего нельзя оценить impact и confidence.

Гипотезы по направлениям

Все гипотезы оценены по ICE: impact, confidence, ease. Топ — сценарный вход (432), три шага до покупки (320), живое фото (270), тёплый вишлист (256), подарок за 5 минут (240).

что изменилось после встречи со стейкхолдерами?

После встречи со стейкхолдерами разбили запуск на два релиза. R1 — базовый. R2 — подарочный сценарий и валидация Track B. Часть гипотез ушла в бэклог по фидбэку IT, коммерческого и маркетолога.

Release 1 — базовый запуск
Release 2 — подарочный сценарий и growth

Экраны

Главная: точка входа в продукт

Первое, что видит пользователь — hero-баннер с акцией. Не товарная сетка, а эмоциональная фотография украшения на модели. Ниже — сторис с механикой из соцсетей: «новинки», «sale %», «бестселлеры».

Главный экран приложения Ювелирцентр
Экран подборок Носи вместе
Экран новинок месяца

каталог и навигация

Каталог начинается с чистого списка категорий — крупный текст, без визуального шума. Решение из гипотезы «Антитонущий каталог»: сначала сужаем выбор, затем показываем выдачу. Поиск работает с подсказками: ввод «золото» возвращает «золото 585», «кольцо золотое».

Экран каталога с раскрытой категорией
Экран списка категорий каталога
Экран выдачи товаров из каталога

фильтры

Фильтры остаются в контексте выдачи: пользователь уточняет материал, размер, цену и наличие без потери выбранной категории. После применения каталог сразу возвращает к товарам, сохраняя ощущение короткого пути к покупке.

Экран фильтров каталога
Экран выбора параметров фильтра
Экран примененных фильтров в каталоге

Карточка товара: эмоция + рацио

Карточка — место финального решения. Показать красоту, дать характеристики, убрать сомнения, подтолкнуть к покупке.

Экран карточки товара с крупным фото
Экран похожих товаров в карточке
Экран характеристик и условий в карточке товара

корзина и чекаут

Сверху корзины — саммари: сумма, скидка, итого. Покупатель видит выгоду до прокрутки. Чекаут разбит на 4 шага по принципу «одно решение на экран» — это «Три шага до покупки» из R1, гипотеза №2 по ICE. Baymard: каждое лишнее поле в форме = -7% конверсии.

Экран каталога после добавления товара в корзину
Экран корзины с саммари заказа
Экран оформления заказа

Ю-тест

задача

Экраны спроектированы — но работают ли они? Я провела серию тестов с реальными пользователями из целевых сегментов. Цель: проверить, может ли пользователь найти товар и оформить заказ без подсказок.

легенда

«Вы собираетесь купить золотое кольцо 585 пробы для себя (или близкого человека). Попробуйте оформить заказ как можно быстрее».

шкала

Отлично — с первого клика, Хорошо — не сразу, но разобрался, Отрицательно — не разобрался, Не делал — альтернативный путь.

Схема сценариев юзабилити-теста
Таблица результатов юзабилити-теста
Финальная таблица результатов тестирования
Финальная сводка юзабилити-теста

результаты

92% задач (37 из 40) выполнены с оценкой «Отлично» — с первого клика. Ни одной оценки «Отрицательно». 100% респондентов дошли до оформления заказа.

Что изменилось?

после теста

Уточнила микрокопирайтинг в корзине, усилила подсказки в каталоге и оставила карточку товара более спокойной: визуал продает украшение, а характеристики и условия помогают снять сомнения без перегруза.

Результаты

финал

После юзабилити-тестирования и итерации проект был передан в разработку как приложение для двух платформ: iOS и Android.

что подтвердили

Сценарный вход, короткий каталог, крупная карточка и простой чекаут выдержали проверку на реальных пользователях и остались в MVP.

92% задач выполнены с первого клика
100% респондентов дошли до оформления заказа
40+ экранов на две платформы
3/3 проблемы решены до релиза