Трудно начать
Убрали технические настройки из первого действия. Главный экран даёт подключиться одним нажатием.
Aegis VPN × 13FOX
Одно касание.
Ваши правила.
Сделали VPN под запрос заказчика, которым легко пользоваться. Подключение в один тап, выбор серверов и точный контроль: какие приложения и сайты идут через VPN, а какие напрямую.
Посмотреть, как это работает Внутри наша библиотека Flutter VLESS
Сложная технология. Простой опыт.UX/UI · Flutter · Xray · Роутинг
1 тап
для подключения
с главного экрана
2 режима
весь трафик или только
выбранные сервисы
3 варианта
подключения: VLESS,
Shadowsocks и Outline
4 способа
войти: Email, Telegram,
Apple и Google
01 / Задача
Пользователь хочет
открыть сайт.
А не изучать VPN.
Когда нужный сервис недоступен, сложная настройка становится ещё одной преградой. Заказчику нужен был продукт, в котором легко начать, понятно управлять подключением и удобно оформить подписку.
Непонятно, что происходит
Собрали статус соединения, сервер, время сессии и объём трафика на одном экране.
VPN нужен не везде
Добавили правила для приложений и доменов. Пользователь сам определяет маршрут трафика.
02 / Гибкая маршрутизация
Нужное через VPN.
Остальное напрямую.
Можно направить в туннель весь трафик или выбрать отдельные приложения и домены. Не нужно постоянно включать и выключать VPN при переходе между сервисами.
Как распределяется трафикИнтерактивная схема
ВидеосервисВыбранное приложение
Через VPN ↗Рабочий сайтПравило для домена
Через VPN ↗Остальные сервисыВне выбранных правил
Напрямую →В этом примере VPN используют видеосервис и рабочий домен. Остальной трафик идёт напрямую.
Выбор по приложениям
Отдельный маршрут для нужных приложений, когда платформа поддерживает такой режим.
Выбор по доменам
Правила для сайтов и сервисов: нужные адреса через VPN, остальные по обычному соединению.
Выбор сервера
Автоматически по скорости или вручную из списка стран. Контроль остаётся у пользователя.
03 / Подключение
Один экран.
Всё под контролем.
Подключиться, проверить состояние и сменить сервер можно без поиска по настройкам. VLESS, Shadowsocks и Outline доступны в одном продукте.
Статус видно сразуСервер страна и IPТрафик объём за сессиюОтключение одна кнопка
04 / Путь к подписке
Понять ценность.
Выбрать свой тариф.
Связали знакомство с продуктом, вход, выбор тарифа и управление подпиской в один понятный путь. Пользователь видит, что получает и где управлять услугой.
- 01ЗнакомствоЧто даёт Aegis
- 02Быстрый вход4 привычных способа
- 03Выбор тарифаСрок и цена рядом
- 04Личный кабинетПодписка и поддержка
05 / Собственная технология 13FOX
Не только интерфейс.
Свой сетевой фундамент.
Open sourceMIT
В Aegis мы использовали Flutter VLESS (flutter_vless). Эту открытую библиотеку мы разработали сами: она связывает приложение на Flutter с сетевым ядром Xray и помогает управлять подключением.
ИнтерфейсFlutter
Экраны и действия пользователя
Наша разработкаflutter_vless
Связь приложения с сетевым ядром
Сетевая частьXray
Соединение и правила маршрутизации
Признана сообществом Xray
Нашу библиотеку включили в раздел Xray Wrapper официального README Xray-core. Код открыт, авторство 13FOX указано в репозитории и в каталоге pub.dev.
Посмотреть в README Xray-core ↗06 / Что связали в продукте
Технологии работают.
Пользователь пользуется.
Flutter + flutter_vless + Xray
Связали интерфейс, управление соединением и маршрутизацию трафика.
Email, Telegram, Apple, Google
Предусмотрели четыре способа входа, чтобы человеку было проще начать.
Тарифы и личный кабинет
Объединили выбор срока, оформление подписки и управление аккаунтом.
Серверы и поддержка
Список стран, автоматический выбор сервера и переход к помощи внутри приложения.
07 / Результат для заказчика
VPN с понятной ценностью.
И своей причиной выбрать его.
Подключение в 1 тап
Основное действие на главном экране. Пользователю не нужно разбираться в устройстве VPN.
2 режима трафика
Один сервис для быстрого подключения и гибкой настройки под собственные задачи.
Путь до подписки
Знакомство, вход, тариф и управление услугой собраны в последовательный сценарий.
Ваш следующий продукт
Сложная идея?
Сделаем простой опыт.
Разработаем VPN-сервис или приложение с сетевыми интеграциями. Возьмём на себя интерфейс, подключение и логику, которая делает продукт удобным.