Блог

История создания личного кабинета для клиентов «ЭЛЕКТРОГРАДА»


Прежде чем создать мобильное приложение, необходимо было доработать существующую IT-инфраструктуру заказчика и внедрить систему лояльности.


Этап № 1: Программа лояльности


Мы разработали приложение с системой лояльности и личным кабинетом пользователя. Оно решило больную проблему: постоянные расходы на СМС.

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

В итоге новое приложение полностью заменило физическую бонусную карту, которую раньше можно было потерять, дублировать или передать другому покупателю.

Клиенты «Электрограда» получили возможность не пропускать скидки и получать персональные предложения. А «Электроград» сократил расходы на СМС-рассылки, получил новый канал для активации клиентов без дополнительных затрат, решил задачу пользовательских бонусов и персонализировал отношения со своими покупателями.

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


Этап #2: Мобильное приложение


Как построили работу на этом этапе: изучили задачи заказчика, продумали логику и разработали дизайн-макеты.

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




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

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

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


Разработка



Проект имел жесткие сроки: от старта разработки и до оговоренной даты релиза у нас было всего 3 месяца. За это время нужно было отрисовать дизайн, сделать бэкенд, мобильное приложение и опубликовать их в магазинах Google и Apple.

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

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

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

Чтобы реализовать функциональность качественно и без потери времени, мобильные разработчики должны получить:
1. Дизайны экранов мобильного приложения;
2. Работоспособное API со стороны сервера;
3. Описание задачи.

Техническое задание на продукт мы описали заранее, поэтому с постановкой задач перед командами разработчиков вопросов не возникало.
Оставалось проработать вопросы дизайна и серверного API.


Дизайн


К созданию дизайна мы приступили с самого старта проекта. В ходе первого же спринта создали прототипы — черно-белые макеты экранов приложения — и согласовали их внутри команды перед тем, как показать Электрограду. Эту же практику мы применяли на протяжении всего проекта.




Заказчик очень внимательно принимал работы по дизайну и активно предоставлял нам обратную связь. Нам удалось гармонично вписаться в существующий брендбук компании и согласовать дизайн.
Мы провели несколько UX-исследований, что помогло нам сформулировать основные требования к дизайну приложения. Для нас важно было сделать продуманный и удобный интерфейс, со сквозной навигацией.




Основная сложность в работе над серверной частью заключалась в том, что мы фактически интегрировались с корпоративной информационно-аналитической системой «Электроград».

Для бэкенда были разработаны следующие модули и сервисы:

1. Сервис взаимодействия с информационной системой заказчика, система очередей — для синхронизации и обновления данных.
2. Система фильтрации API-запросов — позволяет гибко передавать параметры-значения моделей и получать необходимые данные.
3. Сервис для работы с DaData — он помогает получить информацию о расстоянии между текущим местоположением человека и координатами ближайших магазинов.
4. Удобная система для работы с API-запросами.
5. Механизм push-уведомлений — напоминает пользователю приложения об акциях, бонусах или предлагает пройти предложенный компанией опрос.
6. Механизм email-оповещений.



Возможности мобильного приложения



Дополнительные функции




Финальный шаг: сдача проекта


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

Тестирование проекта происходило перед каждым этапом сдачи. Специалисты отдела QA с самого начала подключаются к процессу разработки. В ходе реализации любой бизнес-фичи, после того, как разработчик закончил над ней работать, ее всегда проверяет сотрудник контроля качества. Если обнаруживаются дефекты, фича возвращается на доработку.

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

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

Приложение «Электроград» в Google Play или App Store


Хотите мобильное приложение? Звоните +7 (3412) 901-907 или пишите office@businessculture.ru, мы с радостью изучим вашу задачу, проконсультируем и сделаем качественный продукт!









DK.Loyalty DK.Design DK.Projects