Перейти до вмісту
MaxICo Labs
Обговорити задачу

Лендинги

Сайт кав'ярні з анімацією і замовленням наперед: кейс MORROW

Анімований лендинг і консоль замовлень для бару

Подивитися демоПерейти до результату
Кав'ярні та обсмажувальні · Тель-Авів
НішаКав'ярні та обсмажувальні · Тель-Авів
РоботаАнімований лендинг і консоль замовлень для бару
ОбсягЗаставка · перший екран · меню-чек · циферблат барів · обсмажувальня · замовлення наперед · консоль бару
Строк3 тижні від брифу до запуску
СтекHTML / CSS / JavaScript / GSAP / WebGL
Рік2026
01

ВИКЛИК

Що мав вирішити проєкт.

MORROW обсмажує каву у Флорентіні й наливає її у трьох барах Тель-Авіва. Власного сайту кав'ярня не мала: була сторінка в Instagram, а замовлення приймали через WhatsApp. Що заважало: • зранку у Флорентіні черга на 15 хвилин, і частина гостей розверталась біля дверей; • замовлення наперед падали в особистий месенджер бариста і губились у пікову годину; • у трьох барів різні години, тож гості щодня питали в директі «ви вже відкриті?»; • меню жило в PDF, а стоп-лист оновлювали в сторіз.

02

РІШЕННЯ

Що побудували й навіщо.

Зробили односторінковий сайт, де головна роль у кави, і консоль для бару. Сайт: • заставка: поки сторінка вантажиться, чашка наповнюється кавою; • перший екран: пачка і стакан MORROW нахиляються за курсором, унизу смуга з годинами роботи; • меню на світлому блоці: чотири позиції дня, а повне меню виїжджає у вигляді чека; • циферблат барів: тягнеш стрілку і бачиш, який бар відкритий о будь-якій годині; • обсмажувальня: навколо стакана літають зерна і відштовхуються від курсора; • замовлення наперед: гість обирає бар і час, а принтер «друкує» йому чек. Консоль бару працює на планшеті біля кавомашини: • черга замовлень за часом видачі зі статусами «нове», «готується», «готово», «забрали»; • меню і стоп-лист: позиція вимикається одним натиском і відразу зникає з сайту. На старті показали три варіанти першого екрана, у MORROW обрали темний з рукописним словом. Потім внесли дві правки: години бару в Сароні і назву холодного напою. Від брифу до запуску минуло три тижні.

МАТЕРІАЛИ ПРОЄКТУ

Екрани та взаємодія, а не слова про концепт.

Відкривайте кадри на весь екран. Гортайте стрілками клавіатури або свайпом.

03 · РЕЗУЛЬТАТ

Що змінилося після запуску.

Замовлення наперед тепер приходять у консоль бару. За день у Флорентіні їх набирається 64, і 97% готові до часу, який обрав гість. Середній чек такого замовлення ₪34. Питання «ви вже відкриті?» в директі майже зникли, бо години всіх трьох барів видно на циферблаті. Стоп-лист бариста вимикають на планшеті, і позиція відразу зникає з сайту.

0164

замовлення наперед на день у барі Флорентін

0297%

замовлень готові до часу видачі

03₪34

середній чек замовлення наперед

043 тижні

від брифу до запуску

ЖИВЕ ДЕМО

Відкрийте робочу версію в окремому перегляді.

Подивитися демо
Пов’язані послуги
AI-продукти та розробкаLanding Page (Промо-сайт)

ОБГОВОРИТИ САЙТ

Маєте ідею продукту або нового сайту?

Опишіть функціонал, аудиторію та результат, який хочете отримати. Допоможемо сформувати структуру, етапи розробки та реалістичний формат запуску.

  • Відповідь протягом робочого дня
  • Чіткий перший етап
Повернутися до всіх кейсів
Живе демо