Ко всем кейсам

Maple Grill

Концепт сайта сети ресторанов: меню, акции и поиск заведения

Интерфейс проекта Maple Grill в макете устройства

О проекте

Собственная разработка: концепт сайта для сети ресторанов с курицей на вертеле. Проект сделан как демонстрация подхода к ресторанным сайтам, а не по заказу конкретной сети.

Задача

Показать, как выглядит ресторанный сайт, где еда продаёт себя сама: крупные фотографии, понятное меню и заметная кнопка заказа на каждом экране.

Что сделали

  • Первый экран с фотографией блюда и двумя действиями: заказ и меню
  • Меню с категориями и карточками блюд
  • Блок акций недели и программы лояльности
  • Поиск ближайшего ресторана
  • Своя типографическая система и палитра вместо шаблона
Формат

Одностраничный сайт

Дизайн

Подобранные шрифты и своя палитра

Реализация

Статика без CMS

Тип проекта

Концепт, собственная разработка

Фронтенд

  • HTML
  • CSS
  • JavaScript

Сервер

  • nginx
  • Статика без CMS

Как делали

  1. 01

    Меню и акции

    Меню разложили по категориям с крупными фотографиями, а акции недели вынесли отдельным блоком: это то, ради чего на ресторанный сайт заходят чаще всего.

    Раздел концепта Maple Grill с акциями недели и карточками блюд
  2. 02

    Заказ и программа лояльности

    Кнопка заказа держится в шапке на всём пути, рядом три способа получить еду, а программа лояльности показана так же наглядно, как меню.

    Раздел концепта Maple Grill с программой лояльности и мобильным приложением

Результат

Готовый пример того, как мы подходим к ресторанным сайтам: от фотографий и меню до заказа. Эту основу можно развернуть под реальную сеть и наполнить настоящим меню и адресами.

Обсудим ваш проект?

Расскажите о задаче в паре абзацев. В ответ пришлём план работ, сроки и оценку.

Обсудить проект