Фабрика шаурми — вебзастосунок для онлайн-замовлення їжі

Про клієнта

«Фабрика шаурми» — мережа закладів швидкого харчування з кількома точками. Кожна точка має власний графік роботи, адресу й телефон, а асортимент у різних закладах може відрізнятися. Клієнти забирають замовлення самі або замовляють доставку.

Задача

Мережі був потрібен власний канал онлайн-замовлень, де клієнт сам оформлює замовлення від початку до кінця. Вимоги були такі:

• актуальне меню для кожної точки, з позначкою недоступних страв;
• кошик, добавки до страв і коментар до замовлення («без цибулі, більше соусу»);
• два способи отримання: самовивіз на обраний час і доставка з розрахунком вартості за адресою;
• оплата карткою онлайн або готівкою при отриманні;
• відстеження статусу замовлення клієнтом;
• бонусна програма, яка заохочує повертатися;
• швидка робота на смартфоні, адже їжу часто замовляють саме з телефона.

За обсягом і логікою це повноцінний інтернет-магазин, тільки заточений під їжу: з точками видачі, зонами доставки та слотами часу.

Що ми зробили

Вибір точки і меню

Замовлення починається з вибору закладу — на мапі або списком, з графіком роботи і статусом «відчинено / зачинено». Далі клієнт бачить меню саме цієї точки: розділи, пошук за назвою страви, позначки новинок, склад і добавки. Якщо страва тимчасово недоступна, сайт попереджає про це ще до оформлення й просить прибрати її з кошика.

Кошик і оформлення

Кошик показує склад замовлення, суму, вартість доставки та нараховані бонуси. На кроці оформлення клієнт обирає спосіб отримання і час: «якнайшвидше» або конкретний слот на сьогодні чи наступні дні. Якщо час уже зайнятий, система пропонує вибрати інший. Телефон перевіряється за форматом +380, а поля з помилками підсвічуються.

Доставка з розрахунком за адресою

Для доставки клієнт вводить вулицю й будинок (з підказками адрес на основі OpenStreetMap), визначає місцезнаходження автоматично або ставить позначку на карті вручну. Вартість доставки рахується за відстанню, а від певної суми доставка безкоштовна. Якщо адреса поза зоною доставки, сайт чесно про це повідомляє і пропонує самовивіз.

Оплата

Доступні два способи: карткою онлайн через LiqPay і готівкою при отриманні. Сайт обробляє всі сценарії оплати — успішну, невдалу, повторну спробу — і пояснює, що відбувається з коштами при скасуванні.

Статус замовлення

Після оформлення клієнт бачить сторінку статусу: очікує підтвердження, прийнято, готується, готово, видано або доставлено. Для самовивозу показується код видачі, який треба назвати касиру. Попереднє замовлення можна повторити в один дотик.

Бонусна програма через Telegram

Лояльність винесена в Telegram-бот: клієнт отримує бали за кожне замовлення, ваучери та акції. На сайті можна прив'язати замовлення до бонусної картки за номером телефону, підтвердити це в Telegram і побачити баланс балів. Такий підхід поєднує зручне замовлення в браузері з постійним каналом комунікації в месенджері. Детальніше про ботів — у статті Telegram-бот для бізнесу.

Юридична частина і SEO

На сайті є сторінки з умовами доставки й оплати, правилами скасування та повернення коштів, політикою конфіденційності, реквізитами продавця та контактами всіх закладів. Для пошукових систем додано метадані, розмітку Schema.org типу Restaurant і текстову версію ключової інформації для випадків, коли JavaScript недоступний.

Технології

• React — односторінковий вебзастосунок;
• Vite — збірка та оптимізація ресурсів;
• LiqPay — онлайн-оплата карткою;
• Telegram Bot — бонусна програма та підтвердження;
• OpenStreetMap — підказки адрес для доставки.

Результат

Вебзастосунок працює за адресою fabrikashaurmi.com.ua. Сьогодні мережа має власний канал онлайн-замовлень, у якому клієнт:

• обирає зручну точку та бачить її актуальне меню;
• оформлює самовивіз на потрібний час або доставку з прозорою ціною;
• платить карткою онлайн або готівкою;
• стежить за статусом замовлення і забирає його за кодом;
• накопичує бали в бонусній програмі через Telegram.

Заклад отримує замовлення напряму, а клієнтська база та комунікація залишаються у власника бізнесу.

Хочете такий самий сайт?

Якщо у вас кафе, ресторан або доставка їжі, подивіться наше рішення сайт для кафе, ресторану і доставки їжі. Інші проєкти — у портфоліо. Напишіть нам у Telegram чи Instagram — першу консультацію проводимо безкоштовно.