DN®Портфолио / 2026
DN®

Цифровой продукт / Айдентика / UX/UI

2025

ТУАНЕТ

Роль

Бренд- и UX/UI-дизайнер

Клиент / Контекст

Туанет

Айдентика, сайт и приложение для сервиса приватного доступа в интернет: техническая задача сведена к понятному сценарию.

Контекст / 01

Сайт управляет. Приложение подключает.

В продукте два уровня сложности: личный кабинет для оплаты и устройств и приложение для подключения. Интерфейс разделён так, чтобы пользователь не сталкивался с настройками раньше времени.

Цвет и шрифт / 02

Техническое стало простым.

Чёрно-белая база и оранжевый сигнал выделяют действия: подключить, обновить, войти, оплатить. Inter не забирает внимание и сохраняет интерфейс понятным.

Сигнальный оранжевый
HEX#FF6A00
Мягкий оранжевый
HEX#FFB37D
Глубокий чёрный
HEX#141414
Чистый белый
HEX#FFFFFF

Фирменный шрифт

Inter

Сайт / 03

Все сложные действия — в одном кабинете.

Оплата, устройства, ключи и состояние доступа собраны в веб-интерфейсе. Главные качества здесь — структура, иерархия и быстрый контроль.

account.tuanet.app
Управление устройствами
01 / Управление устройствами
account.tuanet.app
Подключение и оплата
02 / Подключение и оплата

Кнопка / 04

Один жест подключения.

Кнопка собирает идею сервиса в один объект: нажал — и перешёл в личный, контролируемый режим сети.

Приложение / 05

На поверхности остаётся только нужное действие.

Основной сценарий короткий: открыть, подключиться, закрыть. Расширенные настройки доступны отдельно и не мешают простому использованию сервиса.

Авторизация устройства
01 / Авторизация устройства
Активное подключение
02 / Активное подключение
Настройки подключения
03 / Настройки подключения

Результат / 06

Ясная система оставляет больше пространства для содержания.

Сайт собрал оплату, устройства и ключи в одном кабинете, а приложение оставило на поверхности главное действие — подключиться.

Следующий проект

ПРАКТИКА