УПС! Что-то пошло не так

Запрос клиента

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

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

Цель

1. Доработка сайта и новой версии приложения по программе лояльности.
2. Усиление бренда и его конкурентных преимуществ.
3. Повышение уровня удовлетворенности клиентов.
4. Увеличение количества клиентов, вовлеченных в программу лояльности.

Технические задачи.

• Проведение нагрузочного тестирования.
• Оптимизация скорости работы веб-сайта.
• Оптимизация скорости загрузки страниц и экранов мобильного приложения (iOS и Android).
• Доработка административной панели сайта.
• Доработка сервисов программы лояльности: разделы с общими бонусами, мероприятиями, авиабилетами.
• Разработка корпоративной программы лояльности для сотрудников банка.
• Реализация общего функционала и модели здоровья в личном кабинете пользователя.
• Выполнение задач по SEO-оптимизации.
• Разработка конвертера баллов в рубли.
• Доработка и разработка с нуля различных счетчиков: счетчик оборота, счетчик срока действия купонов.
• Разработка сторис для сайта и мобильного приложения.
• Разработка новой API для быстрой передачи данных между сервером и мобильным приложением и улучшения работы интерфейсов приложения.
• Доработка юзабилити сайта и приложения.
• Внедрение Elasticsearch.
• Персонализация сайта и мобильного приложения.
• Ребрендинг мобильного приложения в части текстов и шрифтов (backend и frontend).

Реализация

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

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

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

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

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

Команда AWG доработала приложение, добавив функцию персонализации.

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

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

Специалисты AWG, опираясь на результаты UX-аналитики, разработали новый user flow для раздела «Мероприятия» — теперь пользователям стало удобней взаимодействовать с интерфейсами приложения, путь от карточки мероприятия и до страницы оформления заказа удалось сделать более понятным и логичным.

Помимо этого, наша команда выполняла часть задач по технической поддержке. В частности, были исправлены некоторые недочеты в разделе «Мероприятия». Примеры возникающих ошибок: информация по некоторым событиям иногда дублировалась; какой-либо концерт или спектакль уже прошел или вовсе отменился, однако ссылка на страницу мероприятия оставалась активной — пользователь нажимал на нее и попадал на пустую страницу события. Такие небольшие ошибки влияли на общее впечатление пользователей от работы сервиса. Специалисты AWG доработали предложение. Одно из решений — был разработан сценарий отсутствия мероприятий: сейчас при возникновении описанной ситуации, пользователь, попадая на страницу события, увидит уведомление о том, что мероприятие больше не доступно.

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

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

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

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

Оптимизация скорости

Для ускорения работы сайта и мобильного приложения был применен комплексный подход. Эксперты AWG:

• проанализировали причины медленной нагрузки;
• исправили архитектурные проблемы интеграции;
• перенастроили серверы баз данных;
• провели оптимизацию SQL-запросов к базе данных на сервере;
• исправили проблемы кэша;
• использовали компонент WebView для разработки мобильной веб-версии приложения и создания на ее базе нативных интерфейсов;
• приняли участие в расширении аппаратных мощностей серверных и в их нагрузочном тестировании, что позволило определить отказоустойчивость системы.

Технологический стек

Специалисты AWG использовали фреймворк Laravel на бэкенде и фреймворк Vue.js на фронтенде, а также стандартный стек для iOS и Android.

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

Для проведения нагрузочного тестирования применялся инструмент JMeter. Нагрузка велась с 10 IP-адресов одновременно.

Команда

• Тимлид
• Frontend-разработчики
• Backend-разработчики
• Команда разработки iOS
• Команда разработки Android
• Специалисты по тестированию
• Специалисты технической поддержки
• Системный аналитик

Результат

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

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