TSV — Архитектура дуальности
UX/UI | Web Design | 2026
Проектирование интерактивного хаба на стыке системной логики и графического хаоса.
Создана платформа, способная мгновенно менять свою ДНК: от стерильного продуктового интерфейса до экспрессивного визуального шума.
Задача и Решение
Спроектировать платформу, способную мгновенно менять свою ДНК: от стерильного продуктового интерфейса до экспрессивного визуального шума. Решение: разработка системы, управляемой состояниями (States). Использование единой базы данных для контента и радикально разных CSS-архитектур для его отображения.
Личность I — Архитектор
Стерильность и структура.
В этом режиме интерфейс служит «тихой рамой» для контента. Акцент на типографике, больших отступах и ощущении премиальной чистоты.
Инженерия порядка
Система, а не случайность.
Продуктовая часть полностью спроектирована в Figma с использованием Variables и Auto Layout. Это обеспечило 100% точность переноса системной логики в живой код.
Атомарная логика
Разработана библиотека компонентов с четкими состояниями (Default, Hover, Active). Каждый элемент следует строгой иерархии и правилам масштабирования.
Личность II — Демон
Деконструкция и Шум.
Отказ от системных правил в пользу чистого визуала. Этот режим был рожден и доработан непосредственно внутри кода, превращая интерфейс в акт цифрового искусства.
Управляемый хаос
Эстетика ошибки.
В отличие от продуктовой части, графический режим — это результат экспериментов с кодом. Использование AI для генерации структуры и ручная полировка отступов для достижения идеального «сломанного» вида.
Опыт взаимодействия
Внимание к деталям.
Даже технические страницы поддерживают общую концепцию. Пользователь никогда не покидает выбранную им «вселенную», даже сталкиваясь с системными уведомлениями.
Инженерный подход
Я не просто рисую интерфейсы — я оркеструю их создание. В моем арсенале: Figma (системы и переменные), понимание основ фронтенда (HTML/CSS), работа с ИИ для ускорения разработки и английский B2.
Адаптивность
Доступность на любых экранах.
Система сохраняет свою дуальность и удобство использования независимо от устройства. Все тач-области и шрифты оптимизированы под мобильный UX.
