Приложение для кофейни: меню и заказ в один клик
Приложение, которое ставится на экран телефона прямо из браузера, без магазинов приложений. Гость собирает заказ и отправляет его в мессенджер кофейни, а меню открывается даже там, где связь не ловит: в очереди, в подвальном зале, в дороге.
Что здесь настоящее, а что показ
Приложение рабочее, кофейня выдумана. «CoffeeClick» — витрина, собранная студией, чтобы приложение можно было потрогать, а не разглядывать на скриншотах. Всё, что вы нажимаете, работает по-настоящему: заказ собирается, сохраняется и уходит в мессенджер.
Что в нём не настоящее: цены ориентировочные — их никто не называл, они поставлены по рынку Кавминвод. Кнопки заказа ведут в наши собственные каналы: пустых кнопок в демо мы не оставили, а чужие подставлять нечего. Об этом же говорит жёлтая полоса в самом приложении — её видит каждый, кто откроет.
Зачем кофейне приложение
Кофейня живёт на повторных гостях. Человек, который заходит четыре раза в неделю, каждый раз заново стоит в очереди и заново называет одно и то же. Всё, что можно ему предложить — «закажите заранее», — упирается в то, что заказывать негде: страница меню в соцсети открывается медленно, теряется в ленте и не помнит, что он брал вчера.
Отдельная сложность — связь. Меню нужно человеку ровно там, где интернет хуже всего: в очереди у стойки, в подвальном зале, на ходу. Обычный сайт в этот момент показывает пустой экран, и заказ не случается.
Что внутри
- Первый экран заведения. Наверху — видео-петля или кадр во всю ширину, поверх название, режим работы и подпись. Нет медиа — экран сжимается до текста, пустого места не остаётся.
- Меню с поиском и категориями. Позиция открывается карточкой: фотография, описание, объём, количество. Хиты помечены.
- Корзина, которую видно. Пока в заказе есть позиции, над меню висит полоса «2 позиции · 420 ₽» и ведёт к заказу: человек видит, что заказ собирается, не открывая его.
- Заказ в один экран. Состав, способ получения, комментарий к заказу и итоговая сумма — всё видно сразу, без переходов.
- Отправка в мессенджер. Собранный заказ уходит текстом в WhatsApp, Telegram или сообщения сообщества ВКонтакте — в те каналы, которые кофейня и так читает. Отдельная касса и приложение для персонала не нужны.
- Мои заказы. История хранится в самом телефоне гостя, прошлый заказ повторяется в одно нажатие. На сервер она не уходит: персональных данных мы не собираем, а значит и не теряем.
- Работа без интернета. Меню, цены и фотографии лежат в телефоне. Нет сети — приложение открывается и собирает заказ, спокойно предупреждая, что отправить его получится, когда связь вернётся.
- Установка на экран телефона. Иконка появляется рядом с остальными приложениями, открывается на весь экран, без адресной строки. Ни App Store, ни Google Play, ни модерации, ни ежегодных взносов.
Почему оно быстрое
Код, стили и всё меню весят 33 КБ в сжатом виде — это меньше одной фотографии из ленты. Ни React, ни конструкторов, ни рекламных счётчиков: чистые HTML, CSS и JavaScript. На слабом телефоне в очереди это заметно сильнее, чем любая анимация.
Ни одной цены и ни одного телефона нет в разметке. Меню, цены, адрес, часы работы и каналы заказа лежат в одном файле данных. Так цена не может разойтись между приложением, кассой и рекламой — а расходятся они всегда одинаково: замечает это гость, а не владелец.
Из этого же следует, что приложение для другой кофейни — это тот же файл с другим содержимым. Название, меню, фотографии, мессенджеры и часы работы меняются в одном месте, экраны подстраиваются сами: нет объёмов — не будет и экрана выбора объёма, не заведён Telegram — не будет мёртвой кнопки.
Частые вопросы
Это приложение из App Store и Google Play?
Нет, и это осознанно. Это PWA — приложение, которое ставится прямо из браузера: гость открывает ссылку и выбирает «На экран „Домой“». Дальше оно ведёт себя как обычное приложение. Магазины приложений означают модерацию, ежегодные взносы и отдельные сборки под Android и iOS; для меню кофейни эта цена не окупается.
Куда приходит заказ?
В мессенджер, который кофейня и так читает: WhatsApp, Telegram или сообщения сообщества ВКонтакте. Заказ приходит готовым текстом — состав, сумма, способ получения и комментарий. Ставить кассовую программу или сажать человека к отдельному экрану не нужно.
Что будет, когда поменяются цены?
Цены правятся в одном файле, приложение у гостей обновляется само при следующем открытии с интернетом. Отдельно следим за тем, чтобы сохранённая в телефоне версия не пережила обновление: цена на экране и цена на кассе обязаны совпадать, иначе виноватой окажется кофейня.
Сколько стоит такое приложение?
Цена приложения: От 150 000 ₽, срок — От 30 дней. Точная считается после оценки задачи: она зависит от того, нужны ли оплата онлайн, программа лояльности и связь с кассой. Что входит в работу и как считается — на странице разработки приложений.
А фотографии блюд? У нас их нет
Приложение работает и без них: позиция без фотографии показывается аккуратной плиткой со знаком, а не пустым местом. Но снимки поднимают средний чек сильнее любого текста, поэтому мы даём бриф: что снимать, при каком свете и в каком порядке, чтобы серия выглядела единой. Половина фотографий в этом демо снята владелицей студии на телефон.
Оставить заявку
Расскажите о задаче. Ответим в течение часа в рабочее время и назовём цену со сроком.
Посмотрим задачу и скажем ориентир по цене и сроку. Без обязательств и навязчивых звонков: ответим тем же способом, каким вы написали.