Atmosphäre
Creme, Olivgrün und Terrakotta vermitteln Wärme und einen hochwertigen Charakter.
Portfolio · Demo-Projekt 03 · Premium
PREMIUM · BUSINESS PLUS · GASTRONOMIE
Ein digitaler Auftritt mit Geschmack.
Atelier Noir ist ein fiktives Restaurantkonzept. Ein warmes, redaktionelles Design mit Hero-Slideshow, Hell-/Dunkelmodus, filterbarer Speisekarte, Lightbox-Galerie, Event-Bereich und einer mehrstufigen Tischanfrage.
Fiktives Unternehmen – dieses Projekt dient ausschließlich als Design- und Entwicklungsdemo.
- PAKET
- Premium – Business Plus
- UMFANG
- 6 Seiten
- PREISRAHMEN
- 899–1.299 € einmalig
- LOOK
- Creme · Olivgrün · Terrakotta
01 — Das Konzept
Gastlichkeit trifft digitale Eleganz.
Das Design setzt auf warme Naturtöne, Serifentypografie und großzügige Bildflächen. Die Website soll Atmosphäre vermitteln und gleichzeitig den Weg zur Speisekarte und Reservierungsanfrage einfach machen.
Appetit machen
Große Food- und Interior-Bilder rücken Küche und Ambiente in den Mittelpunkt.
Reservierungen
Eine eigene Anfrage-Seite führt Besucher strukturiert zur Tischanfrage.
02 — Premium-Paket
Ein Erlebnis über die Startseite hinaus.
Die Demo zeigt, wie eine umfangreiche Website mit mehreren Inhaltsbereichen und erweiterten Funktionen aufgebaut werden kann – von der animierten Startseite über Events bis zur mehrstufigen Tischanfrage.
Die Reservierung ist bewusst als Anfrageformular umgesetzt. Für echte Online-Buchungen wäre eine Anbindung an einen Reservierungsdienst oder ein Backend erforderlich.
03 — Funktionsumfang
Sechs Seiten. Ein stimmiger Auftritt.
01StartseiteSlideshow-Hero mit Buchungsleiste, Marquee, Kennzahlen-Zähler, Signature-Gerichte, Atelier-Menü, Weinwelt, Gästestimmen, Live-Öffnungsstatus
02SpeisekarteKategorien-Tabs, Suche, Filter für vegetarisch / vegan / glutenfrei, Empfehlungen
03EventsPrivate Dining, Chef's Table, Terminkalender und Gutschein-Bereich
04EinblickeMasonry-Galerie mit Filter und Lightbox inkl. Tastatursteuerung
05Über unsHaltung, Chronik, Team und Werte mit Scroll-Animationen
06Reservierung3-Schritte-Assistent, Zeitslots, Live-Zusammenfassung, FAQ
Hell-/DunkelmodusParallax & Ken-BurnsResponsiveBarrierearm & reduced-motionOhne Frameworks
04 — Design-System
Farben & Typografie.
Olive Deep#3F4733
Olive#596348
Terrakotta#B96845
Sand#E1B08E
Creme#F5F1E8
Playfair Display + DM Sans
Serifenschrift für Überschriften und Preise, klare Grotesk für Fließtext und Bedienelemente.
Premium · Business Plus
Mehr aus deinem Webauftritt machen.
Eine individuell gestaltete Website mit erweiterten Funktionen und einem stimmigen Gesamterlebnis.