Обсъди проект
Всички проекти

РЕСТОРАНТИ И ОНЛАЙН ПОРЪЧКИ

Fiesta.bg

От масата в градината до поръчката за вкъщи

Посети сайта
HTML / CSS / JSGSAPРесторантско менюОнлайн поръчки
Проект Fiesta.bg на 88Lab
Реален проект от портфолиото на 88Lab · Fiesta.bg

01 / КОНТЕКСТ И ЗАДАЧА

От масата в градината до поръчката за вкъщи

FIESTA Restaurant & Bar се намира в Морската градина на Бургас. Менюто съчетава предястия, салати, риба и морски дарове, месни ястия, паста, ризото и десерти. Задачата беше да представим атмосферата на ресторанта и едновременно да направим избора на ястия и поръчката удобни за местни посетители и чуждестранни гости.

Разработихме самостоятелен сайт с HTML, CSS и JavaScript, с отделни страници за менюто, категориите и контактите. Топъл светъл фон, тъмносини и медни акценти, голяма типография и илюстративни изображения на градината и ястията оформят визуалната посока. GSAP анимациите свързват логото, текста и изображенията при скрол, а поръчките следват ясен път от менюто до потвърждението.

Дизайн, който представя ресторанта

Началната страница води от голямата сцена с градина към представяне на ресторанта, категориите в менюто, акцент с морски дарове и десертите. Преработихме логото като SVG по предоставения образец и го включихме в анимацията при скрол. Контактите, телефонното запазване на маса и упътването са достъпни от основните секции и навигацията.

Меню с шест категории и подробности за ястията

Менюто има общ преглед и отделни страници за шестте категории. Ястията са представени с изображение, описание, грамаж, цена и информация за алергени, когато е налична. Добавянето в количката остава близо до избрания артикул, а страничният панел позволява преглед, промяна на количество и премахване без прекъсване на разглеждането.

Доставка в Бургас или вземане от ресторанта

Самостоятелният интерфейс за количката и завършването на поръчка обменя данни с WooCommerce през Store API. Посетителят избира доставка до адрес в Бургас или вземане от ресторанта, а формата се съобразява с избора. При доставка има избор на квартал и проверка на адреса; сумите и методът на доставка се проверяват на сървъра. Плащането е при получаване, а поръчките се управляват в администрацията на WooCommerce.

Три езика и техническа подготовка

Сайтът е достъпен на български, английски и руски, включително менюто, количката и полетата за поръчка. Добавихме канонични адреси, езикови връзки, метаданни и XML карта. AVIF и WebP изображения, локални шрифтове и предварително зареждане на основните ресурси подпомагат скоростта. Публичните страници използват кеш, а персоналната количка и заявките за поръчки го заобикалят.

02 / КАКВО ИЗГРАДИХМЕ

Детайлите правят
цялото

  • 01Самостоятелен HTML, CSS и JavaScript интерфейс с индивидуален дизайн
  • 02Българска, английска и руска версия на сайта
  • 03SVG лого, GSAP скрол сцени и анимирана типография
  • 04Общо меню и отделни страници за шест категории
  • 05Изображения, описания, грамаж, цени и данни за алергени
  • 06Странична количка с количества, премахване и обща сума
  • 07Избор между доставка в Бургас и вземане от ресторанта
  • 08Избор на квартал и проверка на адреса за доставка
  • 09Завършване на поръчка с плащане при получаване
  • 10Управление на поръчките през WooCommerce
  • 11Контакти, упътване и телефонно запазване на маса
  • 12Адаптивен дизайн, AVIF / WebP, локални шрифтове и отделен кеш за публичните страници
РЕАЛИЗИРАНОТО РЕШЕНИЕ

Представянето на ресторанта, менюто и поръчката са свързани в един сайт. Гостите могат да разгледат ястията на своя език, да изберат доставка или вземане и да завършат поръчката, а екипът управлява получените поръчки през WooCommerce.

Имате подобен проект?

Да поговорим
СЛЕДВАЩ ПРОЕКТ

InteriorElitsaTodorova