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

Бизнес-задача
Спроектировать максимально удобное 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 дней
Макеты


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

📍 Проблема
Пользователи не готовы оставлять свои данные и следы о себе в форме регистрации в незнакомом сервисе VPN. После интеграции формы регистрации, конверсия на платформе IOS снизилась на 30%
Боли пользователей
Провела 4 глубинных интервью. Выборка респондентов: 2 пользователя Uncle VPN, 2 пользователя других VPN-сервисов.
Причина снижения конверсии:
- Люди не хотят регистрироваться и светить свои данные и уходят в другие впн-сервисы, где нет регистрации. Когда видят форму регистрации, то сразу покидают приложение.
- Людям не хватает периода триала для того, чтобы понять и ознакомиться с преимуществами сервиса, из-за этого они не доходят до целевого действия — оплаты подписки и не могут поделиться с друзьями ощущениями о сервисе.
Решения
Обсудили с командой выводы из исследований, после приняли решения:
- Внедрить QR код в приложение, сохраняющий анонимность
- Придумать цепляющий копирайт для фичи с QR кодом
- Удалить регистрацию
- Увеличить срок триала до 14 дней

Результаты
После фичи резко выросло количество уникальных пользователей на IOS
📍 Проблема
Пользователи покупают подписки сроком на 1 или 3 месяца. А бизнесу нужно продать 200 годовых подписок, чтобы удержать постоянных пользователей внутри сервиса
Решение
Запустить новогоднюю акцию со скидками до 50%
Макеты
Результаты
Переход в наш сервис пользователей из других VPN: Satoshi, Nord и другие
📍 Проблема
Пользователи не доходят до целевого действия — оплаты подписки, потому что не понимают, что нажав на кнопку «Подписаться», они попадут в оплату.
Решение
Переименование кнопки: «Подписаться» → «Оплатить»
Результаты
Конверсия выросла на 20%, в два раза снизилось количество обращений пользователей в тех поддержку с вопросом «А как купить?»
📍 Проблема
Снижение MAU пользователей
Решение
Чтобы повысить виральность продукта и лояльность пользователей к сервису, создали реферальную программу
Результаты
Повышение MAU на 15% пользователей на iOS.
Макеты
