CROSS-THE-ATLAS
Band-Site mit Hero-Video, Kompass-Navigation und Veranstalter-Downloads.
Briefing
Cross the Atlas ist eine Alternative-Rock-/Metal-Band aus dem Hochsauerland. Die Site soll Bandprofil, Shows, Musik, Pressekit und Booking-Kontakt bündeln. Auftritt: dunkel, industriell, schnell, ohne Theme-Optik. Veranstalter brauchen einen Ort, an dem sie Tech Rider, Pressefotos und Pressetext in einem Klick finden.
Lösung
Eine Nuxt 4-Site auf Cloudflare Workers mit eigenem KV-basierten Asset-Storage. Bilder und das Hero-Video (1920×1440, H.264 + VP9, Brightness-Flash-Reveal) liegen in Cloudflare KV und werden über eine Server-Route ausgeliefert. Die Navigation ist eine Fullscreen-Kompassrose mit vier SVG-Nadeln, die auf Hover stehen bleiben. Auf Mobile passt sich das Video per object-contain an, damit der Logo-Kompass komplett sichtbar bleibt. Kontaktformular läuft über Cloudflare Turnstile, ein eigenes Consent-Gate hält Spotify- und YouTube-Embeds zurück, bis der User zustimmt. Fonts (Montserrat + Montserrat Alternates) liegen lokal als woff2, also keine Google-Requests.
Outcome
Veranstalter laden Pressekit, Tech Rider und Pressefotos auf einer eigenen /downloads-Seite herunter. Die Site fühlt sich an wie ein Live-Set: Hero-Reveal in 2 s, Stagger-Animationen, kein Stockfoto. Performance ist trotz Hero-Video grün, weil Bilder als WebP über KV laufen und der Cold-Start auf Workers unter 50 ms liegt. prefers-reduced-motion wird respektiert.