РЕСТОРАНТИ И ОНЛАЙН ПОРЪЧКИ
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.
