Website für Ichiban Restaurant in Koblenz
Website mit editierbarer Speisekarte, Informationen zum Restaurant, Wartungsseite und mehr.
Verwendete Technologien:
Next.js
Tailwind CSS
Java
Spring Boot
MongoDB
Docker
Kubernetes
Planung
Das Restaurant wollte eine einseitige Website. Sie hatten mehrere Anforderungen:- - Hervorhebung des Mittagsmenüs;
- - Auflistung der Artikel und Kategorien, wie sie auf der Papierkarte erscheinen;
- - Telefonnummer und Adresse des Restaurants sollten leicht zu finden sein;
- - Das Design sollte der Papierkarte ähneln und zum allgemeinen Stil des Restaurants passen;
- - Die Galerie sollte angezeigt werden und die Bilder in der Galerie sollten jederzeit aktualisiert werden können;
- - Die gedruckte Speisekarte sollte im pdf-Format verfügbar sein.
Umsetzung
Für unsere Kunden war es sehr wichtig, dass sie die Artikel auf der Speisekarte bearbeiten können. Vor allem, weil sich die Mittagsmenüs alle 2 Wochen ändern. Da es so viele editierbare Inhalte gibt: Artikel mit Beschreibungen und Optionen, Kategorien, Preise und so weiter, haben wir uns entschieden, 2 getrennte Websites zu entwickeln: Die eine ist die allgemeine Website, die die Kunden sehen können, und die andere ist ein Verwaltungstool, zu dem nur die Mitarbeiter des Restaurants Zugang haben. Für unseren Kunden war es auch wichtig, dass einige Kategorien, wie z.B. die Mittagsmenüs, nur an bestimmten Tagen und für einen bestimmten Zeitraum verfügbar sind.
Wir haben ein Design erstellt, das einige Teile der Papierkarte verwendet, die unsere Kunden bereits hatten, aber gleichzeitig viele Farben und Elemente enthält, die dem ähneln, was man in ihrem Restaurant sehen würde. Als wir unseren Kunden die Galerie auf der Website vorstellten, wollten sie die Möglichkeit haben, die Liste der Bilder darin zu bearbeiten. Das haben wir auch getan.
Ergebnisse
Das Ergebnis ist ein traditionelles und doch modernes Design mit Animationen, einer komfortablen Navigation und einer intuitiven, benutzerfreundlichen Gestaltung. Das Erscheinungsbild kann an unterschiedliche Bildschirmgrößen angepasst werden. Auch für Smartphones wurde das Design leicht vereinfacht, um den Bedürfnissen kleiner Bildschirme gerecht zu werden.
Die Texte auf der Website ziehen nicht nur Kunden an, indem sie Informationen über das Restaurant liefern, sondern enthalten auch mehrere Schlüsselwörter, die zusammen mit der eingebauten SEO-Optimierung dafür sorgten, dass die Website bei relevanten Suchanfragen auf der ersten Seite von Google erscheint.
Alles, was der Kunde ändern möchte, kann von der Admin-Seite aus bearbeitet werden und wird sofort nach der Änderung live aktualisiert. Dazu gehören die Liste der Kategorien und der darin enthaltenen Artikel, deren Beschreibung, Verfügbarkeit, Preise, Position auf der Speisekarte, allgemeine und datumsabhängige Öffnungszeiten des Restaurants, Warnhinweise, Galeriebilder und eine pdf-Menü-Datei zum Herunterladen.
Wir haben auch die Google Maps API integriert, um den Standort des Restaurants direkt auf der Website anzuzeigen. Die Website wird in einer stabilen und skalierbaren Cloud-Umgebung gehostet.
Wing Hung Qiu-Man
Restaurantleiterin
Meine Zusammenarbeit mit Vlad und Anna war super, sehr empfehlenswert, sowohl für die Gestaltung der Website als auch die Betreuung, jederzeit erreichbar und zuverlässig.
Gute Arbeit für ein faires Preis-Leistung Verhältnis.
Gerne wieder!