Контекст задачи
GhosTy.
Авторский разбор07 / 07Самостоятельный концепт

Имиджевый digital experience

SOVRAE / KINE 01

Кинетический свет показан как коллекционный объект, а не обычный светильник.

Рабочий frontend-прототип

Коротко о проекте

Я построил медленную кинематографичную историю о трёх движущихся кольцах, свете и конструкции.
Моя рольСтруктура, UX/UI, арт-дирекция, frontend
ПериодАвторский проект, 2026
СфераCollectible design
01

Контекст задачи

Проблема

Статичная фотография не объясняет движение. Эффектный сайт при этом должен сохранять читаемость, управление и облегчённый режим.

Для кого

Коллекционеры предметного дизайна, архитекторы, галереи и интерьерные бюро.

Моя задача

Моя задача - передать характер объекта через движение и оставить понятный путь к отделке и резервированию.

Масштаб концепта

Это параметры и объём прототипа, не бизнес-результаты.
3кинетических кольца
4световых состояния
3motion fallback
02

Три ключевых решения

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

01

Движение объясняет форму

Я связываю каждое состояние колец с пластикой объекта и направлением света.

02

Темп галереи

Переходы медленные, но управление явное: состояние можно выбрать, пропустить или остановить.

03

Эффект с запасным планом

Ключевая история сохраняется в CSS и статическом представлении при reduced motion.

03

Что собрано

Статус каждой функции указан прямо: что можно пройти в браузере, а что осталось на уровне проектирования.

01Интерактивный объектВ рабочем прототипе
02Световой таймлайнВ рабочем прототипе
03Exploded viewВ рабочем прототипе
04Отделки и резервированиеСпроектировано
04

Рабочие артефакты

Не декоративные экраны, а логика, на которой держится продуктовый сценарий.

01

Хореография движения

02

Performance budget

03

Матрица fallback-состояний

Ограничения

Что важно знать до просмотра демо

Это вымышленный бренд и объект. Нет реального производства, BIM-файлов, доступности серии, оплаты или обработки резервирования.

05 / Интерактивный прототип

Открыть англоязычный прототип

Можно пройти основной сценарий и проверить поведение интерфейса. Это демонстрационная сборка - введённые данные никуда не отправляются.

Открыть прототип

Следующий кейс

01СЛОЙ 43Конверсионный B2C-сайт