Ikura — це платформа для замовлення суші, піци, воків, сетів та страв паназіатської кухні з доставкою. Клієнт — локальна мережа доставки їжі з активною базою клієнтів, call-центром і бонусною системою. Основна мета — створити сучасний сайт з адаптивним дизайном, зручним UX, повною мобільною версією, персональним кабінетом, кастомізацією страв, зоною доставки по мапі та гнучкою інтеграцією з CRM для обробки замовлень.

Головна сторінка: швидкий доступ до всього

Інтерфейс головної сторінки заточений під продаж: банери з акціями, популярні категорії, розділи для повернення клієнтів, SEO-блоки, CTA-блоки для мобільних користувачів. Упор зроблений на швидкий доступ до ключових груп товарів: “Суші”, “Піца”, “Комбо-набори”, “Акції” тощо. Усі блоки динамічні й керуються через CMS.

Головне меню — адаптивне, з підтримкою мобільної навігації, пошуку та кнопки входу до кабінету. Усі елементи клікабельні, з плавною анімацією.

Каталог страв: категорії, фільтрація, мобільна адаптація

У каталозі реалізовані розділи з усіма стравами, кожна з яких має тегові маркування (NEW, HIT, VEG), вагу, ціну, опис і можливість швидкого додавання в кошик. При наведенні відкривається попап із детальною інформацією. У мобільній версії категорії перегортаються свайпом, а сортування — у вигляді списку.

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

Картка страви з кастомізацією

Картка товару містить велике фото, опис, вагу, калорійність, склад, алергени, а також функцію вибору опцій (наприклад, соуси, топінги, кількість персон). Для піци — вибір розміру, для ролів — кількість, для WOK — кастомна збірка.

Усе оформлено через модуль попапів, без перезавантаження сторінки. Додано upsell-блок “Рекомендуємо спробувати”, який автоматично підтягнуто з CRM на основі категорії.

Кошик і оформлення замовлення

Оформлення замовлення — односторінкове, з максимально простим UX. Етапи:

• вибір доставки (доставка або самовивіз);
• вибір зони доставки через інтерактивну карту з адресами філій;
• введення даних (телефон, ім’я, e-mail);
• автоматичний підрахунок суми з урахуванням бонусів або промокоду;
• вибір оплати: онлайн, кур’єру або в точці самовивозу;
• вивід часу доставки залежно від обраного району.

Якщо користувач зареєстрований — підтягуються всі поля автоматично. У разі помилки — інформативні підказки й підсвічування полів.

Особистий кабінет: історія, бонуси, повтори

Після входу користувач потрапляє у власний кабінет, де доступні:

• історія замовлень з деталями та статусами;
• повторне замовлення в 1 клік;
• бонусний баланс (нараховані та використані);
• редагування персональних даних, телефону, адрес доставки;
• відображення збережених адрес і улюблених страв.

Усі дані інтегруються з CRM клієнта, де ведеться централізований облік. Авторизація — за номером телефону з SMS-кодом або через e-mail.

Інформаційні сторінки: доставка, оплата, зони

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

Також описані умови оплати: готівка, картка онлайн, термінал. Пояснення для кожного варіанту — візуально структуровані, з іконками.

Сторінка вакансій: інтеграція з HR

Реалізовано окрему сторінку “Вакансії” з описом відкритих позицій (кур’єри, кухарі, оператори). Для кожної — посада, умови, графік, форма відгуку.

Заявки з форми автоматично відправляються у HR‑email компанії з зазначенням вакансії, міста, контактів та коментаря кандидата.

Технічна реалізація

Проєкт реалізовано з нуля. Використано Framework Laravel з кастомною адаптацією front-end, впроваджено інтеграцію з CRM клієнта (через REST API), кастомний модуль бонусів, налаштування кешу, SEO-оптимізацію, sitemap, Open Graph, адаптацію під Core Web Vitals.

Висновок

Ikura — це ефективна онлайн-платформа для локального ресторанного бізнесу, яка поєднує зручність для клієнтів, швидкість оформлення замовлення, візуальну привабливість та бізнес‑логіку. Завдяки глибокій інтеграції з CRM і розширеній бонусній системі сайт став ключовим каналом продажів для клієнта.

Використані технології: Framework Laravel, PHP 7.4, JavaScript, Ajax, HTML5, CSS3, інтеграція з CRM, кастомний конструктор WOK, бонусна система, карта зон доставки, pop-up UX, mobile first design.