Pizza La Roma — сайт с заказом доставки

Задача проекта

Меню и доставка
на одном сайте

Разработать первый сайт Pizza La Roma: представить пиццерию и дать гостю возможность выбрать блюда онлайн.

Собрали каталог с фотографиями, составом и вариантами пиццы. Условия доставки, адреса и контакты вынесли в отдельные разделы. Для команды подготовили самописную панель управления.

ABC Design выполнила структуру, дизайн и разработку нового сайта. Проект работает.

Три сценария использования сайта

Организовали разделы под разные задачи посетителей.

Выбрать блюда

Посмотреть состав, цену и варианты пиццы.

Каталог · Карточки блюд

Заказать доставку

Узнать условия доставки и собрать корзину.

Меню · Доставка

Прийти в пиццерию

Найти адрес филиала и контакты.

Филиалы · Связь

Концепция и визуальный язык

Фотографии блюд
и спокойная типографика

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

Оформление сайта Pizza La Roma

Главная Pizza La Roma и неаполитанская пицца

Дизайн в деталях

Разделы с разными задачами

Содержание страницы определяет выбор фотографий и способ подачи.

Пицца 43 см

Карточки показывают фотографии, состав и стоимость больших пицц.

Паста в меню

Для пасты предусмотрена отдельная категория с фотографиями и составом.

Доставка и оплата

Условия доставки и самовывоза собраны на отдельной странице.

Содержание и навигация

Страницы сайта
Pizza La Roma

Отдельные категории помогают быстро перейти к нужному виду блюд.

Адреса филиалов, карта и форма связи помогают выбрать удобную точку. Блюда представлены одинаковыми карточками с ценой и действием для заказа.

Горячие блюда. Отдельные категории помогают быстро перейти к нужному виду блюд.

Контакты пиццерии. Адреса филиалов, карта и форма связи помогают выбрать удобную точку.

Бургеры. Блюда представлены одинаковыми карточками с ценой и действием для заказа.

Мобильная версия

Мобильная версия
сайта Pizza La Roma

Основные разделы сайта доступны со смартфона.

Посмотреть состав, цену и варианты пиццы. Узнать условия доставки и собрать корзину.

Для мобильной версии адаптировали навигацию, карточки и информационные блоки.

Основной сценарий

Каталог для выбора
и заказа блюд

Основной сценарий сайта — выбрать блюда из меню. Фотографии, состав и цена находятся рядом; позиции можно добавлять в корзину.

Фотографии и состав помогают сравнить позиции в категории. Категория десертов дополняет основное меню пиццерии.

Онлайн-меню Pizza La Roma

Основной сценарий сайта — выбрать блюда из меню. Фотографии, состав и цена находятся рядом; позиции можно добавлять в корзину.

Подробности и следующий шаг

Показали отдельные страницы и действия посетителя.

Страница сайта

Салаты

Фотографии и состав помогают сравнить позиции в категории.

Страница сайта

Десерты

Категория десертов дополняет основное меню пиццерии.

Страница сайта

Карточка пиццы

В карточке можно изучить состав и выбрать дополнительные ингредиенты.

Открыть полные экраны разделов

Самописная система управления

Управление меню
и материалами сайта

В составе проекта разработали админ-панель. Здесь показаны рабочие экраны для управления содержанием сайта.

Рабочий экран каталога: товары, категории и варианты.

В составе проекта

Сайт и собственная
панель управления

Для Pizza La Roma разработали публичный сайт и админ-панель.

Сайт Pizza La Roma

Публичный сайтИнформация и сценарии посетителяПанель управленияРабота с содержанием

Итог работы

Разработали и запустили
сайт Pizza La Roma

Сайт пиццерии с меню, выбором блюд, доставкой и собственной админ-панелью. Проект создан с нуля и работает.

Сайт работает

Публичный сайт

Сайт пиццерии с меню, выбором блюд, доставкой и собственной админ-панелью.

В составе разработки

Админ-панель

Для команды Pizza La Roma разработали панель управления сайтом.

Продолжаем знакомство

Ещё несколько проектов из портфолио студии.

Разработка сайта для Pizza La Roma