Ленлинг Суши-клуб 26

Портфолио Лендинг ПейджЛенлинг Суши-клуб 26

Суши-Клуб 26 - доставка суши

Разработка одностраничного интернет-магазина

Экранов дизайна

Модальных окон

Дней разработки

10 000

Строк кода

Цели создания лендинга

Для своих постоянных клиентов компания Суши Клуб разработала бонусную, программу, благодаря которой есть возможность экономить на покупках до 100% стоимости.

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

Цвета & Типографика

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

#232531

#33384c

#e6eaed

#f5f4f9

#307f12

#4cca1e

#e40613

Drina

Pantone Bold

Pantone Regular

Функциональные возможности

SMS Аторизация, уведомление о заказе

Накопительная бонусная система

Личный кабинет

Удобная козина

Интерактивная карта

Рекомендуемые товары

Удобное меню

Расчет стоимости доставки

Отзывы клиентов

Анимация переходов

Корзина магазина

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

Мобильное меню

Меню имеет фиксированную левую часть (при прокрутке экрана закреплена), что позволяет в любой позиции иметь доступ к основным элементам UI (пользовательского интерфейса), кнопки: каталог, авторизация, количество бонусов на счету, корзина с товарами.

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

Товары разделены на категории и подгружаются асинхронно (ajax), что значительно сокращает html код и увеличивает скорость загрузки сайта. Каждый товар имеет кнопку купить и выбор количества. Сайт выполнен по технологии SPA что позволяет не перезагружать страницу, все действия с товарами синхронные (изменение количества в корзине, загрузка постраничной навигации, оформление).

Оригинальные иконки

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

Так пользователю будет гораздо проще ориентироваться в разнообразии блюд, ни и конечно же у него возникнет огромное желание все попробовать.

Для горячих и острых блюд также предусмотрены яркие иконки.

Перейти на сайт

предыдущий проект

следующий проект