[Всички проекти](https://88lab.eu/portfolio/) РЕСТОРАНТИ И ОНЛАЙН ПОРЪЧКИ # Fiesta.bg От масата в градината до поръчката за вкъщи [Посети сайта](https://fiesta.bg/) HTML / CSS / JS GSAP Ресторантско меню Онлайн поръчки  Реален проект от портфолиото на 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 Българска, английска и руска версия на сайта - 03 SVG лого, GSAP скрол сцени и анимирана типография - 04 Общо меню и отделни страници за шест категории - 05 Изображения, описания, грамаж, цени и данни за алергени - 06 Странична количка с количества, премахване и обща сума - 07 Избор между доставка в Бургас и вземане от ресторанта - 08 Избор на квартал и проверка на адреса за доставка - 09 Завършване на поръчка с плащане при получаване - 10 Управление на поръчките през WooCommerce - 11 Контакти, упътване и телефонно запазване на маса - 12 Адаптивен дизайн, AVIF / WebP, локални шрифтове и отделен кеш за публичните страници РЕАЛИЗИРАНОТО РЕШЕНИЕ Представянето на ресторанта, менюто и поръчката са свързани в един сайт. Гостите могат да разгледат ястията на своя език, да изберат доставка или вземане и да завършат поръчката, а екипът управлява получените поръчки през WooCommerce. ## Имате подобен проект? [Да поговорим](https://88lab.eu/contact/?service=%D0%9E%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD%20%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B8) СЛЕДВАЩ ПРОЕКТ [## InteriorElitsaTodorova](https://88lab.eu/klienti/interiorelitsatodorova-com/)