Работа 01 / Концепт кофейни
Brewery.
Кофе начинается
с атмосферы.
Тёплый лендинг о месте, где хочется задержаться. Крупная типографика, спокойный ритм и кофе в центре внимания.
Потыкать сайт Кейс на Behance ↗- Проект
- Вымышленная кофейня
- Дизайн
- Лендинг и мобильная версия
- Новая реализация
- Интерактивное веб-демо
01 / Задача и направление
Сначала —
ощущение места.
Для концепта выбрано светлое направление: кремовый фон, коричневые акценты и крупные заголовки с засечками. Интерьер помогает передать атмосферу ещё до чтения деталей.
Страница ведёт от первого знакомства к истории, меню, галерее и контакту. На телефоне сохраняются все разделы и четыре напитка — меняется их компоновка.
Авторский концепт кофейни: дизайн, мобильная версия и интерактивное демо.
02 / Система и детали
Дать кофе
главную роль.
Четыре напитка, ясные подписи
и спокойная сетка без лишнего шума.
03 / Мобильная версия
Та же атмосфера.
Меньше экран.
Первый экран перестраивается в вертикальную композицию. Напитки идут по два в ряд, галерея сохраняет крупный кадр, а круглая эмблема остаётся главным акцентом футера.
Открыть демо на своём устройстве ↗
04 / Из дизайна в интерфейс
Теперь можно
попробовать.
Новая демонстрационная сборка
по готовому дизайну.
Изучить меню
Открыть напиток и вернуться к остальным.
Заглянуть внутрь
Открыть галерею и пролистать изображения.
Пройти сценарий
Заполнить демонстрационную форму и увидеть результат.
Все действия в демо остаются в браузере: настоящих бронирований и отправки данных нет. Цены и часы демонстрационные. При подготовке визуального направления использовался ИИ; в изображениях исходного макета также есть ИИ-материалы.
Нужен свой характер?