Доставка блюд ресторана City Sushi
Клиент: City Sushi - ресторан японской кухни с доставкой по Минску и области.
Задача: создать удобный интернет-магазин для доставки еды из ресторана японской кухни в Минске.
Платформа: CMS 1С-Битрикс.
Решение: для сайта City Sushi был нарисован современный стильный дизайн, соответствующий тематике сайта. Для быстрого перемещения по сайту вверху закреплена шапка с навигационной панелью, которая всегда отображается при пролистывании. На главной странице расположен слайдер с яркими баннерами, ниже расположено оригинально оформленное меню в виде плиток разного размера с категориями. Для динамики при наведении курсора мыши на каждую категорию, срабатывает анимация увеличения фоновой картинки.
![Главная страница сайта City Sushi](/images/portpholio/sushi/citysushi_1.jpg)
Прямо под меню пользователю предлагается сразу добавить в корзину рекомендуемые и популярные позиции. А для авторизованного пользователя тут же расположена третья вкладка с его личным списком избранного.
![Меню на главной странице сайта City Sushi](/images/portpholio/sushi/citysushi_2.jpg)
Каталог разделён на категории, каждая из которых содержит множество позиций. Для быстрого поиска нужного блюда в категории вверху расположен блок с удобными фильтрами: цветные кнопки позволяют моментально отфильтровать позиции по цене или типу блюда (например в роллах вывести только запечённые, или добавить к ним ещё и роллы по 5,90 руб), а под кнопками при помощи соответствующих чекбоксов можно добавить желаемые ингредиенты, нажав кнопку "Применить".
![Каталог с фильтрами City Sushi](/images/portpholio/sushi/citysushi_3.jpg)
Стоит обратить также внимание на анимацию добавления товара в корзину. При нажатии на кнопку "В корзину" под каким-либо товаром, пользователь увидит, как блюдо в виде миниатюры буквально "залетает" в корзину, расположенную в шапке слева, а общая сумма заказа на кнопке постепенно увеличивается.
![Анимация добавления в корзину City Sushi](/images/portpholio/sushi/citysushi_4.jpg)
Так как ресторан предлагает клиентам возможность заказа в определённых категориях не целых роллов, а по половине, мы реализовали эту возможность в каталоге. Перед добавлением в корзину можно выбрать количество блюд одной позиции, кликая по соответствующим кнопкам "+" и "-", и для роллов, которые можно заказывать по половине, счётчик работает с шагом 0,5.
![Счётчик товаров для добавления в корзину City Sushi](/images/portpholio/sushi/citysushi_5.jpg)
Перед оформлением заказа пользователю предлагают добавить соусы или десерт. Яркие кнопки в левой части корзины направят на соответствующие страницы каталога.
![Корзина на сайте City Sushi](/images/portpholio/sushi/citysushi_6.jpg)
На странице "Контакты" пользователь может найти контактные данные и информацию о доставке. Также на странице расположена интерактивная карта с геолокацией, которая доступна и на главной странице.
![Страница контакты City Sushi](/images/portpholio/sushi/citysushi_7.jpg)
Более подробная информация о доставке доступна на странице "Доставка", там же пользователь может наглядно увидеть на интерактивной карте зоны доставки и точку самовывоза, описанные на данной странице.
![Страница доставка City Sushi](/images/portpholio/sushi/citysushi_8.jpg)
Дизайн разрабатывался в течение 10 дней, после чего сайт был создан на основе CMS 1С-Битрикс за 10 дней.
![](/images/new/headphone.png)