ЗЕРНО
Сайт как контактный лист
одного дня в кофейне.
Все кадры на сайте — как отпечатки с плёнки: сепия, зерно, мягкий контраст. Ни одного «идеального» цифрового фото.
Film, not glossyКаждый блок-фото подписан как кадр: 01, 02, 03, 04. Это ритм, а не декор.
Frame numbering 01–04Палитра тёмной комнаты. Золото — только акцент: 5–10% площади. Дорого, но сдержанно.
Dark film + gold 5–10%Много воздуха, тонкие линии, спокойный темп. Сайт, который не торопит — как хороший кофе.
Slow tone, not loudЗадача — передать медленный характер кофейни в цифре.
Создать лендинг для авторской кофейни в Минске. Уйти от штампов кофейного дизайна — тёплого бежевого мейнстрима — и передать характер места через тёмную плёночную эстетику.
14 рабочих дней — от брифа до живого сайта
Живой сайт с адаптивом 360–1440. 9 блоков, 4 анимационных сценария, дизайн-система из 5 цветов и 2 гарнитур. Готов к запуску рекламы.
1200 · 960 · 640 · 480 · 360
Первый экран, который читается за секунду.
Rise-анимация заголовка
Сетка 2×2 с подписями 01–04
Кофе, который
хочется
пить медленно.
Авторские напитки и завтраки весь день.
Зерно собственной обжарки — в двух минутах от метро.
История места — без пафоса.
Метрики: 2021 · 10 · 350
Теги · метрики · факты
с большим характером.
«Зерно» — кофейня в двух минутах от метро Немига. Открылись в 2021 году, потому что устали от кофе, который пьют на бегу.
Обжариваем зерно сами — небольшими партиями. В чашке должно быть понятно, что внутри.
Четыре шага от зерна до вашей чашки.
Переключение без перезагрузки
Ленивая загрузка фото
Обжарка
Обжариваем партиями по 6 кг. Ведём журнал каждой партии: температура, время, влажность. Наша рабочая кривая — 11 минут 30 секунд.
От эспрессо до тирамису.
Точки между названием и ценой
Hover-подсветка строк
Меню кофейни «Зерно»
Шесть причин зайти.
Тонкие линии-разделители
Номера 01–06
Всё, за чем возвращаются.
Свежая обжарка, быстрый заказ и место, где можно остаться.
Обжариваем сами. Понятный вкус.
Кофе за две минуты. С собой или за столик.
Быстрый и стабильный. Для работы и учёбы.
У каждого стола. Ноутбук живёт часами.
Собакам рады. Вода и вкусняшка за счёт.
Сырники в 16:00? Легко. Меню — до закрытия.
Один день — восемь кадров.
Лайтбокс по клику
Подписи кадров 01–06
Атмосфера «Зерна»
Что говорят наши гости.
Кавычки-водяные знаки
Имя · роль
Отзывы гостей
Прихожу сюда писать. Тут никто не торопит — и это дорогого стоит.
Пил много кофе. Здесь впервые понял, в чём разница между сортами.
Идеальное место для утренней встречи. Сырники — отдельная любовь.
Хожу мимо каждый день. Иногда не могу пройти — пахнет слишком хорошо.
Мы рядом — чтобы не устали в пути.
3 CTA-кнопки
Часы · адрес · телефон
Как нас найти
Минск · м. Немига · 2 минуты
Цвет, шрифт, сетка. Ничего лишнего.
Золото — только акцент
H1 — H3
Body · UI · Meta
Buttons · Accent
Один и тот же темп. Любой экран.
Сайт перестраивается с 360px до 1440px. Бургер-меню открывается плавно, сетка кадров становится горизонтальной каруселью со snap-scroll, типографика сохраняет пропорции.
Контент появляется снизу вверх, как пар над чашкой.
ЗЕРНО
Кейс создан в 2026 году. Дизайн, вёрстка и анимация — от идеи до живого сайта. Если вам близок медленный кофе и такой же медленный веб — напишите.
HTML / CSS / JS
