Webdesign & Entwicklung

Improvável | Restaurante & Bistrô

Zweisprachige (PT/EN) Restaurant-Website mit interaktiver, kategorisierter Speisekarte mit über 60 Positionen, dynamischem Veranstaltungskalender für die wöchentlichen Live-Musik-Auftritte, Videoarchiv vergangener Shows und Fotogalerie mit integriertem Kontaktformular.

Umgesetzt mit React 19 und TypeScript auf Basis eines individuellen Designsystems in warmem Braun und Limettengrün. Mit WebP-Bildoptimierung, flüssigen Framer-Motion-Animationen und responsivem Mobile-First-Design für ein elegantes Erlebnis auf allen Endgeräten.

Abschlussdatum: Mai 2026
Live-Website besuchen
Projektdetails

Überblick

Branche

Gastronomie

Leistungsumfang

Vollständige Gestaltung und Entwicklung der Website mit zweisprachiger Inhaltsverwaltung, interaktivem Menüsystem, Veranstaltungskalender für Live-Musik mit rollierender 6-Monats-Übersicht, Videoarchiv vergangener Auftritte sowie integriertem Kontaktformular mit Google Maps

Zeitrahmen

2 Wochen vom Design bis zum Launch

Die Ausgangslage

Herausforderung

Improvável brauchte eine digitale Präsenz, die das unkonventionelle Bistro-Konzept widerspiegelt — einen vielseitigen Ort für zwangloses Essen, besondere Anlässe und Live-Musik. Die Website musste die umfangreiche Speisekarte präsentieren, den wöchentlichen Live-Musik-Kalender pflegen und bewerben und Gästen auf einfache Weise Informationen über den Ort und Kontaktmöglichkeiten bieten — und das für portugiesische wie internationale Besucher gleichermaßen zugänglich.

Unser Ansatz

Lösung

Wir haben eine moderne, zweisprachige React-Anwendung mit einem individuellen Designsystem in warmen Braun- und Limettengrüntönen entwickelt, das den einladenden und zugleich eigenständigen Charakter des Restaurants einfängt. Die Website bietet eine interaktive, kategorisierte Speisekarte mit über 60 Positionen, einen dynamischen Veranstaltungskalender, der anstehende Live-Musik-Auftritte automatisch sortiert und anzeigt (vergangene Termine werden dezent ausgegraut), sowie ein eigenes Videoarchiv früherer Shows. Mit TypeScript entwickelt und mit WebP-Bildern und Framer-Motion-Animationen optimiert, bietet die Website ein flüssiges, performantes Erlebnis auf allen Endgeräten und bewahrt zugleich die besondere Persönlichkeit des Bistros.

Was enthalten ist

Wichtigste Funktionen

Zweisprachige Website (PT/EN)
Responsives Design
Interaktives Menüsystem
Kalender für Live-Events
Videoarchiv
Fotogalerie
Kontaktformular & Karten
Flüssige Animationen
Ergebnisse

Ergebnisse

95/100
Performance-Wert
Lighthouse-Performance (geschätzt): Vite-Optimierung, WebP-Bilder, Lazy Loading
100%
Mobile Optimierung
Responsives Mobile-First-Design mit optimierter Touch-Bedienung
Strict
Codequalität
3.251 Zeilen typsicherer Code, ohne implizites any
WCAG 2.1 AA
Barrierefreiheit
Semantisches HTML, ARIA-Labels, barrierefreie Radix-UI-Komponenten
Technologie

Technologie-Stack

React 19
TypeScript 5.9
Vite 7.3
Tailwind CSS 3.4
shadcn/ui
Framer Motion 12.35
React Hook Form
Yup
i18next
React Router 7.14
React Leaflet 5.0
Firebase Hosting
Jetzt starten

Bereit, Ihr Projekt zu starten?

Sprechen wir darüber, wie wir eine beeindruckende Website schaffen, die genau zu Ihren geschäftlichen Anforderungen passt.

Improvável | Restaurante & Bistrô | Portfolio | low-key solutions