Сайт сетевой пиццерии

Разработка сайта для страшных квестов в реальности

Описание проекта:

Разработка сайта под ключ для для сетевой пиццерии "Баклажан и Пармезан".

Сайт разработан без использования коробочных CMS - это полностью индивидуальное решение, разработанное на фреймворке Angular.

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

Информация о проекте:

Категория: Интернет

Тип: Дизайн и разработка сайтов

Ссылка на сайт: Смотреть сайт

 


Анализ скорости сайта от Google PageSpeed

Анализ скорости сайта от Google PageSpeed Insights

Учитывая, что ядро сайта разрабатывалось полностью под заказчика, сайт показывает скорость работы значительно выше, чем у наналогов. Также это благополучно сказалось на структуре кода и оптимизации контента.

Об этом свидетельствует официальный сервис анализа сайтов от компании Google "PageSpeed Insights".

Учитывая что на сайте используются эффекты и тяжелая, качественная графика, мы имеем очень сильный результат – "в зеленой зоне" для компьютеров и "в желтой зоне" для мобильных.

Несомненно, это благополучно скажется на дальнейшем индексировании сйата и его месте в поисковой выдаче.

Вы можете самостоятельно протестировать сайт в сервисе Google по этой ссылке: перейти на PageSpeed Insights


Каталог товаров

Каталог товаров для сайта доставки пиццы

Явным отличием каталога меню от конкурентов является продуманная фильтрация продуктов. Интуитивно понятные пиктограммы основных групп продуктов позволяют совершить общую фильтрацию по разделам "Мясо", "Рыба", "Овощи" (для тех кто на диете), "Острая", а также отобрать товары–локомотивы "TOP" или продвигаемые товары с признаком "NEW": 

menu filtr s

Также доступна более детальная фильтрация, можно ,например, сразу выкинуть пиццы с луком, если Вы его не переносите, или грибы, если у Вас на них аллергия.

Признаки для фильтрации полностью управляются из административной панели – можно создавать новые, удалять старые и назначать их для продуктов.


Карточка товара

Карточка товара для сайта доставки пиццы

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

Закрывается окно кликом в любой точке затемненного экрана, при этом этом курсор мышки автоматически превращается в значок "icon closeинтуитивно сообщая пользователю, что ему не нужно искать мышкой иконку закрытия всплывающего окна.


Страница "О компании"

Страница О Компании для сайта доставки пиццы

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


Проверка адреса доставки

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

Учитывая, что наша сеть пиццерий еще только ростет и зона доставки покрывает город не полностью, сайт автоматически запрашивает проверку адреса, когда пользователь кладет первый товар в корзину. Недопустимо тратить время пользователя, заставлять проходить процедуру офрмления заказа, запрашивать личные данные, а сообщать что доставить по его адресу мы не можем только на последнем этапе.

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

redacktor zoni dostavki

Администратор сайта имеет возможность вручную, из административной панели создавать новые точки продаж и даже задавать зоны покрытия для каждой – адрес пользователя будет автоматически проверяться на вхождение в эту зону.


Корзина

Корзина для сайта доставки пиццы

Работа с блоком Рекомендаций из административной панелиБлок рекомендаций под списком покупок полностью редактируется из административной панели: мы можем подсовывать "продвигаемые товары" или предлагать "колу" тем пользователям, которые забыли положить напиток в корзину.

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


Оформление покупки

Форма оформление покупки для сайта доставки пиццы

Работа с блоком Заказов из административной панелиАдминистративная часть Блока заказов реализована специально под задачи заказчика:

Она располагается на отдельном сервере, имеет свой собственный адрес и не имеет доступа в другие разделы административной панели.

Это сделано для облегчения работы со сторонней службой доставки – заказчик просто передает им ссылку на раздел заказов. Никаких переписок по e-mail. Никаких сложных интеграций с со сторонними сайтами.

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


Микровзаимодействия и типовые элементы

Микровзаимодействия для сайта доставки пиццы

 

БОЛЬШЕ РАБОТ В ПОРТФОЛИО

JoomShaper