Projekt 02
AKARI
Showcase-Projekt · Restaurant-Website
Ein Restaurant-Auftritt, der die Karte vollständig zeigt und den Tisch über einen echten Saalplan auswählen lässt.
- Online-Tischreservierung über den Saalplan
- Digitale Speisekarte mit Preisen und Allergenen
- Speisekarte selbst pflegen
- Auf dem Telefon vollständig bedienbar
Ein Restaurant lebt vom Tisch. Die Website muss ihn zeigen.
Origami Lab hat AKARI als eigenes Showcase-Projekt gestaltet und entwickelt: eine Website für ein modernes asiatisches Restaurant, die zwei Fragen sofort beantwortet. Was gibt es zu essen, und wo sitze ich? Die Karte steht vollständig auf der Seite, mit Preisen und Allergenen. Die Reservierung zeigt nicht nur freie Zeiten, sondern den Gastraum selbst, mit benannten Bereichen und einzelnen Tischen. Das Restaurant muss weniger am Telefon erklären und weniger Karten als Bild verschicken.
Darauf kam es an
- Die vollständige Karte lesen, ohne eine PDF herunterzuladen
- Allergene und vegane Gerichte ohne Nachfrage erkennen
- Nicht irgendeinen Tisch bekommen, sondern den passenden wählen
- Ein dunkler, ruhiger Auftritt, der trotzdem gut lesbar bleibt
Dunkel und ruhig, ein einziger Messingakzent.
Ruhe statt Reizüberflutung
Ein tiefes, fast schwarzes Grün trägt die ganze Seite. Essen, Karte und Reservierung stehen darauf wie auf einem gedeckten Tisch, nichts blinkt dazwischen.
Ein Akzent, zwei Wege
Nur ein warmer Messington leuchtet: auf dem Button zur Speisekarte, auf feinen Linien und auf den Preisen. Vom ersten Bildschirm führen genau zwei Wege weiter, Karte oder Tisch.
Das Essen bekommt Platz
Großflächige Aufnahmen tragen die Startseite. Auf der Karte steht jedes Gericht auf einer eigenen Fläche, damit Name, Preis und Hinweise ruhig nebeneinander liegen.
Der Gastraum als Plan
Statt einer Liste freier Zeiten zeigt die Reservierung den Raum. Bereiche sind benannt, Tische sind einzeln sichtbar, belegte Tische bleiben stehen statt zu verschwinden.
Die Karte als eigene Seite
Die vollständige Speisekarte ist keine Datei zum Herunterladen, sondern eine Seite mit Kategorien, Filtern und Allergenen, die sich pflegen lässt.
Große Schrift, klare Zeilen
Eine einzige Schriftfamilie, große Überschriften, ruhige Zeilen. Auch auf einem dunklen Grund bleibt alles lesbar.
- Dunkler Gastraum gibt Gerichten und Karte einen ruhigen Hintergrund.
- Zwei klare Wege führen von der Startseite zur Karte oder zum Tisch.
- Warme Messingakzente setzen genau die Stellen hervor, an denen etwas passiert.
Der Auftritt in Originalgröße.
Die Startseite sagt in zwei Zeilen, worum es geht, und stellt die beiden Wege nebeneinander: die Karte ansehen oder einen Tisch reservieren. Der Ausschnitt zeigt die Schrift in Originalgröße, dann öffnet sich die ganze Seite.
- Zwei Zeilen, sofort lesbar
- Zwei Wege, kein dritter
- Das Essen beginnt direkt darunter
Vom Appetit zum passenden Tisch.
So reservieren Gäste
- 01 Datum und Uhrzeit wählen
- 02 Personenzahl angeben
- 03 Bereich und Tisch im Saalplan wählen
- 04 Kontaktdaten angeben und absenden
Tisch über den Saalplan wählenlive geprüft
Nach Datum, Uhrzeit und Personenzahl zeigt die Seite den Gastraum: Fensterplätze, Main Dining, Lounge, Bar und Private Dining mit allen Tischen. Freie Tische sind auswählbar, belegte und zu kleine Tische nicht. Wer absendet, bekommt eine Bestätigung mit eigener Reservierungsnummer.
Speisekarte mit Preisen und Allergenenlive geprüft
Alle Gerichte stehen mit Beschreibung und Preis auf der Seite. Zu jedem Gericht lässt sich die Allergenzeile aufklappen, Kennzeichnungen wie vegan, glutenfrei möglich oder Schärfegrad stehen direkt am Gericht.
Schnell zum passenden Gerichtlive geprüft
Sieben Kategorien von Signature bis Getränke, dazu Filter für vegan, scharf und Signature und ein Suchfeld. Gäste finden das Passende, ohne die ganze Karte zu lesen.
Journal aus der Küchelive geprüft
Eigene Beiträge mit Kategorie, Datum und Lesezeit, mit Suche und hervorgehobenen Artikeln. Das Restaurant kann erzählen, was es ausmacht, ohne dafür eine zweite Plattform zu brauchen.
Kontakt, Öffnungszeiten, Anfahrtlive geprüft
Ein Formular mit Betreffauswahl für Reservierung, private Events, allgemeine Anfragen und Feedback. Öffnungszeiten und Anfahrt stehen gleich daneben.
Reservierungen landen im Betrieblive geprüft
Die Anfrage wird mit Tisch, Zeit und Personenzahl gespeichert, doppelte Belegung wird beim Absenden geprüft, jede Reservierung bekommt eine eigene Nummer. Wer denselben Tisch zur selben Zeit noch einmal anfragt, bekommt eine klare Absage statt einer zweiten Buchung.
Eigener Bereich für das Teamlive geprüft
Hinter einem geschützten Zugang: Reservierungen einsehen, bestätigen oder stornieren und die Speisekarte mit Kategorien, Gerichten, Preisen und Allergenen selbst pflegen. Der Verwaltungsbereich ist in der öffentlichen Demo geschützt.
Auf dem Smartphone bleibt die Karte vollständig.
Erster Eindruck
Die große Überschrift bleibt, die beiden Wege bleiben. Was nebeneinander keinen Platz hat, steht untereinander, in derselben Reihenfolge wie am Rechner.
Wege durch die Seite
Ein Menü-Symbol öffnet alle Bereiche auf einen Blick. In der Speisekarte bleibt die Kategorieleiste am oberen Rand stehen und lässt sich seitlich wischen.
Reihenfolge
Erst das Angebot, dann die beiden Buttons, dann die Karte. Journal, Kontakt und Öffnungszeiten folgen weiter unten.
Tisch reservieren
Beide Buttons laufen über die volle Breite und sind bequem mit dem Daumen zu treffen. Gerichte stehen einzeln untereinander, mit Preis, Kennzeichnungen und aufklappbarer Allergenzeile.
Drei Ausschnitte, Maßstab eins zu eins.
Sauber gebaut, ruhig im Betrieb.
Die Karte bleibt aktuell
Kategorien, Gerichte, Preise und Allergene liegen an einer Stelle und lassen sich pflegen, ohne die Seite neu zu bauen oder eine neue Datei hochzuladen.
Der Tisch wird nicht doppelt vergeben
Beim Reservieren wird geprüft, ob der gewählte Tisch zur Zeit noch frei und groß genug ist. Belegte und zu kleine Tische sind gar nicht erst auswählbar, und zwei gleichzeitige Anfragen auf denselben Tisch können sich nicht überholen.
Klar aufgebaut
Karte, Reservierung, Journal und Kontakt sind aus jeder Ecke der Seite erreichbar. Öffnungszeiten und Anfahrt stehen dort, wo danach gesucht wird.
Der Verwaltungsbereich der Demo ist geschützt; die öffentlichen Seiten stehen jedem offen.