PB.
MUSIK LANDINGPAGE
MUSIK LANDINGPAGE
MUSIK LANDINGPAGE
Website für eine Musikband, deren visuelle Sprache
auf Kontrast, Dynamik und Bühnenatmosphäre basiert.
Das Design kombiniert ausdrucksstarke Typografie
mit Live-Visuals und schafft so ein immersives Erlebnis.
Der Fokus liegt auf Stimmung, Interaktion
und einer klaren visuellen Identität.
Website für eine Musikband, deren visuelle Sprache auf Kontrast, Dynamik
und Bühnenatmosphäre basiert. Das Design kombiniert ausdrucksstarke
Typografie mit Live-Visuals und schafft so ein immersives Erlebnis.
Der Fokus liegt auf Stimmung, Interaktion und einer klaren visuellen Identität.
Website für eine Musikband, deren visuelle Sprache
auf Kontrast, Dynamik und Bühnenatmosphäre basiert.
Das Design kombiniert ausdrucksstarke Typografie
mit Live-Visuals und schafft so ein immersives Erlebnis.
Der Fokus liegt auf Stimmung, Interaktion
und einer klaren visuellen Identität.
ZIEL
ZIEL
ZIEL
Ziel war es, eine ausdrucksstarke Landingpage
zu gestalten, die die Atmosphäre des Musikprojekts
vermittelt und eine konsistente User Experience schafft.
Ziel war es, eine ausdrucksstarke Landingpage zu gestalten,
die die Atmosphäre des Musikprojekts vermittelt und eine konsistente
User Experience schafft.
Ziel war es, eine ausdrucksstarke Landingpage
zu gestalten, die die Atmosphäre des Musikprojekts
vermittelt und eine konsistente User Experience schafft.
LANDINGPAGE
LANDINGPAGE
LANDINGPAGE
2025
2025
2025
STRUKTUR
STRUKTUR
STRUKTUR
HEADER
Navigation (About / Music / Live / Contact) + Sprachumschaltung
HEADER
Navigation (About / Music / Live / Contact) + Sprachumschaltung
HEADER
Navigation (About / Music / Live / Contact) + Sprachumschaltung
ERSTER SCREEN
Großflächiges Bühnenbild, starke Typografie, klarer Einstiegspunkt
ERSTER SCREEN
Großflächiges Bühnenbild, starke Typografie, klarer Einstiegspunkt
ERSTER SCREEN
Großflächiges Bühnenbild, starke Typografie, klarer Einstiegspunkt
MANIFEST
Groß gesetzte Headlines, Beschreibung des Konzepts
MANIFEST
Groß gesetzte Headlines, Beschreibung des Konzepts
MANIFEST
Groß gesetzte Headlines, Beschreibung des Konzepts
MUSIK
Track-Karten mit Visuals, Titeln und Play-Funktion
MUSIK
Track-Karten mit Visuals, Titeln und Play-Funktion
MUSIK
Track-Karten mit Visuals, Titeln und Play-Funktion
LIVE
Liste der Events (Städte, Daten, Locations)
LIVE
Liste der Events (Städte, Daten, Locations)
LIVE
Liste der Events (Städte, Daten, Locations)
KONTAKT
E-Mail und soziale Netzwerke
KONTAKT
E-Mail und soziale Netzwerke
KONTAKT
E-Mail und soziale Netzwerke
FOOTER
Navigation und Abschluss der User Journey
FOOTER
Navigation und Abschluss der User Journey
FOOTER
Navigation und Abschluss der User Journey
VISUELLE RICHTUNG
VISUELLE RICHTUNG
VISUELLE RICHTUNG
FARBPALETTE
FARBPALETTE
#C4C4C4
Sekundär
#C4C4C4
Sekundär
#820101
Akzentfarbe
#820101
Akzentfarbe
#252525
Primärfarbe
#252525
Primärfarbe
TYPOGRAFIE
TYPOGRAFIE
RASTER
RASTER
RASTER
Ein modulares Raster sorgt für Struktur und Ausrichtung
der Inhalte.
Auch bei dynamischer Typografie bleibt die Komposition
konsistent und führt den Blick.
Ein modulares Raster sorgt für Struktur
und Ausrichtung der Inhalte.
Auch bei dynamischer Typografie bleibt
die Komposition konsistent und führt den Blick.
Ein modulares Raster sorgt für Struktur und Ausrichtung
der Inhalte.
Auch bei dynamischer Typografie bleibt die Komposition
konsistent und führt den Blick.
ERSTER SCREEN
ERSTER SCREEN
ERSTER SCREEN
Markante Typografie erzeugt einen starken Einstieg
Markante Typografie erzeugt einen starken
Einstieg
Markante Typografie erzeugt einen starken Einstieg
Kontrast verstärkt die Bühnenatmosphäre
Kontrast verstärkt die Bühnenatmosphäre
Kontrast verstärkt die Bühnenatmosphäre
Call-to-Action lenkt die Nutzerinteraktion
Call-to-Action lenkt die Nutzerinteraktion
Call-to-Action lenkt die Nutzerinteraktion
MANIFEST
MANIFEST
MANIFEST
Typografische Hierarchie strukturiert den Inhalt
Typografische Hierarchie strukturiert
den Inhalt
Typografische Hierarchie strukturiert den Inhalt
Große Headlines betonen zentrale Aussagen
Große Headlines betonen zentrale Aussagen
Große Headlines betonen zentrale Aussagen
Minimalismus hält den Fokus auf dem Inhalt
Minimalismus hält den Fokus auf dem Inhalt
Minimalismus hält den Fokus auf dem Inhalt
MUSIK
MUSIK
MUSIK
Kartenstruktur organisiert die Inhalte klar
Kartenstruktur organisiert die Inhalte klar
Kartenstruktur organisiert die Inhalte klar
Visuals unterstützen die Identität des Projekts
Visuals unterstützen die Identität des Projekts
Visuals unterstützen die Identität des Projekts
Interaktion fördert die Nutzeraktivität
Interaktion fördert die Nutzeraktivität
Interaktion fördert die Nutzeraktivität
LIVE
LIVE
LIVE
Klare Struktur hebt Termine und Orte hervor
Klare Struktur hebt Termine und Orte hervor
Klare Struktur hebt Termine und Orte hervor
Minimalistisches Layout verbessert die Lesbarkeit
Minimalistisches Layout verbessert
die Lesbarkeit
Minimalistisches Layout verbessert die Lesbarkeit
Akzente unterstützen die visuelle Hierarchie
Akzente unterstützen die visuelle Hierarchie
Akzente unterstützen die visuelle Hierarchie
FOOTER
FOOTER
FOOTER
Ein klar strukturierter Bereich, der die User Journey logisch
abschließt und das visuelle System zusammenführt.
Ein klar strukturierter Bereich, der die User
Journey logisch abschließt und das visuelle
System zusammenführt.
Ein klar strukturierter Bereich, der die User Journey logisch
abschließt und das visuelle System zusammenführt.