Выбирай.net

Задача

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

Решение

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

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

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

UX/UI-дизайн

Чтобы разработать дизайн мобильного приложения Выбирай.net мы провели исследование. Дизайнер вместе с аналитиком ставили гипотезы и проверяли их на прототипах. Использовали A/B-тесты: создавали пользовательскую ситуацию и продумывали ее решение. От нас требовалось реализовать нестандартную логику, которая усложнялась в процессе обсуждения проекта.

Бизнес-логика продукта подразумевает, что пользователь привязывает к нему свои учетные записи из других сервисов например, из системы провайдера. Для этого необходимо вводить свои логин и пароль. Встала задача: создать такой UX/UI-дизайна приложения, который сможет «объяснить» пользователю, что это — безопасно. Для этого наш дизайнер изучал разнообразные референсы. В основном — банковские приложения, потому что в них эта задача решена: сервисы оперируют данными карт и счетов пользователей, иногда — паспортными данными.

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

Разработка функционала

Для разработки мобильного приложения Выбирай.net использовали кроссплатформенную технологию React Native. Реализовали основной функционал сайта Выбирай.net — сравнение провайдеров и тарифов, доступных для введенного адреса.

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

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

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

Результат

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