Перейти к содержанию

Дизайн-концепт · Кафе и рестораны

Ember — Сайт кофейни с меню и заказом навынос

Яркий бело-оранжевый сайт кофейни: интерактивное меню с корзиной, бронь стола и смелая геометричная типографика.

Дизайн-концепт SAVKIRO. Демонстрационный проект, а не заказ реального клиента: бренд, цены и данные вымышлены, результаты не указываются.

savkiro.art/demo/ember
Главный экран демо-сайта Ember
Мобильная версия демо-сайта Ember
Тип
Сайт кофейни с меню и заказом навынос
Направления
Разработка сайтовUX/UI-дизайн и брендинг
Технологии и подходы
Next.js, React, CSS-анимация
Тип работы
Дизайн-концепт

Задача концепта

Задача концепта

Сайт кофейни чаще всего — PDF-меню и номер телефона. Гостю неудобно заказать заранее, а заведению сложно показать характер.

Концепт показывает, как сайт может продавать: меню с заказом навынос и бронь стола без звонка.

Решение

Решение

Меню разбито на вкладки, позиции добавляются в заказ прямо из карточки, сумма пересчитывается мгновенно.

Бронирование — счётчик гостей и сетка времени. Фирменный оранжевый, крупный гротеск и бегущая строка создают энергичный образ.

  • 01

    Заказ навынос

    Корзина в один экран, сумма и время готовности.

  • 02

    Бронь стола

    Число гостей и время — без звонка.

  • 03

    Характер

    Крупная типографика, бегущая строка и вращающийся бейдж.

Галерея

  • savkiro.art/demo/ember
    Ember: Интерактивное меню: вкладки, количество и сумма заказа

    01Интерактивное меню: вкладки, количество и сумма заказа

  • Ember: Карточки меню на телефоне

    02Карточки меню на телефоне

Визуальный язык

Цвет и типографика

Заголовки — Unbounded, основной текст — Manrope.

  • Сливки#FFF8F1
  • Персик#FFE6D3
  • Огонь#F2551D
  • Эспрессо#1E1410
Unbounded

Кофе, огонь и завтраки весь день.

Аа Бб Вв Гг · 0123456789

Следующая работа · Дизайн-концепт

Pulse

Сайт креативного агентства

Похожая задача

Хотите сайт в таком же стиле?

Сайты — от 50 000 ₽. Бриф откроется с отметкой об этом проекте, чтобы сразу обсудить стиль и задачи.