FRESH SALT
- Категория
- Мода · Редакционный опыт
- Язык сайта
- Английский
- Статус
- Независимый концептуальный проект
Коллекция, рассказанная в семи сценах, — погружение от поверхности до 11 000 метров.
Вопрос
Можно ли показать коллекцию как глубину, а не как каталог?
Идея
Вымышленный бренд представляет коллекцию SS27 «Strata» через галоклин — слой, где встречаются две воды и не смешиваются. Пять образов — пять глубин.
Визуальный язык
Никакой обычной прокрутки: семь полноэкранных сцен сдвигаются горизонтально и вертикально, шкала глубины идёт от 0 до 11 000 м, а пять пальто предстают процедурными 3D-скульптурами — без фотографий и моделей.
01
Пять образов, пять глубин
Каждый образ — отдельная сцена: название в акцидентном масштабе, цена, размеры и скульптура, сгенерированная кодом. Светлые и тёмные сцены чередуются, как слои воды.
02
Под большой палец
На телефоне сцены становятся вертикальными и переключаются свайпом. Типографика и элементы управления сохраняют свой порядок — коллекция читается так же.
03
Бездна
Последняя сцена завершает погружение на 11 000 метрах — заявлением коллекции и путём обратно, на поверхность.
Детали дизайна
- 01Узкий акцидентный шрифт, контурный и металлический, в архитектурном масштабе
- 02Светлые и тёмные сцены чередуются, как слои воды
- 03Интерфейс в режиме difference, чтобы читаться на любой сцене
Взаимодействие
- 01Сцены меняются прокруткой, свайпом, стрелками, Page Up/Down, Home и End
- 02Наведение или касание конструкций за образом открывает заметки о ткани и посадке
- 03Облегчённый режим рендеринга для медленных устройств
Технологии
- HTML
- CSS
- JavaScript
- Three.js
- Single file
