Краса / Преміальний продукт · Концепт
AURELLE — редакційний фільм продукту
Концепт для преміального косметичного бренду: шовк, жінка, коштовність, розквіт кришталевих пелюсток, потім флакон і помада — один безперервний фільм, що прокручується покадрово разом зі сторінкою і закінчується живою сторінкою. Зроблено, щоб показати, як фізичний продукт можна представити без жодної статичної фотографії.
Студійний концепт для вигаданого бренду. Не замовлений, не задеплоєний; робота — це фільм і прототип.
КонцептКраса / Преміальний продукт
AURELLE — редакційний фільм продукту
Парфум і помада, розкриті через кінематографічний фільм, яким відвідувач керує скролом.
- Формат
- Scroll-driven film · 57 s
- Матеріал
- 1080p · 2160p master
- Пристрої
- Desktop · Mobile
- Статус
- Concept · prototype
- Рік
- 2026
- Формати
- Скрол-історія продукту · Нестандартний інтерактивний досвід
Проблема
Косметичний продукт продається атмосферою і матеріалом: світло крізь скло, вага ковпачка, колір пігменту. Каталожне фото сплющує все це, а відео, що саме грає на відвідувача, ігнорують.
Ідея
Зробити фільм сторінкою. Послідовність згенерована й змонтована як один безперервний кадр; на сторінці вона прив'язана до позиції скролу, тож відвідувач сам вирішує, як повільно розкриваються пелюстки і коли з'явиться флакон. Назви розділів в'їжджають через маски рядків; останній кадр передає естафету справжньому інтерфейсу.
Досвід
- Прокручувати 57-секундний фільм продукту вперед і назад скролом
- Назви розділів, що приходять з кожним продуктовим бітом
- Безшовний перехід від фільму до сторінки наприкінці послідовності
- Колірно керований матеріал: той самий тон на телефоні і на широкому дисплеї
Результат
Робочий прототип фільму продукту на скролі зі сторінкою наприкінці — формат, який ми побудували б для справжнього запуску парфуму, догляду чи прикрас. Концепт: бренду AURELLE за ним не існує.
Екрани
Технологія
- Згенерований матеріал, змонтований в одну безперервну послідовність, кольорокорекція в After Effects
- Скрол, прив'язаний до часу відео через виміряний цикл догону (відхилення 0,39 кадру)
- Таймлайни GSAP для зміни розділів, SplitText для назв
- Чистий HTML, CSS і JavaScript — без фреймворку, 158 КБ коду
