Статичная фотография не объясняет движение. Эффектный сайт при этом должен сохранять читаемость, управление и облегчённый режим.
Разбор проекта7 / 7Самостоятельный концепт
Имиджевый интерактивный сайт
SOVRAE / KINE 01
Кинетический свет показан как коллекционный объект, а не обычный светильник.
Я построил медленную кинематографичную историю о трёх движущихся кольцах, свете и конструкции.
Интерактивный прототип
1
Задача и рамки
Коллекционеры предметного дизайна, архитекторы, галереи и интерьерные бюро.
Показать характер объекта через движение и дать понятный путь к выбору отделки и запросу на резервирование.
Масштаб прототипа
Параметры описывают объём концепта, а не бизнес-результаты.3кинетических кольца
5световых сцен
3режима без движения
2
Ключевые решения
Почему интерфейс устроен именно так.
1
Движение объясняет форму
Я связываю каждое состояние колец с пластикой объекта и направлением света.
2
Темп галереи
Переходы медленные, но управление явное: состояние можно выбрать, пропустить или остановить.
3
Эффект с запасным планом
Ключевая история сохраняется в CSS и статическом представлении при reduced motion.
3
Что можно проверить
Функции с пометкой «Можно проверить в демо» ведут прямо на соответствующий экран.
1Интерактивный объектМожно проверить в демоОткрыть экран2Световой таймлайнМожно проверить в демоОткрыть экран3Разнесённый видМожно проверить в демоОткрыть экран
4Отделки и резервированиеСпроектировано, не подключеноНет экрана в демо
4
Основа интерфейса
Карты, модели и правила, подготовленные для прототипа.
1
Хореография движения
2
Бюджет производительности
3
Матрица режимов без анимации
5 / Интерактивный прототип
Открыть англоязычный прототип
Основной сценарий можно пройти в браузере. Данные не отправляются и не сохраняются.
Следующий кейс
1СЛОЙ 43Конверсионный B2C-сайт