Редизайн приложения «Моя Смена»: на 30% больше завершенных регистраций

Приложение «Моя смена» — сервис экосистемы Verme, который предлагает подработку по всей стране. Он объединяет желающих работать посменно с крупными торговыми сетями. Компания даёт людям возможность самостоятельно выстраивать график подработок и получать ежедневные выплаты без задержек и скрытых комиссий. А бизнесу — быстро закрывать вопросы нехватки исполнителей в пиковые часы и привлекать самозанятых на точки, где нужна помощь. Сервисом пользуется более 100 тысяч человек в 300 городах. У неё 32 партнера, большинство — крупнейшие торговые сети страны.

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

- Увеличить число партнеров и усилить сотрудничество с торговыми сетями.

- Увеличить привлекательность сервиса для людей и партнёров и количество возможностей для обеих сторон.

- Повысить конверсию из валидных регистраций в готовых самозанятых до 70%.

У «Моей смены» не было iOS-приложения, поэтому владельцы устройств Apple пользовались веб-версией.

Чтобы спроектировать новое приложение в срок, компания обратилась к ИТ-компании Surf для аудита существующего приложении. Перед Surf стояли задачи:

- Провести аудит дизайна приложения.

- Спроектировать будущее приложение, при этом сделать его максимально удобным для пользователей и обойти конкурентов; продумать безопасность приложения для загрузки документов и личных данных; предусмотреть интеграцию сторонних сервисов, например, DaData, Webim, Amplitude, Appmetrica, VisionLabs.

1. Команда Surf провели объёмное предпроектное исследование, в которое вошли анализ конкурентов и исследование пути пользователя. Собрали инсайты для дизайна и проектирования.

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

3. Разработали функциональный дизайн, спроектировали 30+ экранов приложения и продумали путь пользователя. Выявили проблемы, связанные с UI/UX, и исправили их.

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

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

6. Помогли клиенту выбрать технологический стек: остановились на Flutter, чтобы переиспользовать один код для двух приложений и сократить затраты на разработку на 40%.

Мы провели анализ приложений четырёх конкурентов перед проектированием нового продукта:

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

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

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

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

У приложения «Моя смена» было приложение для Android. На его основе мы выявили основные сложности для пользователей и предложили решения:

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

2. Процесс авторизации вызывал сложности. Чтобы авторизоваться в приложении, пользователь должен был ввести последние 4 цифры номера, с которого ему поступит звонок. Бывало так, что звонок с неизвестного номера не проходил или оператор определял его как спам, поэтому этот метод авторизации устарел и больше не считается хорошей практикой. 

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

3. Пользователь сталкивался с техническими ошибками при регистрации и заполнении профиля. Мы выделили эти ошибки и показали, как их исправить в новом UX/UI.

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

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

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

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

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

1. Упростили авторизацию, чтобы она не отталкивала новых пользователей. 

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

2. Создали главную страницу с важной информацией. 

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

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

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

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

4. Чтобы компании могли оплачивать работу пользователя, добавили раздел с данными для СБП. 

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

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

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

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

6. Предусмотрели каталог смен списком и в календаре, улучшили карточку смены.

Создали список смен и обновили календарь со всеми сменами. Предусмотрели фильтры, чтобы пользователь мог отсортировать смены по сумме оплаты, длительности, торговой точке и компании.

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

Чтобы компании было легко разработать приложение, «отшлифовали» его уже на этапе проектирования:

— Продумали жизненные циклы смен: от выбора места подработки до оплаты завершенной смены, предусмотрели возможность сохранить историю подработок в личном кабинете. Так и пользователь, и компания-работодатель получают отчёт о проделанной работе.

— Реализовали возможность заблокировать пользователя, если он нарушил правила.

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

— Спроектировали конфигурации отдельных сборок для white-label решения, которые компания передаст партнёрам для внутреннего использования.

В результате аудита, проектирования и разработки компания:

— Получила новое iOS-приложение и обновила продукт на Android.

— Повысила количество завершенных регистраций — конверсия в новых пользователей возросла на 30%.

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