Webdesign & Entwicklung

A Gália — Hamburgueria & Pregaria

Einseitige React-Anwendung mit interaktiver, filterbarer Speisekarte, die über 100 Positionen in 9 Kategorien ordnet. Eingebunden sind Kundenbewertungen, Standortkarte und ein vereinfachter Reservierungsablauf.

Umgesetzt mit einem individuellen mittelalterlich-gallischen Designsystem in Gold (#A49057) und Bordeaux (#390F0E), eigener TimesTen-Typografie und gallischer Helm-Ikonografie. Framer Motion treibt die scroll-gesteuerten Animationen an, während moderne Bildformate (AVIF, WebP) für kurze Ladezeiten sorgen.

Abschlussdatum: Mai 2026
Live-Website besuchen
Projektdetails

Überblick

Branche

Gastronomie — Restaurant/Hotellerie

Leistungsumfang

Vollständige Gestaltung und Entwicklung einer responsiven Landingpage für eine traditionelle portugiesische Hamburgueria, inklusive Markenintegration, interaktivem Menüsystem, Präsentation von Gästebewertungen, Standortkarte und Firebase-Deployment

Zeitrahmen

3 Tage von Beginn bis Launch (12.–15. Mai 2026) — ein schneller Entwicklungssprint für eine Website im Kleinunternehmen

Die Ausgangslage

Herausforderung

A Gália brauchte eine digitale Präsenz, die das besondere mittelalterlich-gallische Markenbild einfängt und zugleich die umfangreiche Speisekarte (über 100 Positionen in 9 Kategorien) übersichtlich und leicht durchsuchbar macht. Gefragt war eine Mobile-First-Lösung, die für Gäste aus der Umgebung wie für Touristen funktioniert — mit mehrsprachigen Gästebewertungen sowie klaren Standort- und Kontaktangaben. Die eigenständige Markenpersönlichkeit sollte dabei zur Geltung kommen, ohne Bedienbarkeit oder Ladezeiten zu beeinträchtigen.

Unser Ansatz

Lösung

Wir haben eine individuelle einseitige React-Anwendung mit mittelalterlich inspiriertem Designsystem gebaut — mit einer Farbpalette aus Gold (#A49057) und Bordeaux (#390F0E), eigener TimesTen-Typografie und gallischer Helm-Ikonografie. Die interaktive Speisekarte ordnet über 100 Positionen mit Registerkarten und Filtern logisch an, während Framer Motion für flüssige, scroll-gesteuerte Animationen sorgt, die das Storytelling unterstützen. Wir haben Google Maps mit einem individuellen mittelalterlichen Rahmen eingebunden, echte Gästebewertungen eingebaut und sämtliche Assets mit modernen Formaten (AVIF, WebP) optimiert, um trotz der reichen Bildsprache kurze Ladezeiten zu erreichen.

Was enthalten ist

Wichtigste Funktionen

Responsives Design
Interaktive Speisekarte
Scroll-Animationen
Google-Maps-Integration
Kundenbewertungen
Individuelles mittelalterliches Design
Performance-optimiert
SEO & Barrierefreiheit
Ergebnisse

Ergebnisse

189.25 kB
Bundle-Größe
Gzip-komprimiertes JavaScript
8.51 kB
CSS-Größe
Gzip-komprimiertes Tailwind CSS
2.27s
Build-Zeit
Blitzschnelle Vite-Builds
7/7
Asset-Optimierung
AVIF-/WebP-Formate
Technologie

Technologie-Stack

React 19
TypeScript 5.9
Vite 7.3
Tailwind CSS 4
Framer Motion
React Hook Form
Yup
Radix UI
Leaflet
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.

A Gália — Hamburgueria & Pregaria | Portfolio | low-key solutions