Kulinarische Leckerbissen digital entdecken
witus-Gemeinden
Webentwicklung
)
Kurzbeschreibung
Welches Gasthaus hat heute geöffnet? Diese Frage stellt man sich regelmäßig. Besonders, wenn der Magen schon knurrt, möchte man eine schnelle und einfache Antwort. Genau diese liefert der Gastronomiekalender. Er besteht aus einer interaktiven Karte, die alle Gasthäuser anzeigt, die an einem bestimmten Tag in einer bestimmten Gemeinde geöffnet haben. Somit steht einem gemütlichen Besuch im Gasthaus nichts mehr im Weg.
Es gibt eine ganze Reihe von Gemeinden, die witus mit Taten und finanziellen Mitteln unterstützen. Heute sind dies die Gemeinden Bezau, Bizau, Mellau, Reuthe und Schnepfau, in Zukunft werden mit Sicherheit neue Gemeinden dazukommen.
Aufgabenstellung
Als Vorlage diente eine ähnliche Karte aus Niederösterreich, die alle momentan geöffneten Heurigen anzeigt. Ziel des Projektes war es, eine Applikation zu entwickeln, die diese Funktion über eine moderne und intuitive Oberfläche zur Verfügung stellt. Die Karte wurde als White Label Lösung implementiert, damit sie auf mehreren Websites gleichzeitig via I-Frame eingesetzt werden kann. Um den administrativen Aufwand für die Aktualisierung der Öffnungszeiten möglichst klein zu halten, werden diese Daten von der Google Places API abgerufen.
)
Unsere Leistungen
Konzeption: Erhebung der Anforderungen und Überführung in ein Gesamtkonzept vom Hosting bis zur Einbindung
Entwicklung und Konfiguration: Technische Implementierung des Gastronomiekalenders und Unterstützung bei der Einbindung in die Seiten
Hosting & Support: Betrieb und Weiterentwicklung der Applikation
"
Die Zusammenarbeit mit der Zewas Digital Agentur war sehr unkompliziert. Relativ schnell war für beide Seiten klar was gewünscht war. Es hat sehr viel Spaß gemacht, das Projekt gemeinsam umzusetzen!
Madeline Metzler
Geschäftsführerin, witus eGen.
Design
Bei der Gestaltung der Anwendung haben wir besonderen Wert auf schlichte Eleganz und eine nahtlose Integration in die Tourismuswebsite der jeweiligen Gemeinde gelegt. Das Design zeichnet sich durch seine zurückhaltende, neutrale Farbpalette aus, wobei die Primärfarbe dynamisch und anpassbar ist, um stets im Einklang mit dem Erscheinungsbild der Gemeindeseite zu stehen. Diese Flexibilität gewährleistet, dass die Applikation nicht nur eine praktische Funktion erfüllt, sondern sich gleichzeitig in das Gesamtbild der Gemeindeseite einfügt. Die klaren Linien und das einfache, intuitive Design ermöglichen den Benutzern, sich mühelos durch die Gastronomieauswahl zu navigieren.
Mit diesem Designkonzept stellen wir sicher, dass der Gastronomiekalender einheitlich und ansprechend präsentiert wird, während gleichzeitig die Einzigartigkeit jeder Gemeinde gewahrt bleibt.
)
Das Herzstück - die Karte
Aus Datenschutzgründen muss der Benutzer das Laden der Karte aktiv bestätigen. Anschließend stehen Filtermöglichkeiten und eine Liste der ausgewählten gastronomischen Einrichtungen zur Verfügung. Hier befinden sich übersichtliche Informationen wie Name, Bewertung, Webseite, Telefonnummer, Preisniveau und Standort. Bei einem Klick auf ein Restaurant wird es auf der Karte markiert, der Standort vergrößert und die aktuellen Öffnungszeiten werden in einer Wochenansicht angezeigt. Geschlossene oder vorübergehend geschlossene Gaststätten werden nicht angezeigt.
)
Technologien
){kind=logo}
NextJS
){kind=logo}
Mongo DB
)
Prisma
Auf technischer Ebene verwenden wir die aktuellsten Technologien, um sicherzustellen, dass unsere Webanwendung optimal funktioniert. Das Frontend, also die Benutzeroberfläche, wird mit Next.js erstellt, was eine robuste und flexible Anwendungsoberfläche ermöglicht. Für das Backend setzen wir auf eine MongoDB-Datenbank, die uns die Möglichkeit bietet, die IDs der Restaurants flexibel zu speichern. Mithilfe von Prisma können wir bequem auf die Datenbank-IDs zugreifen und verwalten. Diese Kombination aus führenden Technologien gewährleistet eine reaktionsschnelle Benutzererfahrung in unserer Webanwendung.
Die Karte wird aus datenschutzgründen auf einem Server in Frankfurt gehostet. Die nahtlose Einbindung auf den Tourismusseiten der witus-Gemeinden erfolgt über I-Frames.
Gemäß den Nutzungsbedingungen von der Google Places API dürfen nur die IDs der jeweiligen Restaurants in der Datenbank abgespeichert werden. Für jede Witus-Gemeinde haben wir die geografischen Daten des Ortes abgelegt. Mit diesen Daten werden die Detaildaten der Restaurants von der Google Places API abgerufen und in der Karte angezeigt.
"
Die Erstellung einer individuellen Karte für mehrere Websites mit unterschiedlichen Farbschemata mit minimalem Anpassungsaufwand, stellte eine spannende Herausforderung für mich dar.
Sandro Mennel
Zewas Digital
Technisch
Besonders herausfordernd war die Übermittlung einer dynamischen Höhe an den I-Frame. Mit einem ausgetüftelten 3-Ecken-Weg wurde dieses Problem behoben. Dabei haben wir eine innovative Lösung gefunden, um sicherzustellen, dass der Iframe immer die richtige Größe hat, unabhängig von den Inhalten, die angezeigt werden. Dies ermöglicht ein benutzerfreundliches Handling des I-Frames über verschiedene Bildschirmgrößen hinweg.
Wie geht's weiter?
Nach Projektabschluss wurde ein Entwicklungs- und Supportvertrag zur langfristigen Servicierung des Gastronomiekalenders abgeschlossen.
)
