Кейс · Кафе и еда навынос

Кафе «Vibe Coffee»: меню, которое ставится на телефон

Кофейня навынос в Лермонтове. Вместо сайта-визитки сделали приложение, которое открывается по обычной ссылке: человек видит меню с ценами, собирает заказ в один тап и ставит иконку на домашний экран. Без Google Play, без App Store и без недель модерации.

Что делаем Приложение и сайт
Ниша Кафе, еда навынос
Позиций в меню 21

Демонстрационная работа студии, не заказ. Приложение открыто и работает

Как это выглядит

Три экрана

Приложение открыто — нажмите на любой снимок, и оно откроется настоящим.

Первый экран приложения кафе: видео с бургером, строка «Сейчас открыто до 21:00», заголовок и кнопка «Собрать заказ»
Первый экран отвечает на четыре вопроса сразу: открыто ли, что это, где и как заказать.
Меню приложения: разделы липкой строкой сверху, карточки блюд с фотографиями и ценами
Меню листается одной лентой. Раздел сверху подсвечивается сам, цена — она же кнопка.
Шторка заказа: две позиции, итог 420 рублей и кнопка «Хочу такое же приложение»
Заказ поднимается шторкой снизу. Здесь он никуда не уходит: это демонстрация, и кнопка ведёт в студию.
Задача

Человек стоит на улице, а не сидит за компьютером

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

Обычный сайт кафе отвечает на них плохо. Часы работы лежат в подвале, меню — картинкой, которую надо увеличивать пальцами, а «заказать» означает «позвоните нам». Заказ теряется на первом же неудобстве.

Решение

Что сделали

Результат

Что это даёт кафе

Под капотом

Как собрано

Чистые HTML, CSS и JavaScript. Ни конструктора, ни React, ни единой сторонней библиотеки. Весь код приложения — 85 КБ: он открывается мгновенно и не тормозит на телефоне за восемь тысяч рублей, а таких телефонов у клиентов кафе большинство.

Шрифты лежат на нашем хостинге, а не подгружаются со стороны: так приложение сохраняет вид без интернета, а адрес посетителя никуда не уезжает — на сайте собираются заявки, это требование 152-ФЗ.

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

Ограничения

Чего мы НЕ делали и почему

Доставки и курьера на карте нет. В макете они были, у кафе — нет. Обещать в приложении то, чего заведение не делает, значит подставить его перед первым же клиентом.

Оплаты внутри приложения нет. Человек собирает заказ и забирает его на кассе. Оплата — отдельная работа: касса, чек, возвраты; вешать её на витрину «чтобы было» нельзя.

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

Мы не обещаем роста выручки. Приложение убирает очередь и делает меню читаемым с телефона. Сколько людей придёт — зависит от места, цены и кофе, а не от кода.