Webdesign & Entwicklung

Set de Copos — Website für eine Live-Musik-Bar

Website einer Live-Musik-Bar mit Echtzeit-Veranstaltungskalender, synchronisiert über Firebase Firestore, Karussell mit Kundenbewertungen, interaktiver Standortkarte und ausführlichen Informationen zur Gin-Auswahl und zu den Live-Musik-Terminen.

Umgesetzt mit React 19 und TypeScript in kosmischer Nachtclub-Ästhetik mit lebendigen Neonfarben (Pink, Petrol, Koralle), Canvas-basierten Partikelanimationen und flüssigen Framer-Motion-Übergängen. Das vollständig responsive Design fängt das besondere Nachtleben-Ambiente der Bar ein.

Abschlussdatum: Mai 2026
Live-Website besuchen
Projektdetails

Überblick

Branche

Nachtleben & Unterhaltung / Gastronomie

Leistungsumfang

Vollständige Gestaltung und Entwicklung einer einseitigen Website mit Echtzeit-Veranstaltungsverwaltung, individuellem kosmischem Design und Firebase-Backend-Anbindung

Zeitrahmen

2 Wochen vom Design bis zum Launch

Die Ausgangslage

Herausforderung

Set de Copos brauchte eine moderne digitale Präsenz, die die einzigartige kosmische Nachtleben-Atmosphäre widerspiegelt und die wöchentlichen Live-Musik-Termine sowie die besondere Gin-Auswahl wirkungsvoll kommuniziert. Die Bar benötigte eine Möglichkeit, Gäste in Echtzeit über anstehende Veranstaltungen zu informieren, ohne für Aktualisierungen technisches Wissen zu brauchen. Zudem sollte die Website die energiegeladene, moderne Ausstrahlung des Ortes einfangen und dabei zugänglich und leicht bedienbar bleiben.

Unser Ansatz

Lösung

Wir haben eine einseitige React-Website mit markanter kosmischer Ästhetik entwickelt, die mit lebendigen Neonfarben und animierten Partikeleffekten das Ambiente der Bar spiegelt. Ein über Firebase angebundener Veranstaltungskalender aktualisiert sich in Echtzeit, sodass das Team Termine bequem über das Backend pflegen kann. Wir haben durchgängig flüssige Framer-Motion-Animationen umgesetzt, ein eigenes Bewertungs-Karussell für Google-Bewertungen gebaut und eine interaktive Karte zur einfachen Standortsuche eingebunden. Das Ergebnis ist eine visuell markante, performante Website, die die Marke wirkungsvoll transportiert und Gäste über kommende Veranstaltungen auf dem Laufenden hält.

Was enthalten ist

Wichtigste Funktionen

Echtzeit-Veranstaltungskalender
Responsives Design
Kosmische Partikelanimationen
Interaktive Google Maps
Karussell mit Kundenbewertungen
Firebase-Integration
Individuelle Shimmer-Effekte
Flüssige Scroll-Navigation
Ergebnisse

Ergebnisse

95+/100
Performance-Wert
Lighthouse-Performance – optimierter Vite-Build mit Code Splitting
100/100
Mobile Responsivität
Mobile-First-Design mit responsiven Breakpoints
60fps
Animations-Performance
Canvas-basiertes Partikelsystem, optimiert mit requestAnimationFrame
<100ms
Echtzeit-Aktualisierung
Veranstaltungssynchronisierung über Firebase Firestore
Technologie

Technologie-Stack

React 19
TypeScript
Vite
Tailwind CSS 4.x
Framer Motion
Firebase
shadcn/ui
React Hook Form
Yup
React Leaflet
Lucide React
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.

Set de Copos — Website für eine Live-Musik-Bar | Portfolio | low-key solutions