Заполните форму ниже
Что вас интересует?
Я ознакомлен с Политикой конфиденциальности и даю согласие на обработку персональных данных (скачать форму согласия)
Сообщение об успешной отправке!
ux/ui · product design

Визуальная концепция VPN вдохновлена приключенческими играми начала 2000-х годов. Элементы гиковского стиля вызывают ностальгию и улучшают пользовательский опыт.

Duality
VPN App
Задача

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

2.Разработать нестандартный подход к метафоре включения/выключения VPN на главной странице приложения;

3.Продумать дизайн премиум-подписки для будущей интеграции в приложение;

4. Ребрендинг логотипа, так как приложение будет запущено в App Store и потребуются новые иконки.

Анализ дизайна
Проанализировали существующий дизайн, выявив слабые места, ознакомились с лучшими VPN-сервисами, чтобы создать бесшовный пользовательский опыт. Совместно с клиентом был проведён брифинг по анализу конкурентов, который помог оптимизировать существующий дизайн, сбалансировав последовательность и улучшив взаимодействие с пользователем. Эти улучшения повысили удовлетворённость пользователей и улучшили ключевые бизнес-показатели.
Новые ui-решения
Мы внедрили новые решения для улучшения взаимодействия пользователей с приложением, оптимизировав информационную архитектуру и доработав пользовательский поток для более интуитивной навигации. Благодаря этим улучшениям пользователям стало проще находить ключевые функции, что значительно улучшило общее впечатление. Обновлённые элементы вы можете увидеть ниже.
Логотип
Мы создали несколько вариантов логотипа, учитывая уникальную аудиторию и стиль приложения. Подчеркивая гиковский, нестандартный дизайн, мы использовали метафоры вроде черепа и смелые, ярко окрашенные элементы. Эти черты отражают уникальный подход клиента, одновременно передавая серьезность и надежность приложения.

Этот дизайн также мгновенно узнаваем в экосистеме VPN, сочетая в себе креативность и функциональность, олицетворяя защиту и отличие. 
Мы подготовили различные подходы и вариации к редизайну логотипа, 
но окончательный вариант вы можете увидеть ниже.
Логотип
При разработке логотипа мы стремились создать визуальную метафору, которая отражала бы как сущность гика, так и безопасность, ожидаемую от VPN-приложения. Смелые, нетрадиционные элементы, такие как череп, отражают дерзкую, технологически продвинутую индивидуальность бренда, а четкое исполнение обеспечивает динамичность и уникальность логотипа.
НОВЫЕ иконки
Таймлайн
5 дней
Кол-во экранов
50+
Найденные проблемы и решения
До
После
Проблемы
  • Логотип слишком большой и занимает много места в пользовательском интерфейсе — было рекомендовано уменьшить масштаб и переместить логотип, чтобы оптимизировать визуальную иерархию и улучшить использование площади экрана, особенно в разделе с героями.

  • Поле ввода выбора страны расположено неоптимально — текущее размещение влияет на удобство использования. Было предложено приподнять поле ввода и дополнить его дополнительными контекстными данными, такими как время соединения и IP-адрес, чтобы повысить эффективность выполнения задачи и осведомлённость пользователя.

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

  • Экран настроек загромождён слишком большим количеством кнопок — это создаёт когнитивную перегрузку и нарушает пользовательский поток. Было рекомендовано рефакторить интерфейс, свернув несущественные действия во вложенные подменю, что улучшит масштабируемость по мере развития приложения.

  • Отсутствие кнопки «Отключить» — критически важная функция для завершения задачи, отсутствие кнопки «Отключить» снижает эффективность задачи. Было предложено добавить этот призыв к действию (CTA), чтобы улучшить юзабилити и контроль пользователя.
Решения
  • Оптимизация макета и использования пространства на главном экране — логотип был изменен в размере, а ключевые интерактивные элементы, такие как кнопка выбора страны, были перепозиционированы, что улучшило общую визуальную иерархию и обеспечило доступность высокоприоритетных действий.

  • Улучшение читаемости текста за иллюстрацией — обернув текст фоновым контейнером, мы повысили контрастность и обеспечили соответствие рекомендациям по доступности, сделав контент более разборчивым и удобным для пользователя.

  • Внедрение ключевых функциональных элементов — добавление кнопки «Отключить» и дополнительных виджетов для мониторинга скорости загрузки/выгрузки повысило удобство использования функций и контроль над ними, улучшив выполнение задачи.

  • Оптимизация раздела «Настройки» для улучшения навигации — мы реализовали более модульный дизайн с логичными группами, такими как «Мой аккаунт», «Премиум-подписка» и «Конфиденциальность», что позволило создать более чистый и масштабируемый интерфейс, способный справиться с будущими расширениями, не перегружая пользователя.

  • Усовершенствована интеграция премиум-подписки — виджет премиум-подписки был перемещен в более контекстно-значимую область, что уменьшило когнитивное трение и улучшило процесс вхождения в систему для премиум-пользователей.
Разработка UI
Мы обеспечили визуальную согласованность всех элементов интерфейса, создав целостную систему дизайна с определенными шаблонами пользовательского интерфейса и стандартизированной библиотекой компонентов. Оптимизировав пользовательский поток и доработав точки взаимодействия, мы повысили интуитивность и упростили навигацию, снизив когнитивное трение. Улучшенная информационная архитектура и отзывчивый макет привели к созданию более компактного, масштабируемого интерфейса, минимизируя визуальный шум и повышая общее удобство использования и пользовательский опыт (UX).
авторизация
главная
выберите сервер
меню
планы
поп-ап
настройки
The Spot Agency
Спасибо за просмотр
Design agency
THE SPOT
Вам уведомления от The Spot. Свайпни, чтобы просмотреть
Следите за нами
Связаться с нами
Обсудим ваш проект?
сейчас
*организация Meta, которой принадлежит соцсеть, признана экстремистской и запрещена в России
Мы хотим с вами познакомиться
1 минуту назад
Связаться с нами
Связаться с нами
Мы уже скучаем...
5 минут назад