Интерфейс VPN-приложения для iOS: выбор сервера со скоростью отклика, экран подключения с таймером и живой статистикой, подписка. Стеклянные карточки на цветном градиенте и одна кнопка, вокруг которой строится весь сценарий.
Задача
У VPN-приложения простая механика и сложное первое впечатление: человек открывает его, чтобы нажать одну кнопку, и по этой кнопке судит, можно ли сервису доверять. Нужен был интерфейс, который читается за секунду, не пугает техническими подробностями и при этом не выглядит игрушкой.
Решение
Весь сценарий собран вокруг одной круглой кнопки: она же индикатор состояния, она же главное действие. Подключение показано таймером и двумя цифрами скорости — этого достаточно, чтобы поверить, что соединение живое. Технические данные вроде протокола и адреса сервера есть, но уведены в мелкий шрифт: они нужны тем, кто их ищет, и не мешают остальным.
Что сделали
- Экран выбора сервера: поиск, фильтры по скорости, приватности и близости
- Карточки стран с откликом в миллисекундах и числом локаций
- Экран подключения: таймер, статус и карусель серверов с живой статистикой
- Экран подписки с двумя тарифами и честной строкой про автопродление
- Нижняя панель со стеклянными кнопками и активным состоянием
- Четыре варианта колористики: синий, розовый, оранжевый и светлый
Про цвет
Палитра сделана сменной: один и тот же интерфейс живёт в синем, розовом и оранжевом градиенте. Это не украшение — так проверяется, что контраст и читаемость держатся не на удачном фоне, а на структуре.
Кому пригодится
Ориентир для мобильных сервисов по подписке, где всё взаимодействие сводится к одному переключателю, а зарабатывает продукт на доверии и понятном тарифе.
