CRAFT
← Портфолио

Создание сайтов

Ember Roastery

Концепт

Дизайн и разработка

Концепт сайта обжарочной спешелти-кофе и кофейни. Тёплые кремовые и эспрессо-оттенки, иллюстрация чашки кофе и дружелюбный антиквенный заголовок задают настроение; меню, история и бронирование столика — на расстоянии одной прокрутки.

Тип
Концепт сайта
Отрасль
Еда и напитки · Кофейня
Наша роль
UX, визуальный дизайн и фронтенд
Стек
HTML · CSS · адаптивная вёрстка
Платформы
Десктоп, планшеты и смартфоны

01

Тёплое настроение бренда

Сайт должен ощущаться так, будто вы заходите в кофейню.

  • Заголовки в DM Serif Display с терракотовым акцентом
  • Иллюстрации чашки и кофейных зёрен, полностью нарисованные на CSS
  • Информационная плашка о днях обжарки и предложениях по доставке

02

Меню и история

  • Меню кофе и выпечки в две колонки с описаниями и ценами
  • История «от фермы до чашки» с ключевыми фактами о закупке и обжарке
  • Понятные переходы к меню кофейни и интернет-магазину зерна

03

Бронирование столика

  • Форма бронирования с именем, телефоном, датой и количеством гостей
  • Часы работы и адрес рядом с формой
  • Одноколоночная вёрстка на смартфонах для быстрого бронирования на ходу
Ember Roastery — страница презентации 1
Ember Roastery — страница презентации 2
Первый экран с иллюстрацией чашки кофе.
Ember Roastery — страница презентации 3
Меню кофе и выпечки.
Ember Roastery — страница презентации 4
Бронирование столика и часы работы.
Ember Roastery — страница презентации 5
Мобильная версия: первый экран, меню и бронирование.