Спасибо за возможность поучаствовать в переосмыслении визуального и пользовательского опыта для Nosok VPN. Этот проект был сделан как конкурсная работа в рамках конкурса UX/UI дизайнеров для Nosok VPN.
Основная идея концепта была не просто “сделать красиво”, а собрать цельный и узнаваемый образ сервиса. Визуальный акцент сознательно построен вокруг шерстяной, вязаной, тактильной эстетики: мягкие текстуры, тёплые оттенки, стеклянные панели, “нитяные” связи между элементами интерфейса и более уютное ощущение бренда. За счёт этого дизайн старается выглядеть не шаблонно, а более характерно и запоминаемо.
- Главная страница стала более выразительной и сильнее ведёт пользователя к подключению.
- Важный акцент сделан на преимуществах сервиса, чтобы ценность продукта считывалась быстрее.
- Я отдельно считаю, что на главной странице не хватало плашки с количеством оставшихся дней подписки, поэтому внутри кабинета и подписочного блока этому состоянию уделено больше внимания.
- Личный кабинет собран так, чтобы ключевые вещи были рядом: подписка, устройства, ссылка, баланс, оплата и вспомогательные действия.
- Географическая карта покрытий стала интерактивной: её можно двигать, масштабировать, изучать через точки, кластеры, подсказки и список серверов.
- Для модерации добавлены рабочие сценарии управления контентом и серверной частью, чтобы нужные сущности можно было нормально добавлять, редактировать и поддерживать.
- Отдельно продуманы возможности для модерации и выдачи прав: в проекте предусмотрены собственные фишки для привилегированных пользователей и административных сценариев.
- Для мобильной версии тоже проделана большая часть работы, чтобы интерфейс оставался пригодным и цельным не только на десктопе.
- обновлённый лендинг с акцентом на визуальную подачу и преимущества
- личный кабинет пользователя
- авторизация
- блок подписки и активности
- тарифы и отзывы
- чат поддержки
- интерактивная географическая карта покрытий
- административные и модераторские сценарии
- адаптация под мобильные устройства
Концепт сделан в рамках следующей задачи:
КОНКУРС UX/UI ДИЗАЙНЕРОВ
Наш сайт уже работает и выглядит неплохо. Но «неплохо» нас не устраивает — хотим, чтобы было вау.
Поэтому объявляем открытый конкурс: переосмыслить дизайн Nosok VPN.
Ключевые экраны конкурса:
- Главная страница
- Личный кабинет пользователя
Главная цель этой работы была в том, чтобы сделать интерфейс более цельным, более запоминающимся и более “живым” визуально, не теряя при этом удобство, структуру и практичность.
- React
- Vite
- Tailwind CSS
- GSAP
- Lucide React