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

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

Кроме бизнес‑логики заказчика в каждом своем проекте мы обязательно глубоко исследуем нишу. При работе над приложением «КНП» наш аналитик изучил продукты конкурентов — например, Яндекс.Заправки, Лукойл, Газпромнефть. Мы посмотрели, какие функции есть у клиентских приложений этих сетей, как реализованы виртуальные карты, выделили удачные решения.

После мы изучили проблемы и потребности целевой аудитории, изучили их опыт во взаимодействии с приложениями конкурентов.

При разработке UX приложения «КНП» мы учитывали эту информацию, по возможности — устраняли боли, отмеченные клиентами других АЗС.

Например, многих пользователей аналогичных продуктов раздражает, что приложение начинает обновляться при обращении к нему. Это неудобно, потому что чаще всего открыть его нужно в очереди перед кассой. Приложение КНП может обновляться в фоновом режиме, когда устройство подключено к wi‑fi, чтобы не допускать таких ситуаций.

Другая распространенная проблема — необходимость авторизации при каждом входе. Например, пользователь может забыть пароль и не суметь воспользоваться бонусной программой. Чтобы такого не происходило, мы использовали при разработке Access Token и Refresh Token. Поэтому покупателям сети КНП не нужно вводить логин и пароль часто.

Благодаря изучению аудитории и аналогичных продуктов, мы выработали несколько удачных решений. Например, расположили основные кнопки управления в нижней части экрана. Благодаря этому водитель, одна рука которого занята рулем или заправочным пистолетом, может легко пользоваться приложением.

После проработки пользовательских сценариев наш аналитик разработал прототипы страниц приложения и передал их дизайнеру. При разработке UX/UI дизайна мы делали упор на удобство пользователя и информативность.

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

При создании UX/UI‑дизайна мы анализировали не только продукты конкурентов, но и приложения из других сфер. Изучали их преимущества, решения, которые нравятся пользователям, и привносили их в сервис «КНП». Например, так появились удобная система фильтров и выбор навигатора для построения маршрута на карте.

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

При генерации QR‑кода на странице показан счетчик времени его действия и общее число бонусов. Обновить код можно с помощью кнопки. В отдельных разделах можно просмотреть подробные условия программы лояльности, историю покупок, прочитать уведомления сервиса — непрочитанные отмечены зеленым маркером.

Создали для покупателей сети АЗС «КНП» приложение с минималистичным и удобным дизайном. Благодаря внимательному изучению рынка, целевой аудитории и бизнес‑процессов заказчика мы смогли разработать продукт, который улучшил качество клиентского сервиса. Приложение с момента публикации в сторах установили более 21 000 раз. В день сервисом пользуется около 700–800 человек.