CHROMA/17
Редакційний сайт фотостудії, що поєднує дві вигадані міські локації, чотирьох авторів і локальний сценарій бронювання в одну кінематографічну односторінкову систему.
7пов’язаних сцен
3локалізовані версії
2міські локації
Варіанти сайту / 02
Відкрити кожну версію сайту
Кожен напрям — окрема статична збірка з власною візуальною системою. Демо відкриваються в новій вкладці й не надсилають замовлення, бронювання чи повідомлення.
CHROMA/17 — Кінематографічна мережа
Темний кінетичний концепт мережі студій із профілями авторів, залами, lightbox і локальним калькулятором бронювання.
Відкрити демо ↗
LUMA NORD — Редакційне ательє
Окремий вигаданий бренд студії з витонченою WordPress-системою, архівом проєктів і статичним read-only експортом.
Відкрити демо ↗INPUT / FRICTION
Задача
Мережа студій має передати атмосферу, різні авторські погляди, відмінності залів, формати послуг і ціни, не перетворюючись на повільний каталог зображень. Та сама історія повинна залишатися цілісною, коли desktop-сцени зі sticky-поведінкою перебудовуються для вузького мобільного екрана.
SYSTEM / RESPONSE
Підхід
Я спроєктував сім пов’язаних редакційних сцен із scroll-хореографією на desktop і послідовним компонуванням на mobile. Типізований контент підтримує три мови; адаптивні AVIF і WebP, доступний lightbox із клавіатурою та свайпами, фільтрація залів за локацією й локальний калькулятор бронювання зберігають виразність і зручність. Режим reduced motion залишає весь контент без важких переходів.
OUTPUT / DELIVERED
Що дає реалізація
- Сім пов’язаних сцен ведуть від маніфесту бренду до авторів, портфоліо, залів, форматів роботи й бронювання.
- Чотири вигадані авторські профілі та вісім оригінальних портфоліо-кадрів створюють різні візуальні голоси в межах однієї системи.
- Демонстраційне бронювання фільтрує зали за містом, перевіряє бриф і розраховує три формати послуг повністю у браузері.
Зроблено на