kollektiv für kreative intelligenz

Projekt

feldhaus music

Eine Musikfirma macht mehrere Dinge gleichzeitig: Tonstudio, Label, Musikedition, Booking. Wir haben daraus keine vier Unterseiten gemacht, sondern eine Oberfläche, die jeder ohne Erklärung bedient — die einer Streaming-App.

Eckdaten

Kunde
feldhaus music
Zeitraum
August 2026
Leistung
Web und App Development
Umfang
Katalog, Studio, Label, Edition, Booking
Technik
Next.js, Tailwind, Cloudflare Pages
Kollektiv
Elias Walch

Das Konzept

Seitenleiste links, Kachelreihen in der Mitte, unten eine Player-Leiste, die beim Navigieren stehen bleibt. Diese Anordnung kennt jeder, der Musik hört — sie muss niemandem erklärt werden. Releases sind Alben, Künstler:innen sind Profile, das Studio ist ein weiterer Bereich in derselben Leiste.

Damit beantwortet die Seite nebenbei die Frage, die eine klassische Navigation offen lässt: warum diese vier Dinge zu einer Firma gehören.

  • Wiedergabe über Seitenwechsel

    Der Player ist React-State über dem Layout, keine fertige Bibliothek. Nur so bricht die Hörprobe beim Klicken nicht ab.

  • Sofortsuche über den Katalog

    Tippen filtert Künstler:innen, Releases und einzelne Titel in einer Liste.

  • Studio bricht aus dem Muster

    Räume und Technik brauchen Fließtext und Fotos, keine Kacheln. Eine Metapher trägt nur so weit, wie sie dem Inhalt hilft.

  • Statisch ausgeliefert

    Fertiges HTML auf Cloudflare Pages, daneben eine Function für den Formularversand. Es läuft nirgends ein Node-Prozess.

Screenshot folgt
Startseite: Kachelreihen wie ein Katalog, Player-Leiste unten
Screenshot folgt
Release-Ansicht mit Titelliste und Hörprobe
Screenshot folgt
Der Studiobereich, der bewusst aus dem Kachelmuster ausbricht

Wer daran gearbeitet hat