Tasca À Risca
Website eines traditionellen portugiesischen Restaurants mit interaktiver Wochen- und Standardkarte samt Kategoriefilter, Fotogalerie mit Lightbox, Gästestimmen und eingebundenem Google Maps. Unterstützt zweisprachige Inhalte (PT/EN) mit automatischer Browser-Erkennung und Speicherung im localStorage.
Umgesetzt mit React 19, TypeScript und Vite, mit scroll-gesteuerten Framer-Motion-Animationen, den Schriften Tabac und Freight Text sowie einer Farbpalette aus Marineblau und Gold, die portugiesische Küchentradition mit modernem Nutzererlebnis verbindet.
Überblick
Branche
Gastronomie
Leistungsumfang
Vollständige Restaurant-Website mit zwei Menüsystemen (wöchentlich wechselnde Gerichte + Standardkarte), zweisprachigen Inhalten, Fotogalerie und Google-Maps-Anbindung
Zeitrahmen
3 Wochen vom Design bis zum Launch
Herausforderung
Tasca À Risca brauchte einen professionellen Webauftritt, um die traditionelle portugiesische Küche sowohl Gästen aus der Umgebung als auch internationalen Besuchern zu präsentieren. Gefragt war eine Lösung, die zwei unterschiedliche Kartentypen darstellen kann (wöchentlich wechselnde Gerichte und eine umfassende Standardkarte), mehrere Sprachen für Touristen unterstützt und eine elegante, authentisch portugiesische Ästhetik bewahrt — modern und auf allen Geräten leicht bedienbar.
Lösung
Wir haben eine moderne einseitige React-Anwendung mit einem durchdachten Designsystem gebaut, das die portugiesische Küchentradition würdigt. Das interaktive Menüsystem wechselt per Registerkarten zwischen Wochenempfehlungen und Standardkarte, mit intelligenten Kategoriefiltern für Weine, Vorspeisen und Hauptgerichte. Framer Motion sorgt für flüssige, scroll-gesteuerte Animationen, die das Stöbern angenehmer machen, ohne abzulenken. Für die nahtlose Zweisprachigkeit mit automatischer Spracherkennung haben wir i18next eingesetzt und Google Maps zur einfachen Standortsuche eingebunden. Das Ergebnis ist eine schnell ladende, SEO-freundliche Website, die über Firebase Hosting mit automatisierten CI/CD-Pipelines ausgeliefert wird.
Wichtigste Funktionen
Ergebnisse
Technologie-Stack
Bereit, Ihr Projekt zu starten?
Sprechen wir darüber, wie wir eine beeindruckende Website schaffen, die genau zu Ihren geschäftlichen Anforderungen passt.