О проекте

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

Задача

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

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

Подключение в одно касание

Центр главного экрана — крупная кнопка питания на фоне карты мира с подсказкой «Нажмите, чтобы подключиться». Над ней — таймер времени подключения, выбранная страна с флагом и городом и два счётчика трафика: загрузка и выгрузка. Всё, что нужно знать о соединении, помещается на одном экране без прокрутки. Внизу — три раздела: «Статистика», «Главная» и «Настройки».

Выбор страны

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

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

Премиум-подписка

Экран подписки продолжает тот же стиль: корона с кристаллом, короткий заголовок и объяснение, зачем переходить на премиум. Ниже — варианты оплаты карточками: пробный период на 7 дней со сроком окончания, недельный, месячный и полугодовой тарифы. Старая цена зачёркнута рядом с новой, а самый выгодный вариант отмечен плашкой со скидкой. Главная кнопка — «Перейти на премиум-версию», под ней — ссылки на условия и политику конфиденциальности.

Результат

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