Меню как главное содержание
OvCa — кафе быстрого питания с возможностью заказа на вынос. Мы сосредоточили страницу на меню: уже в верхней части соединены крупная фотография блюда, короткое предложение и блок корзины. Посетителю не нужно проходить длинную презентацию заведения, чтобы увидеть еду и варианты выбора.
Блюдо показывается целиком
На первом экране выпечка занимает большую часть композиции, а рядом крупно выделена цена. Ниже начинается сетка меню, где используются фотографии готовых порций. Это отличается от подачи через перечень названий: изображение даёт представление о самом блюде, тогда как подпись, вес и стоимость добавляют необходимые детали. Нейтральный светлый фон оставляет еду главным цветовым акцентом. Декоративная фактура остаётся на периферии и не заменяет содержимое карточек.
У выбора есть несколько параметров
В карточках указаны названия, вес порции, цена и элементы выбора количества. Для шашлыка показан отдельный список вариантов мяса с ценами. Так в одной сетке представлены и простые позиции, и блюдо с несколькими вариантами.
Корзина остаётся рядом с предложением
В правой верхней части расположен компактный список выбранных блюд, количество, итог и переход к оформлению. Посетитель получает отдельное место для проверки состава заказа, не смешанное с самими карточками меню. Рядом находится заметная кнопка обратного звонка.
Знакомство с кухней после меню
Ниже товарной сетки расположен рассказ о ферме, фотографии приготовления еды и галерея с людьми на кухне. Эти блоки меняют масштаб истории: от отдельной порции к месту и людям, которые её готовят. Завершает страницу большая карта с контактной карточкой. Информация о заведении поддерживает основной сценарий выбора еды, а не вытесняет его с первого экрана.
От фотографии блюда к заказу на вынос
Страница объединяет меню, параметры блюд, корзину, знакомство с кухней и карту. Крупные фотографии дают первое представление о еде, подписи помогают сравнить порции, а отдельный блок заказа собирает выбранные позиции. Рассказ о заведении и контакты продолжают этот сценарий, сохраняя меню главным содержанием сайта.
Иллюстрации из портфолио OOMI показывают версию проекта на момент съёмки. Цены, акции и контакты внутри изображений могут быть неактуальны.