Сайт мережі ресторанів та доставки їжі CoolBaba

Задача

Розробити єдиний сайт доставки їжі для мережі з трьох ресторанів різного формату зі швидким перемиканням меню та конструктором інгредієнтів.

Зроблено

Дизайн

Адаптиви

Головна

Головна сторінка об'єднує три заклади мережі (Cool'Baba, Leliva, Bald Club) за допомогою зручних перемикачів у шапці сайту та в кожному блоці меню. Екран містить акційний слайдер, вертикальну панель категорій страв, карусель рекомендованих позицій і живі відгуки гостей.

Каталог

Каталог піци побудовано на чистій 4-колонковій сітці з фільтрацією за типом (метрова чи кругла піца) та сортуванням за популярністю. У кожній картці виведено апетитне фото страви, вагу, повний склад інгредієнтів і лічильник кількості для миттєвого додавання в кошик.

Давайте працювати разом.

Готові втілити ваше бачення у життя? Давайте об'єднаємося для вашого наступного проєкту та разом створимо щось незабутнє.

// Type some code ->
console.log "oO08 iIlL1 g9qCGQ ~-+=>";
var paddingTop = 'px';
var sectionRadius = 'px';
// Interactive Theme Configuration
function updateButton(config) {
var radius = 'px';
btn.style.borderRadius = radius;
}
updateButton({ active: true });

Розробник

Color Styles

Pink

Purple

Orange

Green

Blue

Дизайнер

Картка товару

Сторінка страви дозволяє обрати розмір і вагу піци, ознайомитися з рецептурою та умовами безкоштовної доставки, а також відкрити конструктор додаткових інгредієнтів. Справа закріплено блок рекомендованих страв і напоїв для підвищення середнього чека замовлення.

Pop-up

Бічні виїзні панелі (drawers) забезпечують кастомізацію піци та керування замовленням без переходу з поточної сторінки. У вікні додатків можна додати сири, м'ясо, овочі чи соуси з автоматичним перерахунком ціни, а в кошику — змінити кількість порцій і перейти до оплати.

Додавання інгредієнтів

Кошик

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

Мобільна версія адаптована для швидкого замовлення їжі зі смартфона: перемикання між трьома закладами, вибір розміру піци та додавання улюблених інгредієнтів виконуються у кілька дотиків. Зрозуміла покрокова навігація дозволяє легко оформити доставку без зайвих дій.