Онлайн-меню · Вайб-кодинг
Демонстрационный примерОнлайн-меню «Пицца 24»
Онлайн-меню круглосуточной пиццерии: разделы пиццы, акций, закусок и напитков, выбор целой пиццы или куска, корзина с расчётом суммы и оформлением доставки или самовывоза.
Задача
Сделать онлайн-меню для пиццерии, работающей 24/7: показать ассортимент с ценами и дать оформить заказ без звонка.
Аудитория и задача
Гости пиццерии заказывают быстро и часто с телефона, днём и ночью. Им важны понятные цены, выбор «целая или кусок» и короткое оформление заказа, поэтому меню разбито на вкладки, а корзина всегда под рукой.
Преимущества
- —Первый экран с фото пиццерии, плашкой «Открыто 24/7» и кнопками «Смотреть меню» и «Кусок от 65 ₽»
- —Вкладки «Пицца», «Акции», «Закуски», «Напитки» — нужный раздел в один клик
- —Карточки блюд с составом, весом, размером и пометками «Хит» и «Вегетарианское»
- —Переключатель «Целая / Кусок» прямо в карточке пиццы
- —Корзина: изменение количества, стоимость коробок, итоговая сумма
- —Оформление: имя, телефон, выбор доставки или самовывоза, адрес и комментарий
Визуальная концепция
Тёплая гамма: молочный фон, песочные карточки и фирменный красный для цен и кнопок заказа — цвет пиццерии и акцент на действии.
Экраны меню
Итог
Готовое онлайн-меню: гость выбирает блюда, видит итоговую сумму и оформляет доставку или самовывоз за пару минут.