Сайт кав'ярні з анімацією і замовленням наперед: кейс MORROW
Сайт кав'ярні, де гість замовляє наперед, а консоль бару веде чергу за часом видачі.
- Клієнт
- MORROW, кав'ярня-обсмажувальня у Флорентіні, Тель-Авів
- Задача
- Прибрати чергу зранку і замовлення наперед в особистому месенджері бариста
- Рішення
- Односторінковий сайт із замовленням наперед, циферблатом барів і консоллю для бару
- Результат
- 64 замовлення наперед на день, 97% готові точно до часу видачі
Що змінилось для гостей і бару
Сайт узяв на себе те, що раніше йшло в директ і в чергу.
Черга у Флорентіні зранку на 15 хвилин, частина гостей розверталась біля дверей.
Замовлення наперед: гість обирає бар і час, кава готова до приходу.
Замовлення наперед падали в особистий месенджер бариста і губились у пікову годину.
Консоль бару показує чергу за часом видачі зі статусами «нове», «готується», «готово».
У трьох барів різні години роботи, гості щодня питали в директі «ви вже відкриті?».
Циферблат: тягнеш стрілку і бачиш, який бар відкритий о будь-якій годині.
Меню жило в PDF, а стоп-лист оновлювали в сторіз.
Меню на сайті й стоп-лист вимикаються на планшеті бариста одним натиском.
Черга і циферблат барів
Черга замовлень наперед64 замовлення наперед на день, 97% готові точно до часу, середній чек ₪34. Черга сортована за часом видачі.
Із чого складається сайт
Сім екранів від заставки до консолі бару.
- ЗаставкаПоки сторінка вантажиться, чашка на екрані наповнюється кавою.
- Перший екранПачка і стакан MORROW нахиляються за курсором, унизу години роботи.
- Меню-чекЧотири позиції дня на світлому блоці, повне меню виїжджає як чек.
- Циферблат барівТягнеш стрілку і бачиш, який з трьох барів відкритий у цю годину.
- ОбсмажувальняЗерна літають навколо стакана і відштовхуються від курсора.
- Замовлення напередГість обирає бар і час, талон друкується за прилавком.
- Консоль баруЧерга замовлень за часом видачі й стоп-лист для планшета біля кавомашини.
Що всередині
Сайт на одну сторінку і консоль для трьох барів.
Сайт
Для гостей кав'ярні.
- Заставка: чашка наповнюється кавою під час завантаження
- Меню дня на світлому блоці, повне меню як чек
- Циферблат трьох барів по годинах
- Історія обсмажувальні: 15 кг за раз, дні обсмаження
Замовлення наперед
Аргумент проти черги.
- Вибір бару і часу видачі
- Талон друкується за прилавком
- Оплата в застосунку заздалегідь
- Кава готова за дві хвилини до приходу
Консоль бару
Для баристи на планшеті.
- Черга за часом видачі зі статусами
- Меню і стоп-лист вимикаються одним натиском
- Позиція одразу зникає з сайту
- Показники дня: кількість, готовність, середній чек
Плюси
- Гість бачить, який бар відкритий, без питань у директ
- Замовлення наперед більше не губляться в особистому месенджері
- Стоп-лист бариста вимикає сам, без правок на сайті вручну
Що врахувати
- Меню дня потрібно оновлювати руками щоранку
- Три бари означають три графіки, які треба тримати актуальними
Питання й відповіді
Як гість замовляє наперед?
Обирає бар, час і напої на сайті, платить одразу, талон друкується за прилавком до приходу.
Звідки бариста знає, що робити далі?
Консоль бару показує чергу за часом видачі зі статусами «нове», «готується», «готово», «забрали».
Як дізнатись, який бар відкритий зараз?
Циферблат на сайті показує всі три бари одразу, досить потягнути стрілку до потрібної години.
Чи підійде такий сайт іншій кав'ярні з кількома точками?
Так. Циферблат, замовлення наперед і консоль бару працюють для будь-якої кількості точок.
Підсумок: сайт забрав чергу і директ на себе
Повний опис проєкту
Задача
MORROW обсмажує каву у Флорентіні й наливає її у трьох барах Тель-Авіва. Власного сайту кав'ярня не мала: була сторінка в Instagram, а замовлення приймали через WhatsApp. Що заважало: • зранку у Флорентіні черга на 15 хвилин, і частина гостей розверталась біля дверей; • замовлення наперед падали в особистий месенджер бариста і губились у пікову годину; • у трьох барів різні години, тож гості щодня питали в директі «ви вже відкриті?»; • меню жило в PDF, а стоп-лист оновлювали в сторіз.
Що зробили
Зробили односторінковий сайт, де головна роль у кави, і консоль для бару. Сайт: • заставка: поки сторінка вантажиться, чашка наповнюється кавою; • перший екран: пачка і стакан MORROW нахиляються за курсором, унизу смуга з годинами роботи; • меню на світлому блоці: чотири позиції дня, а повне меню виїжджає у вигляді чека; • циферблат барів: тягнеш стрілку і бачиш, який бар відкритий о будь-якій годині; • обсмажувальня: навколо стакана літають зерна і відштовхуються від курсора; • замовлення наперед: гість обирає бар і час, а принтер «друкує» йому чек. Консоль бару працює на планшеті біля кавомашини: • черга замовлень за часом видачі зі статусами «нове», «готується», «готово», «забрали»; • меню і стоп-лист: позиція вимикається одним натиском і відразу зникає з сайту. На старті показали три варіанти першого екрана, у MORROW обрали темний з рукописним словом. Потім внесли дві правки: години бару в Сароні і назву холодного напою. Від брифу до запуску минуло три тижні.
Результат
Замовлення наперед тепер приходять у консоль бару. За день у Флорентіні їх набирається 64, і 97% готові до часу, який обрав гість. Середній чек такого замовлення ₪34. Питання «ви вже відкриті?» в директі майже зникли, бо години всіх трьох барів видно на циферблаті. Стоп-лист бариста вимикають на планшеті, і позиція відразу зникає з сайту.
Потрібен сайт, який забирає чергу і директ на себе?
