ecommerce

Інтернет-магазин доставки суші Golden Dragon

Дизайн головної сторінки проєкту Інтернет-магазин доставки суші Golden Dragon

Задача

Розробити інтернет-магазин доставки суші з кастомною адмінпанеллю та автоматичною синхронізацією замовлень із POS-системою Poster.

Зроблено

Прототипи

Дизайн

Адаптиви

Верстка

CMS

Інтеграція з Poster

Головна

Головна сторінка побудована навколо швидкого вибору сетів і ролів: перший екран одразу презентує хітову пропозицію з комплектацією та кнопкою додавання в кошик. Нижче розташовані таби рекомендованих страв, блок мобільного додатку, акційні позиції, відгуки з рейтингами Google Play та App Store, новинки й умови бонусної програми з кешбеком.

Головна сторінка

Каталог

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

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

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

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

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

Про нас

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

Про компанію

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

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

// 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
Дизайнер

Оформлення замовлення

Екран чекауту спроєктований для швидкого заповнення без зайвих кроків: клієнт обирає спосіб отримання (доставка кур'єром або самовивіз), вказує адресу, час, кількість приборів та зручний метод оплати. Праворуч зафіксовано склад замовлення з підсумковою сумою та нарахованими бонусами.

Оформлення замовлення

Мій рахунок

В особистому кабінеті користувачі керують контактними даними, збереженими адресами доставки, переглядають баланс бонусів та історію покупок із поточними статусами. Усі дані автоматично синхронізуються з POS-системою Poster у реальному часі.

Особистий кабінет

Pop-up

Для швидкої взаємодії без перезавантаження сторінок розроблено набір модальних вікон: бічний кошик із підрахунком суми, авторизація за номером телефону, вікно супутніх пропозицій (напої, соуси, добавки) та форма замовлення в 1 клік.

Кошик

Кошик

Пропозиції

Пропозиції

Авторизація

Авторизація

Замовити в 1 клік

Замовити в 1 клік

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

Повна адаптація всіх 18 екранів інтернет-магазину під смартфони, з яких надходить основна частка замовлень їжі. Зручне горизонтальне меню категорій, компактні картки ролів і спрощений мобільний чекаут дозволяють оформити доставку за лічені секунди.

Мобільна версія - мобільний інтерфейс 1
Мобільна версія - мобільний інтерфейс 2
Мобільна версія - мобільний інтерфейс 3
Мобільна версія - мобільний інтерфейс 4
Мобільна версія - мобільний інтерфейс 5
Мобільна версія - мобільний інтерфейс 6
Мобільна версія - мобільний інтерфейс 7
Мобільна версія - мобільний інтерфейс 8
Мобільна версія - мобільний інтерфейс 9
Мобільна версія - мобільний інтерфейс 10
Мобільна версія - мобільний інтерфейс 11
Мобільна версія - мобільний інтерфейс 12
Мобільна версія - мобільний інтерфейс 13
Мобільна версія - мобільний інтерфейс 14
Мобільна версія - мобільний інтерфейс 15
Мобільна версія - мобільний інтерфейс 16
Мобільна версія - мобільний інтерфейс 17
Мобільна версія - мобільний інтерфейс 18

Панель адміністратора

Кастомна CMS-панель розроблена спеціально під процеси доставки їжі: дашборд відображає денну статистику клієнтів і замовлень у реальному часі. Контент-менеджери можуть вмикати й вимикати категорії в один клік, редагувати страви, налаштовувати акції «разом дешевше» та керувати статичними сторінками сайту.

Дашборд замовлень

Дашборд замовлень

Список страв

Список страв

Керування категоріями

Керування категоріями

Статичні сторінки

Статичні сторінки