Тихий помол

Задача

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

Что сделано

• Визуальный стиль скандинавской ростерии и матча-бара: светлая шалфейно-мятная палитра, глубокий лесной зелёный, шрифты Rubik и технический моноширинный JetBrains Mono для паспортов зерна
• Первый экран в формате Bento-сетки: живой статус заваривания, карточка лота дня с оценкой SCA и быстрым добавлением напитка в один клик
• Меню на 27 позиций в 5 категориях с кастомизацией объёма S/M/L, альтернативного молока, сиропа и дополнительного шота эспрессо
• Фирменная анимация полёта в корзину по кривой Безье со шлейфом кофейных зёрен, брызгами эспрессо и пружинящим откликом иконки корзины
• Встроенная 30-секундная аркада «Поймай зёрна» на Canvas с поддержкой клавиатуры и тач-управления: за 20 и 35 очков открываются промокоды на скидку 10% и 15%
• Оформление к самовывозу с выбором слота времени, маской телефона и итоговым электронным чеком заказа

Результат

Гость собирает кастомный напиток, выигрывает скидку в мини-игре и оформляет предзаказ ко времени прихода. В коде подготовлена точка интеграции для отправки заказов бариста в рабочий Telegram-чат через сервер в РФ.