Разработка мобильного приложения click-and-collect и pickup для ресторана

Кастомные приложения, в которых клиент заказывает заранее, оплачивает и забирает заказ без курьера и без очереди. Сценарий самовывоза уже реализован в приложениях Burger King и KFC — собрали из этой работы рабочие паттерны и переносим их на сети любого размера.

Что такое click-and-collect и кому подходит

Click-and-collect (он же самовывоз, pickup, order-ahead) — сценарий, когда клиент собирает заказ в приложении, оплачивает онлайн и приезжает забрать его лично в назначенное время. Никакого курьера, никакой комиссии агрегатору, никакой очереди в кассу.

Для ресторана это не «доставка лайт», а самостоятельный продукт со своей механикой. Он закрывает три типа клиентов сразу:

  • Тот, кто проезжает мимо — заказал из машины, забрал по пути с работы, времени не потерял.
  • Тот, кто экономит на доставке — не хочет платить 200–400 ₽ курьеру и комиссию агрегатору, готов пройти 5 минут пешком.
  • Тот, кто работает рядом — большой бизнес-центр, обед на 30 минут: доставка не успеет, а очередь съест полперерыва.

Особенно хорошо самовывоз работает в сетях QSR и фастфуде (Burger King, KFC, Додо, пиццерии), кофейнях с утренним пиком 8:30–9:30, пекарнях формата «приготовлено — лежит на полке — клиент забирает», суши-барах навынос и бургерных у бизнес-центров.

Чем самовывоз отличается от доставки и заказа в зале

Без понимания этой разницы команды лепят универсальную кнопку «оформить» и теряют конверсию. Каждый сценарий — это отдельная механика, UX и экономика.

ПараметрСамовывоз (click-and-collect)ДоставкаЗаказ в зале
Кто платит за «последнюю милю»никто — клиент забрал самресторан или клиент (200–400 ₽)никто
Комиссия агрегатору0%25–30% через агрегатор0%
Цикл от заказа до получения5–20 минут30–60 минут0 минут
Главная боль клиента«как не стоять в очереди и забрать готовое»«приехало холодное / опоздало»«очередь в кассу длинная»
Главная боль ресторана«приехал не вовремя — заказ остыл или ещё не готов»«курьер не нашёл подъезд»«кассир ошибся в чеке»
Метрика успеха% заказов, забранных в окне готовности ±5 минут% доставок в гарантированное окнооценки на кассе
Что критично в бэкендесинхронизация «таймер кухни ↔ время готовности клиента»маршрутизация курьеровонлайн-статусы заказов

Это не «доработать приложение доставки переключателем», а собственный сценарий: своя главная карточка, свой сценарий push, своя точка касания с кухней. Подробнее про доставку — на странице приложения для доставки еды, про основную услугу — на приложении для ресторана.

[ ФОРМАТЫ ]

Какие форматы самовывоза мы делаем

Под одним словом pickup прячутся форматы с очень разными требованиями к приложению. Выбираем нужный и закладываем правильный UX-паттерн с самого начала.

[ 01 ]

Касса и полка самовывоза в зале

Клиент приходит в зал и показывает QR или код заказа на кассе, либо забирает пакет сам с отдельной полки по номеру. Нужны статус «заказ готов», код идентификации, а для полки — push «заказ на полке №7» и контроль через камеру. Подходит маленьким точкам, кофейням, фастфуду и сетям с большим потоком самовывоза.

[ 02 ]

Забор из машины (curbside)

Клиент паркуется у ресторана, в приложении нажимает «я приехал» — сотрудник выносит заказ к двери. Нужны геозона подъезда (50–100 м), кнопка «я здесь», выбор парковочного места. Подходит торговым центрам и отдельно стоящим ресторанам с парковкой, удобно в плохую погоду.

[ 03 ]

Drive-thru с предзаказом

Клиент заказывает в приложении, едет к окну drive-thru и на въезде показывает QR — заказ выдают сразу, не задерживая очередь. Нужна интеграция с очередью drive-thru, push при подъезде, статусы «в очереди / готов». Формат сетей с drive-окнами — Burger King, KFC.

[ 04 ]

Умный шкафчик и обход очереди

Шкафчик с подогревом или холодом, куда ресторан кладёт заказ, а клиент открывает ячейку QR-кодом в любое время; либо обход общей очереди в час пик за небольшую надбавку. Подходит офисным и торговым центрам, аэропортам, кампусам и кофейням с утренними очередями.

Путь клиента: от запуска приложения до получения заказа

Каждая лишняя секунда между «хочу кофе» и «забираю кофе» — это потерянный заказ. В самовывозе путь должен быть короче, чем в зале.

  1. Поиск точки. Карта с ближайшими точками, время работы, текущая загрузка кухни. Геозоны автоматически показывают 3 ближайшие без ручного поиска.
  2. Каталог и заказ. Меню с фильтром «только готовое сейчас», конструктор блюда с теми же параметрами, что и в зале (клиент сравнивает приложение с кассой).
  3. Выбор времени получения. Не «как можно скорее», а конкретный слот: 9:15, 9:20, 9:25. Клиент знает, когда подъедет, ресторан — когда готовить. Минимальное окно 5–10 минут.
  4. Оплата. СБП, СберPay, карта в один тап. Без оплаты заказ не уходит на кухню.
  5. Подтверждение и таймер. Экран «Заказ №342, готов в 9:20» и уведомления: «принят», «начали готовить», «готов к выдаче», «осталось 2 минуты до окна».
  6. Навигация к точке. Когда клиент в радиусе 500 м — push «вы рядом, на парковку №2» или «зайдите через главный вход».
  7. Получение. QR-код, 4 цифры или NFC-метка на терминале — выбираем под формат сети.
  8. После выдачи. Push «заказ выдан», оценка в один тап, повторный заказ одной кнопкой.

Синхронизация кухни и клиента, чтобы заказ не стоял и не остывал

Если клиент приехал, а заказ не готов — потеряли клиента. Если заказ готов, а клиент ещё в 10 минутах — заказ остыл, потеряли репутацию. Эту синхронизацию закладываем в архитектуру с самого начала:

  • Кухонный таймер на каждое блюдо. В POS (iiko, R-Keeper, Poster) у каждой позиции есть нормативное время приготовления — 3 минуты для кофе, 12 для пиццы; подтягиваем в приложение.
  • Динамический расчёт готовности по очереди кухни. Если перед вами 8 заказов, а кухня выдаёт один в 2 минуты — ваш будет готов через 16 минут. Показываем честно.
  • Геозона клиента. В момент оплаты фиксируем расстояние до точки (через геозоны, без постоянного отслеживания — это нарушает приватность и не нужно). Если клиент в 20 минутах, кухня начнёт готовить через 8 минут.
  • Корректировка по факту. Застрял в пробке — push «двигайтесь спокойнее, кухня скорректирует»; подъехал раньше — «ускоряем, заказ через 3 минуты».
  • Сигнал «заказ остывает». Если клиент не пришёл в окно готовности + 10 минут — push клиенту и алерт менеджеру точки.

Эта механика работает только в кастомной разработке. Готовые конструкторы дают «фиксированное время готовности» без учёта пробок, очереди кухни и реального положения клиента. На сети с потоком 200–500 заказов на самовывоз в день эта разница ощутимо влияет на ключевую метрику «забрано в окне готовности» и напрямую снижает возвраты «приехал — не готово».

Контроль выдачи и защита от мошенничества

В самовывозе нет курьера, который сверяет заказ и адрес. Это ускоряет, но создаёт точку мошенничества: чужой человек может назвать номер чужого заказа и забрать его. Защита встраивается в сценарий, а не пристёгивается сверху.

Способ идентификацииКогда подходитСкоростьЗащита
QR-код в приложенииуниверсально, любой формат1–2 секундывысокая — код одноразовый
4-значный кодзабор из машины, drive-thru2–3 секундысредняя — произносится устно
NFC-меткашкафчик, полка самовывоза1 секундавысокая — нужен телефон владельца
Имя и последние 4 цифры телефонакасса самовывоза5–7 секундсредняя
Биометрия (Face ID)премиум-сети1 секундамаксимальная, но дорого

Что ещё защищает: геозона при выдаче (заказ выдаётся, только если телефон клиента внутри зоны точки), проверка на стороне ресторана (кассир видит фото заказа, статус «оплачено» и код — без всех трёх компонентов выдача блокируется), защита от повторной выдачи (после статуса «выдан» приложение блокирует повторный QR) и видеоаналитика на полке самовывоза (для отдельной полки — фиксирует, кто какой пакет забрал; подробнее про computer vision на кухне).

Интеграции с POS и платежами

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

ИнтеграцияЗачем
iiko (отдельная страница про интеграцию)Меню, техкарты, нормативное время блюда, статусы заказов
R-KeeperТе же сценарии через API для сетей на R-Keeper
Poster, Quick RestoМалые сети и кофейни
1С:ОбщепитБухгалтерия, кадры, склад
СБП и СберPayБыстрая оплата без ввода реквизитов
Банковские карты (YooKassa, CloudPayments, Т-Банк)Стандартный эквайринг
Бонусы и лояльностьСписание и начисление баллов в момент оплаты
Геолокация (Yandex Maps API, 2GIS)Поиск точек, расчёт времени готовности, геозоны
Push (Firebase, VK Push, RuStore)Статусы предзаказа
ФискализацияЭлектронный чек по 54-ФЗ

Все интеграции делаются через API без обновления существующего POS — это критично для сетей с 50–500 точками: переключение на новую POS-систему это годовой проект, и никто не пойдёт на него ради самовывоза.

[ ПОЧЕМУ SURF ]

За 14 лет создали 300+ мобильных и веб-продуктов

300+ реализованных проектов, 100 международных наград, №1 в мобильной разработке, 250 специалистов в команде. Сценарий самовывоза уже работает в наших приложениях Burger King и KFC — паттерны проверены на федеральных сетях.

BK

Самовывоз как отдельный сценарий заказа

Приложение для 7+ млн пользователей

1100+

Ресторанов KFC автоматизировано

Сценарий предзаказа в распределённой сети

№ 1

В разработке приложений для крупного бизнеса

Рейтинг Рунета 2024

250

Штатных специалистов

Mobile, backend, интеграции, QA, DevOps

[ КЕЙСЫ ]

Кейсы Surf

Мы создаём foodtech-продукты для лидеров рынка — от стартапов до федеральных сетей. Несколько релевантных проектов из портфеля (полный — на странице foodtech-практики):

Бургер Кинг

Бургер Кинг

Самовывоз в продакшене. Pickup как отдельный сценарий заказа — карта точек, время работы, выбор окна получения — в приложении для 7+ млн пользователей федеральной сети QSR.

Юнит-экономика самовывоза

Самовывоз окупается через две статьи экономии — комиссия агрегаторам и стоимость доставки. Иллюстративный расчёт на типичной сети из 20 точек, средний чек 750 ₽, 150 заказов через приложение в день на точку.

Без приложения самовывоза клиент заказывает через агрегатор: 150 × 750 ₽ × 20 точек × 30 дней = 67,5 млн ₽ оборота в месяц, из которых комиссия агрегатору 25–30% — это 17–20 млн ₽ в месяц в карман маркетплейса.

С приложением самовывоза, если 40% этих клиентов переходят в свой канал (в наших QSR-проектах это рабочий ориентир для городов-миллионников при достаточной плотности точек): 27 млн ₽ оборота уходит из агрегатора в свой канал, экономия на комиссии ≈ 7,3 млн ₽ в месяц, плюс курьеры на этих заказах не нужны — ещё 1–1,5 млн ₽. Итого 8–9 млн ₽ в месяц, около 100 млн ₽ в год. Точные цифры под вашу сеть зависят от текущей доли заказов в агрегаторах, среднего чека и плотности точек.

Разработка такого приложения — от 6 млн ₽ (см. ниже), окупаемость на сети такого масштаба — единицы месяцев работы канала самовывоза. Плюс эффекты на горизонт: данные о клиентах остаются у бизнеса (основа для удержания и персональных предложений, а не у Яндекс.Еды), прямой канал коммуникации через push дешевле платной рекламы в агрегаторе, отстройка от конкурентов в чужой выдаче и возможность запустить акцию за день, а не за недели согласований.

Кастомная разработка или готовый конструктор

На рынке есть готовые конструкторы приложений для ресторанов, которые предлагают «самовывоз из коробки». У каждого подхода свои сценарии.

ПараметрКастомГотовый конструктор (SaaS)
Срок запуска3–4 месяца2–4 недели
Стоимость стартаот 4 млн ₽подписка от 30–100 тыс. ₽/мес или комиссия 2–5%
Уникальный UX и брендда, под бизнесшаблон с кастомизацией
Синхронизация «таймер кухни ↔ готовность клиента»да, под конкретный POSбазовая, без учёта очереди
Геозоны, NFC, биометриядаредко
Форматы самовывозавсе четыре1–2 стандартных
Своя система лояльностидачерез готовый модуль
Владение данными клиентову бизнесачастично у платформы

Для маленькой кофейни на 2–3 точки конструктор быстрее и дешевле на старте. Для сети с 10+ точками и потоком 100+ заказов на самовывоз в день кастом окупается за полгода и даёт UX, которым ваш бренд отличается от соседа.

[ ПРОЦЕСС ]

Процесс разработки

[ 01 ]

Discovery

2–3 недели. Аудит сети, выбор формата самовывоза, карта пути клиента, план функций.

[ 02 ]

Дизайн + архитектура

3–4 недели. UX-карта сценария самовывоза, UI, схема API, интеграция с POS. Кликабельный прототип.

[ 03 ]

Разработка MVP

10–12 недель. Мобайл, бэкенд, интеграция с POS, платежи, push. Демо каждые 2 недели.

[ 04 ]

Тестирование и пилот

4–6 недель. A/B на 3–5 точках, проверка времени готовности, замер процента «забрано вовремя».

[ 05 ]

Масштабирование

4–8 недель. Раскатка на всю сеть, обучение менеджеров точек.

Стек технологий

СлойТехнологии
МобайлFlutter (iOS + Android) или нативные Swift + Kotlin
BackendPython (FastAPI / Django) или Kotlin + Spring Boot
База данныхPostgreSQL
Кэш и очередиRedis, RabbitMQ — push, очередь кухни, синхронизация времени готовности
ПлатежиСБП, банковские карты, СберPay
Карты и геозоныYandex Maps API, 2GIS — поиск точек и забор из машины
POS-интеграцииiiko / R-Keeper / Poster API
PushFirebase / VK Push / RuStore
АналитикаAppsFlyer, AppMetrica, собственное хранилище данных
ИнфраструктураDocker, Kubernetes, российские облака — данные в РФ по 152-ФЗ

Команда: продакт (метрики воронки самовывоза), бизнес-аналитик (карта процессов и согласование с POS-командой), UX/UI-дизайнер (сценарий клиента и кассирская часть), 1–3 мобильных разработчика, 1–2 backend-разработчика и инженер POS-интеграций, QA (функциональное и нагрузочное, особенно в часы пика), DevOps.

Стоимость и сроки

Тип проектаСрок MVPСтоимость «от»
Одиночное заведение или 2–3 точки, 1 формат самовывоза8–10 недельот 4 млн ₽
Сеть 5–20 точек, 2–3 формата, интеграция с iiko / R-Keeper12–16 недельот 6 млн ₽
Сеть 20–100 точек, федеральный уровень, drive-thru или забор из машины4–5 месяцевот 10 млн ₽
Федеральная QSR-сеть с самовывозом, доставкой и шкафчиками5–7 месяцевот 18 млн ₽
Самовывоз как mini-app в супераппе сети3–4 месяцаот 5 млн ₽

Что влияет на бюджет: число форматов самовывоза (1 базовый или 3–4 параллельно), глубина POS-интеграции (одна система или несколько на разных точках), уровень защиты выдачи (QR / NFC / биометрия), геозоны и интеграция забора из машины или drive-thru, платформа (Flutter экономит 25–35% против двух нативных), мультибренд в одной кодовой базе (как в Burger King). Точную смету готовим после короткого Discovery. Для проверки гипотезы в узком сегменте — MVP foodtech.

[ ОТЗЫВЫ ]

Клиенты о работе с нами

Бургер Кинг

Благодаря усилиям команды Surf продажи через цифровые каналы выросли на 85% в течение года. Мобильное приложение заняло первое место в категории «Еда и напитки» в App Store и Google Play.

Татьяна Павлова

Директор по продукту

Додо Пицца

Я протестировал все приложения коллег по рынку и могу сказать, что это, пожалуй, лучшее мобильное приложение для заказа в России — очень быстрое, красивое и удобное.

Федор Овчинников

Основатель Додо Пиццы

KFC

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

Геннадий Дорофеев

Менеджер по инновациям

[ FAQ ]

Клиенты часто спрашивают

Это сценарий «забрать без курьера» — нет последней мили. Ресторан не платит за доставку и комиссию агрегатору, клиент не ждёт 30–60 минут. UX, метрики и интеграции другие — подробное сравнение в таблице «Чем самовывоз отличается от доставки» выше.
По нашему опыту с QSR-сетями в городах-миллионниках — 25–45% активной базы клиентов за 6–9 месяцев. Условия: достаточная плотность точек и работающая мотивация (бонус за самовывоз, отсутствие комиссии). Цифры под вашу сеть рассчитываем на Discovery.
Используем API каждой POS-системы: меню, техкарты, остатки и статусы заказов синхронизируются автоматически, без замены существующей POS. Подробнее — на странице интеграции с iiko.
Через синхронизацию таймера кухни и времени готовности клиента — это отдельный технический блок. Ресторан начинает готовить, когда клиент в нескольких минутах от точки. На проектах с такой архитектурой процент «забрано в окне готовности» заметно выше — к этой метрике привязываем архитектуру с самого начала.
При правильной идентификации (QR, NFC, биометрия) — практически нет. Дополнительные слои: геозона при выдаче и видеоаналитика на полке самовывоза. Кассир выдаёт заказ только при совпадении фото, статуса «оплачено» и кода.
Работает в офисных и торговых центрах, аэропортах и медцентрах. Окупается у сетей с собственной плотной сетью точек или партнёрством с управляющими компаниями ТЦ. Поставщики локеров есть и зарубежные, и российские. Под конкретный кейс рассчитываем на Discovery.
Да, это рекомендуемый подход. Стартовый MVP — один формат самовывоза (например, касса в зале), интеграция с POS, базовая защита выдачи. На пилоте проверяем гипотезу, дальше расширяем — стоимость и сроки MVP описаны выше на странице.

[ обратная связь ]

Расскажите о проекте и мы предложим подходящие решения

напишите нам в Telegram
добавить файл

Отправляя запрос, вы соглашаетесь с политикой конфиденциальности