UncleVPN | Мобильное приложение

Год
2023 — 2024
Теги:
Mobile
Prod
UX/UI
Product design
С нуля

Cервис по предоставлению безопасного подключения к сети интернет через VPN

Время работы над дизайном: 3 месяца
121 экран, один дизайнер
Команда: 1 дизайнер, 1 mobile developer, 1 cofounder, 1 backend-разработчик, 2 ASO-специалиста, 1 менеджер проекта
 
notion image

Бизнес-задача

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

Цель

Перевести аудиторию на платные подписки и увеличить количество покупок VPN-сервиса. Повысить виральность продукта, расширить клиентскую базу, вывести сервис в прибыль.

Миссия

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

Целевая аудитория

IT-специалисты, подростки, молодые мамы, молодые люди, возраст 16 — 30 лет. Используют приложения для работы, просмотра и общения в соцсетях, стриминга. В целях экономии в путешествиях при бронировании отелей и авто

Моя роль в проекте

Я работала продуктовым дизайнером, проводила интервью, юзабилити-тесты, выдвигала гипотезы. Совместно с командой генерила идеи, внедрение новых фичей, прорабатывала архитектуру главного экрана. Ну и, конечно, делала UI, новую дизайн-систему и фирменный стиль с нуля👩🏻‍💻
Это было мое первое мобильное приложение) Когда Uncle VPN успешно прошел в App Store и Google Play, команда доверила мне дальнейшее развитие продуктового дизайна приложения.

Процесс работы:

  • Коммуникация с заказчиком, понимание задачи, снятие брифа
  • Исследования: анализ конкурентов, ЦА, количественный опрос, глубинные интервью, бенчмарки, JBTD, гипотезы
  • Думаем с командой над функциями, фичами и нашими преимуществами, обсуждаем результаты исследований. Понимаем, как будем решать проблемы пользователей.
  • User Flow
  • Wireframe
  • Проектирование главного экрана
  • Рисую фирменный стиль, логотипы
  • Создаю дизайн-систему, UI-kit
  • Делаю копирайт всего приложения
  • Рисую макеты
  • Дизайню баннеры для App Store и Google Play, создала 3D макет телефона для этого
  • Провожу 3 модерируемых юзабилити-тестирования новых экранов
  • Вношу правки в макеты
  • Презентую и защищаю дизайн-решения перед командой и заказчиком
  • Передаю экраны в разработку
  • Делаю дизайн-ревью на тестовом борде
  • После запука MVP-версии проектирую новые сценарии, работаю над фичами, потребностями пользователей с учетом требований бизнеса

Исследования

Провела конкурентный анализ, определила преимущества и недостатки VPN-сервисов, посмотрела их фичи. Выделила VPN-сервисы: Warp+, OKO, ADGUARD, Nord и 4ebur.net.
  • Warp+ Нет онбординга, максимально быстрый вход, нет формы регистрации. Неперегруженный экран подключения, есть все необходимые функции на главном экране. Есть реферальная программа. Особенно понравился главный экран и кнопка подключения — привлекает внимание, побуждает к действию. В приложении понятный, разъясняющий копирайт. Не понравился стиль и цветовая гамма приложения, нет ассоциации с софт-продуктом.
  • ОКО VPN Оценила архитектуру главного экрана, особенно верхний баннер, где можно разместить полезную информацию. Еще понравилось расположение поля выбора стран, удобно будет выбирать сервера большим пальцем руки и не тратить время на лишние скроллы. Не понравился экран с настройками — сложный с лишним функционалом.
  • ADGUARD VPN Понравился UI, есть свой стиль и метафора. Функциональный и понятный экран с подписками: цены, периоды, акценты на скидках. Понравился Tone of Voice и цепляющий онбординг с преимуществами сервиса. Форма регистрации отправляет на сайт, много входных экранов при открытии приложения в первый раз — все это усложняет путь пользователя и удлиняет скорость входа до целевой кнопки подключения.
  • Nord VPN Удобная и понятная форма регистрации, есть 7 дней триала, и это очень полезная фича, она дает возможность познакомиться с качеством сервиса для долгосрочного пользования продуктом. Неудобный выбор стран, много лишней и отвлекающей информации.
  • 4ebur.net Понравился экран настроек, минимально и понятно. Удобный экран со странами, подсвечены страны в доступе и закрытые, быстро считывается информация, всё минималистично и понятно. Хорошая цветовая гамма. Понравился UX основных флоу, фича с QR-кодом. Из минусов — много рекламы.
 

MVP — выход продукта в прод:

  • Онбординг
  • Главный экран
  • Авторизация
  • Экран настройки
  • Триал - 7 дней

Макеты

notion image
notion image

Баннеры для AppStore / Google Play

notion image

📍 Проблема

Пользователи не готовы оставлять свои данные и следы о себе в форме регистрации в незнакомом сервисе VPN. После интеграции формы регистрации, конверсия на платформе IOS снизилась на 30%

Боли пользователей

Провела 4 глубинных интервью. Выборка респондентов: 2 пользователя Uncle VPN, 2 пользователя других VPN-сервисов.
Причина снижения конверсии:
  1. Люди не хотят регистрироваться и светить свои данные и уходят в другие впн-сервисы, где нет регистрации. Когда видят форму регистрации, то сразу покидают приложение.
  1. Людям не хватает периода триала для того, чтобы понять и ознакомиться с преимуществами сервиса, из-за этого они не доходят до целевого действия — оплаты подписки и не могут поделиться с друзьями ощущениями о сервисе.

Решения

Обсудили с командой выводы из исследований, после приняли решения:
  1. Внедрить QR код в приложение, сохраняющий анонимность
  1. Придумать цепляющий копирайт для фичи с QR кодом
  1. Удалить регистрацию
  1. Увеличить срок триала до 14 дней
notion image

Результаты

После фичи резко выросло количество уникальных пользователей на IOS
 

📍 Проблема

Пользователи покупают подписки сроком на 1 или 3 месяца. А бизнесу нужно продать 200 годовых подписок, чтобы удержать постоянных пользователей внутри сервиса

Решение

Запустить новогоднюю акцию со скидками до 50%

Макеты

Результаты

Переход в наш сервис пользователей из других VPN: Satoshi, Nord и другие

📍 Проблема

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

Решение

Переименование кнопки: «Подписаться» → «Оплатить»

Результаты

Конверсия выросла на 20%, в два раза снизилось количество обращений пользователей в тех поддержку с вопросом «А как купить?»

📍 Проблема

Снижение MAU пользователей

Решение

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

Результаты

Повышение MAU на 15% пользователей на iOS.

Макеты

notion image