Kulinarische Leckerbissen digital entdecken
witus eGen
Eine Map die weiß, wo du heute essen kannst
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.
Netzwerk für Unternehmertum und Zusammenarbeit im Bregenzerwald
Witus ist ein Netzwerk im Bregenzerwald, das Unternehmertum unterstützt, als Drehscheibe für gemeinsame Projekte dient und als Dialogplattform Unternehmer verschiedener Branchen verbindet, um eine starke, anpassungsfähige und mutige Gemeinschaft zu fördern. 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.
Moderne Lösung für Öffnungszeiten und iFrame Integration
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, witus eGen. - Geschäftsführerin
Screenshot:
Elegantes Design und benutzerfreundliche Funktion
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.
Diese Technologien haben wir verwendet
Next.js
Next.js ist ein React-basiertes Framework für den Bau von Webanwendungen, das serverseitiges Rendering (SSR) und statische Seiten-Generierung (SSG) unterstützt. Es ermöglicht Entwicklern, sowohl dynamische als auch statische Websites zu erstellen, die schnell geladen und suchmaschinenfreundlich sind. Next.js bietet eine intuitive Ordnerstruktur für Routing, integrierte API-Routen sowie eine hervorragende Performance und Entwicklererfahrung durch automatische Code-Splitting, Hot Reloading und die Integration mit modernen Tools wie TypeScript.
Dynamische iFrame-Höhe für optimale Darstellung
Besonders herausfordernd war die Übermittlung einer dynamischen Höhe an den iFrame. 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 iFrames über verschiedene Bildschirmgrößen hinweg.
Wie geht's weiter?
Nach Projektabschluss wurde ein Entwicklungs- und Supportvertrag zur langfristigen Servicierung des Gastronomiekalenders abgeschlossen.