TELEGRAM MINIAPP

Децентрализованный VPN-сервис — решение для пользователей криптовалют, заботящихся о защите своей личности и данных кошелька.

Роль UX/UI Дизайнер
Команда Индивидуальный дизайн
Сроки Апрель 2024 – Июнь 2024
Ссылка Telegram Bot

Проблема

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

Цель

Разработать интуитивно понятный, безопасный и минималистичный интерфейс для мини-приложения в Telegram, адаптированный к API и платформе, и обеспечивающий удобство управления VPN, что укрепит доверие пользователей к конфиденциальности и надежности сервиса.

TELEGRAM MINIAPP

Децентрализованный VPN-сервис — решение для пользователей криптовалют, заботящихся о защите своей личности и данных кошелька.

Роль UX/UI Дизайнер
Команда Индивидуальный дизайн
Сроки Апрель 2024 – Июнь 2024
Ссылка Telegram Bot

Проблема

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

Цель

Разработать интуитивно понятный, безопасный и минималистичный интерфейс для мини-приложения в Telegram, адаптированный к API и платформе, и обеспечивающий удобство управления VPN, что укрепит доверие пользователей к конфиденциальности и надежности сервиса.

Поставленные вопросы

  • Как адаптировать сложный VPN-сервис для мини-приложения в Telegram так, чтобы пользователи не терялись в деталях и быстро переходили к главной цели?
  • Как сделать онбординг понятным, если ваш продукт технически сложен и требует доверия со стороны пользователя?
  • Как интегрировать возможность оплаты и — при необходимости — поддержку кошелька TON, не нарушая при этом пользовательский сценарий и не перегружая интерфейс?
  • Как следует проектировать состояния ошибки, загрузки и подтверждения, чтобы сервис оставался понятным даже в нестандартных сценариях?

Анализ продукта и предметной области

На начальном этапе было изучено:

  • документация продукта;
  • архитектура сервиса;
  • роли и сценарии пользователей;;
  • гайдлайны и ограничения Telegram;
  • принципы хранения и наследования данных;
  • бизнес-цели продукта.

Цель состояла в том, чтобы составить карту пользовательских сценариев и понять технические ограничения продукта.


Проведены интервью с потенциальными пользователями

Цель интервью — выявить критерии выбора VPN, барьеры при подключении и факторы, влияющие на решение о покупке и дальнейшем использовании сервиса:

  • как пользователи выбирают VPN;
  • какие факторы влияют на решение о подключении;
  • почему пользователи перестают пользоваться VPN;
  • что влияет на решение об оплате услуги;
  • какие ожидания и опасения возникают перед подключением.
User flow diagram

Основные UX-решения

Ключевое решение продукта – минимизация действий пользователя: подключение в одно касание. После завершения этапа знакомства с продуктом (онбординга) пользователь может подключиться практически за один шаг. Это снижает барьеры и повышает показатели активации.


Продукт состоит из четырех основных разделов.

Home – Main screen:

  • статус подключения;
  • выбранный сервер;
  • кнопка подключения.

VPN – cписок доступных серверов

Download – список инструкций по загрузке для различных платформ

Race – раздел для повышения удержания пользователей с помощью геймификации:

Пользователи получают бонусы за:

  • ежедневный вход в систему;
  • использование VPN;
  • продление подписки;
  • приглашение друзей.
User flow screens

UI Дизайн

Была разработана дизайн-система для Mini App с учетом ограничений Telegram:

  • библиотека компонентов;
  • система токенов и переменных;
  • адаптивные карточки;
  • паттерны форм;
  • система уведомлений;
Color palette and typography guidelines for UI design system
VPN Dashboard Interface

Результаты

В результате была успешно разработана Telegram MiniApp, которая переводит сложные концепции цифрового наследия и механики Web3 в интуитивно понятный пользовательский опыт.
Продукт получил структурированный процесс онбординга, прозрачные сценарии настройки безопасности и систему управления доступом, что позволяет пользователям быстрее пройти ключевые этапы настройки.

КОНТАКТЫ

Вы можете связаться со мной в Email Email или Telegram Telegram . У меня есть некоторые работы на Behance Behance . Мое резюме вы можете посмотреть на LinkedIn LinkedIn .

Made on
Tilda