Мобильное веб-приложениеКонцепт
Maris — Меню ресторана
Двуязычное мобильное меню для кафе у моря — быстрое на любом телефоне, владелец правит его сам, приложение не нужно.
Изнутри
Меню на столе.
Макет в рамке телефона, QR-код на столе и метки аллергенов, которыми кухня действительно пользуется.
Обзор
Maris — концепт для приморского кафе в Чешме: тёплое гостеприимство, небольшая слаженная кухня и печатное меню, которое мучительно держать в актуальном виде. Бриф: убрать ламинат, сохранить тепло.
Бриф
- Проблема
- Печатное меню, которое устаревает в день ламинирования.
- Ограничение
- Оно должно открываться на любом телефоне меньше чем за секунду, на ярком солнце и без приложения.
- Решение
- Мобильное меню в одну ленту, которое владелец правит с телефона, — гость открывает его по коду на столе.
Меню в телефоне оправдывает себя, только если оно быстрее, чем протянуть гостю карту. Это значит: открываться на «холодном» телефоне меньше чем за секунду, не ждать ответа сети при нажатии на категорию и оставаться читаемым под полуденным солнцем в тени зонтика.
Мы спроектировали меню как одну ленту с закреплёнными чипами категорий, крупными фотографиями и метками аллергенов прямо на блюде, а не в спрятанной легенде. Двуязычные строки переключаются без перезагрузки — одно и то же блюдо на турецком и английском, а не две версии, которые расходятся между собой.
За экраном владелец меняет цены и наличие с телефона прямо на кухне. У каждого стола — свой печатный QR-код с зашитым номером стола: пригодится позже, если задача вырастет до приёма заказов.
Об этом концепте
Это концепт-проект для вымышленного клиента. Он показывает процесс и стандарт качества, с которыми мы подходим к клиентским проектам.
Подход
Меню, в котором чувствуется кафе.
Сначала фотографии
Одно настоящее фото лучше трёх стилизованных кадров. Плотная сетка, много воздуха, никаких каруселей.
Два языка рядом
Турецкий сверху, английский снизу, одинаковая высота строки. Ни один язык не на вторых ролях.
Правит владелец
CMS — это телефон сотрудника. Поднять цену, отметить, что блюдо закончилось, добавить блюдо дня — меньше минуты.
Что входит
Всё, что нужно кафе. Ничего лишнего.
Цифры относятся к брифу концепта.
Скорость
< 0,8секунды до первой загрузки
Статическое меню с кэшем на edge-серверах. К сети обращается только первое касание.
Столы
QR-код для каждого стола
Лист с QR-кодом для печати на каждый стол. Ссылка знает, где сидит гость.
Аллергены
На блюде, а не в легенде
Глютен, молочное, орехи, морепродукты — метки прямо на блюде, куда гость и так смотрит.
Языки
2языка, одно меню
Переключатель в шапке, выбор запоминается. Один контент, два голоса.
Стек
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
- Vercel
Попробуйте сами
Рабочий продукт, а не картинка.
Откройте демо и пользуйтесь им так, как это делал бы гость или клиент. Работает каждое касание и каждая вкладка.