Мобильный магазин вознаграждений
-
О проекте
Магазин вознаграждений — часть корпоративной платформы. Сотрудники получают внутреннюю валюту за участие в жизни компании и обменивают её на товары и привилегии: мерч, сертификаты, подписки и другие вознаграждения. Моя задача — спроектировать магазин для мобильного приложения: от поиска подходящего товара до оформления и просмотра заказа.
Моя роль
Я была единственным дизайнером проекта. Проектировала пользовательские сценарии, интерфейсы, состояния и компоненты магазина, готовила макеты для разработки и проводила дизайн-ревью реализации.
Задача и ограничения
Разные условия покупки
Для одного товара достаточно выбрать количество, для другого — сначала указать размер, цвет или вариант брендирования. На доступность также влияют баланс, остатки и лимиты заказов.
Каталог и действия
1. Унифицировала состояния карточек
В карточке сотрудник читает описание, смотрит отзывы и выбирает нужные параметры — например, размер и количество. Я учла наличие товара, баланс и лимиты заказа. Если покупка недоступна, интерфейс объясняет причину.
2. Разделила выбор параметров и покупку
При изучении поведения пользователей выяснилось, что сотрудники чаще приходят в корпоративный магазин за конкретным товаром, а не собирают корзину из нескольких позиций.
Поэтому я предложила разные действия в карточках: «Купить» сразу открывает оформление товара без дополнительных параметров, а «Выбрать» открывает экран выбора размера, цвета или других характеристик. Это сокращает путь для простых товаров и позволяет уточнить необходимые параметры перед добавлением остальных.
При этом подробное описание любого товара можно открыть нажатием на саму карточку в каталоге.
Покупка товара сразу из витрины
Экран товара и просмотр параметров
3. Функция подарка через существующий выбор коллег
Я предложила использовать уже реализованный выбор коллег — тот же сценарий применялся при отправке благодарности. На экране оформления добавила поле «Кому подарить», которое открывает список сотрудников с поиском.
После выбора получатель отображается в форме заказа. Так для новой функции можно было использовать существующий механизм приложения и сохранить знакомое взаимодействие. Если поле выбора получателя подарка пустое, то пользователь делает покупку для себя.
4. Спроектировала список и детали заказов
После покупки сотруднику нужно понимать, что происходит с заказом. В списке я собрала номер, дату, товар, количество, стоимость и текущий статус: «На проверке», «Подтверждён», «Выполнен» или «Отменён».
В деталях сохраняются параметры товара и получатель подарка. Комментарий сотрудника и ответ администратора разделены. Для заказа на проверке предусмотрела отмену с подтверждением, а для человека без покупок — пустое состояние с переходом в магазин.
Результат
Магазин запущен в мобильном приложении. Сотрудники получили возможность выбирать вознаграждения за корпоративную валюту и оформлять заказы с телефона. Я спроектировала связанный путь от каталога до просмотра заказа, подготовила состояния товаров и оформления и предложила использовать существующий выбор коллег для подарка.
