[Alle Projekte](https://88lab.eu/de/portfolio/) RESTAURANTS UND ONLINE-BESTELLUNGEN # Fiesta.bg Vom Tisch im Garten zur Bestellung für zu Hause [Website besuchen](https://fiesta.bg/) HTML / CSS / JS GSAP Restaurant-Speisekarte Online-Bestellungen  Echtes Projekt aus dem 88Lab-Portfolio · Fiesta.bg 01 / KONTEXT UND AUFGABE ## Vom Tisch im Garten zur Bestellung für zu Hause FIESTA Restaurant & Bar liegt im Meeresgarten von Burgas. Die Speisekarte verbindet Vorspeisen, Salate, Fisch und Meeresfrüchte, Fleischgerichte, Pasta, Risotto und Desserts. Die Aufgabe war, die Atmosphäre des Restaurants zu vermitteln und gleichzeitig die Auswahl und Bestellung für Einheimische und internationale Gäste einfach zu gestalten. Wir entwickelten eine eigenständige Website mit HTML, CSS und JavaScript sowie eigenen Seiten für Speisekarte, Kategorien und Kontakt. Warme helle Flächen, Dunkelblau und Kupfer, große Typografie sowie illustrative Garten- und Speisenbilder bestimmen die Gestaltung. GSAP-Animationen verbinden Logo, Texte und Bilder beim Scrollen. Bestellungen folgen einem klaren Weg von der Speisekarte bis zur Bestätigung. ### Design, das das Restaurant vorstellt Die Startseite führt von der großen Gartenszene zur Restaurantvorstellung, den Speisekategorien, einem Meeresfrüchte-Motiv und den Desserts. Das Logo wurde anhand der bereitgestellten Vorlage als SVG nachgebaut und in die Scrollanimation eingebunden. Kontaktdaten, telefonische Tischreservierung und Anfahrt sind über Hauptabschnitte und Navigation erreichbar. ### Speisekarte mit sechs Kategorien und Gerichtedetails Die Speisekarte bietet eine Übersicht und eigene Seiten für sechs Kategorien. Gerichte werden mit Bild, Beschreibung, Gewicht, Preis und verfügbaren Allergeninformationen dargestellt. Das Hinzufügen zum Warenkorb erfolgt direkt am Artikel. Im seitlichen Bereich lassen sich Auswahl und Mengen prüfen, ändern oder entfernen, ohne die Speisekarte zu verlassen. ### Lieferung in Burgas oder Abholung im Restaurant Die eigenständige Warenkorb- und Bestelloberfläche tauscht Daten über die Store API mit WooCommerce aus. Besucher wählen zwischen Lieferung an eine Adresse in Burgas und Abholung im Restaurant; das Formular passt sich daran an. Lieferungen umfassen Stadtteilauswahl und Adressprüfung. Summen und Liefermethode werden serverseitig geprüft. Bezahlt wird bei Erhalt, die Bestellungen werden in WooCommerce verwaltet. ### Drei Sprachen und technische Grundlagen Die Website ist auf Bulgarisch, Englisch und Russisch verfügbar, einschließlich Speisekarte, Warenkorb und Bestellfeldern. Hinzu kommen kanonische URLs, Sprachverknüpfungen, Metadaten und eine XML-Sitemap. AVIF- und WebP-Bilder, lokale Schriften und das Vorladen wichtiger Ressourcen unterstützen kurze Ladezeiten. Öffentliche Seiten werden gecacht, persönliche Warenkörbe und Bestellanfragen umgehen den Cache. 02 / WAS WIR GESCHAFFEN HABEN ## Details machen das Ganze - 01 Eigenständige HTML-, CSS- und JavaScript-Oberfläche mit individuellem Design - 02 Bulgarische, englische und russische Website-Version - 03 SVG-Logo, GSAP-Scrollszenen und animierte Typografie - 04 Speisekartenübersicht und eigene Seiten für sechs Kategorien - 05 Bilder, Beschreibungen, Gewichte, Preise und Allergenangaben - 06 Seitlicher Warenkorb mit Mengen, Entfernen und Gesamtsumme - 07 Auswahl zwischen Lieferung in Burgas und Abholung im Restaurant - 08 Stadtteilauswahl und Prüfung der Lieferadresse - 09 Bestellabschluss mit Zahlung bei Erhalt - 10 Bestellverwaltung über WooCommerce - 11 Kontakt, Anfahrt und telefonische Tischreservierung - 12 Responsives Design, AVIF / WebP, lokale Schriften und separater Cache für öffentliche Seiten UMGESETZTE LÖSUNG Restaurantvorstellung, Speisekarte und Bestellung sind in einer Website verbunden. Gäste können Gerichte in ihrer Sprache ansehen, Lieferung oder Abholung wählen und die Bestellung abschließen. Das Team verwaltet eingehende Bestellungen über WooCommerce. ## Haben Sie ein ähnliches Projekt? [Lass uns reden](https://88lab.eu/de/contact/?service=Onlineshops) NÄCHSTES PROJEKT [## InteriorElitsaTodorova](https://88lab.eu/de/klienti/interiorelitsatodorova-com/)