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