Упростил создание карты лояльности и отслеживание её эффективности
Сервис помогает кофейням, пекарням и небольшим сетям выпускать электронные карты лояльности в Apple и Google Wallet, запускать акции и возвращать гостей через push-уведомления. Я спроектировал кабинет владельца: от аналитики до оплаты подписки.
01 / Задача
Задача
Создать интуитивно понятный сервис, в котором владелец или маркетолог сможет проанализировать как работает программа лояльности, а затем принять решение о последующем действии: запустить акцию, рассылку или новую карту.
02 / Интерфейс
UI и дизайн-система
Работу я начал с разработки дизайн-системы: собрал цвета, типографику, текстовые стили и базовые компоненты — кнопки, селекты, таблицы, бейджи, пагинацию.
Уже на её основе спроектировал интерфейс сервиса лояльности. Всё, чего не хватало под его задачи, добавлял как новые компоненты поверх базовых: например, набор виджетов дашборда, из которых владелец собирает экран под себя.
01 / Button
02 / Badge
03 / Checkbox
04 / Select
05 / Tabs
06 / Виджет «Бонусы»
03 / Решения
Финальный дизайн
03.1 / Экран
Дашборд
Задача: владельцу нужно быстро понять, работает ли программа лояльности на конкретной точке, и решить, что менять дальше: акции, каналы привлечения или работу самой точки.
Решение: выстроить дашборд от общего к частному. Сначала показываются данные о том возвращаются ли гости, затем вклад каждой акции в деньги, и только потом детали по бонусам и каналам. Все данные подчиняются одному фильтру точки и периода, поэтому картина всегда целостная. Состав дашборда пользователь сам собирает под свой запрос: владельцу важнее оценить прибыль, маркетологу — возвраты.
03.2 / Экран
Push-уведомления
Задача: удерживать и возвращать гостей через уведомления и при этом понимать, доходит ли коммуникация до людей.
Решение: совместить отправку и контроль доставки в одном месте. Статус доставки виден сразу, а новое сообщение создаётся, не теряя из виду статистику. Персонализация по имени делает массовую рассылку личной без корректировки вручную.
03.3 / Экран
Создание карты лояльности
Задача: создать карту в стилистике своего заведения без дизайнера и понимать, какие из карт действительно работают.
Решение: отобразить живое превью - владелец видит карту глазами покупателя прямо во время настройки. Сама настройка идёт шагами в порядке работы. Статистику я вынес в общий список: у каждой карты сразу видны её ключевые показатели, можно сразу оценить эффективность отдельной карты лояльности.
03.4 / Экран
Создание акции
Задача: быстро запустить акцию, которая вернёт гостей, и не ошибиться в настройках.
Решение: разбить сложную настройку на последовательные шаги и описать механики языком результата для покупателя, а не терминами. Охват и итоговая сводка видны до запуска, а уведомление о запуске настраивается тут же — акция и рассказ о ней запускаются одним действием.
03.5 / Экран
Биллинг и тарифы
Задача: понимать, за что платишь, управлять подпиской и не упираться в ограничения тарифа внезапно.
Решение: показать стоимость прозрачной - расчёт по точкам, дата списания и свободные лицензии видны сразу. Лимиты показаны до того, как закончатся, а при смене тарифа владелец заранее видит, что изменится и сколько спишется сегодня, — без сюрпризов.
05 / Контакты
