День начинается в 06:00
Прокрутка переводит кофейню от рассвета к закрытию и постепенно меняет свет.
Замысел
В 06:00 — один вкус. В 21:00 — уже другой
Обычный сайт кофейни показывает меню, адрес и пару фотографий. Мне хотелось передать другое: как меняется само место в течение дня.
Поэтому скролл двигает не только экран, но и время. Вместе с ним меняются свет, напиток дня и короткие истории о зерне.
Meridian47 — авторское демо. Это не сайт действующей кофейни и не предложение от реального заведения.
Как это работает
Скролл двигает время, а не просто страницу
У каждого часа свой напиток
Шесть остановок дня знакомят с кофе через настроение и короткий текст.
Вкус получает адрес
Дневник и карта показывают, откуда приехало зерно и чем оно отличается.
Кадры дня
Утро, дневник, карта и версия для телефона
Все кадры сняты из работающей локальной версии.
Что важно
Красивый приём не должен мешать пользоваться сайтом
Вертикальный скролл остаётся привычным
Не нужно учиться необычной навигации: человек просто листает страницу, а история разворачивается сама.
Звук включается только вручную
Атмосферу можно добавить, но сайт не начинает играть без разрешения посетителя.
Телефон — не урезанная копия
На мобильном сохраняются время, характер и весь основной рассказ, только композиция становится компактнее.
У вашего проекта тоже есть своё настроение?
Расскажите, чем место, продукт или бренд отличается от остальных. Придумаем, как показать это на сайте без шаблонной подачи.