Fallbeispiel · Rock'n'Roll-Coverband

Dougie & the Blind BrothersEin Backstage-Plakat, das Gigs bucht

Eine Rock'n'Roll-Coverband braucht keine Corporate-Website, sondern ein Plakat, das nach Bühne riecht. Wir haben ein eigenes WordPress-Theme ohne Page-Builder gebaut – mit Tourdaten, Galerie und einer Gig-Anfrage in drei Schritten.

dougieblindbrothers.deHockenheim · seit 2012
WebdesignMultistep-FormularDatenschutz
01 · Farbprofil

Farben mit Aufgabe

Flächenverteilung
60%22%10%8%

Bühnen-Schwarz, vergilbtes Plakatpapier, das Orange einer Gibson Explorer und der rote Stempel „Ausverkauft“. Die Farben erzählen Rock'n'Roll, bevor man ein Wort liest.

Live-Kontrastprüfung (WCAG 2.1)
AaText auf Grund#F3EAD8 auf #0E0C0B16.3 : 1AAA
AaAkzent auf Grund#FF8A1F auf #0E0C0B8.3 : 1AAA
02 · Typografie

Schrift ist Stimme

Aa
ABCDEFGHIJKLM
nopqrstuvwxyz 0123456789
Handmade Rock'n'Roll.
Big Shoulders DisplayPlakat-Headlines
Permanent MarkerHandschrift-Akzente
ArchivoText

Schmale, laute Versalien wie auf einem Konzertplakat, dazu Edding-Handschrift wie auf der Setlist am Bühnenrand.

03 · Multistep-Formular · 3 Schritte

Das Formular, zum Durchklicken

Eine Replik mit den echten Schritten und Optionen aus dem Projekt. Nichts wird gesendet.

Schritt 1 von 3 · AnlassWas wird gefeiert?
  1. 01Anlass
  2. 02Wann & wo
  3. 03Kontakt

Die erste Frage ist die schönste: „Was wird gefeiert?“ Wer an sein Fest denkt, ist emotional dabei. Technikfragen zu Bühne und PA sparen der Band später drei Mails.

04 · Highlights

Was wir gebaut haben – und warum

Datenschutz

YouTube erst nach Klick

Was

Videos laden über youtube-nocookie erst, wenn man auf Play drückt. Alle Schriften und Assets liegen lokal.

Warum

Keine Daten an Google, bevor jemand es will – und die Seite lädt schneller.

Motion

Gitarrensaite als Scroll-Fortschritt

Was

Der Lesefortschritt ist eine schwingende Saite, darüber liegt ein Film-Grain wie auf altem Fotopapier.

Warum

Details, die man nicht braucht, aber im Kopf behält.

SEO

Tourdaten als MusicEvent

Was

Jeder Termin wird automatisch als vergangen oder kommend markiert und als MusicEvent ausgezeichnet, die Band als MusicGroup mit 10 Städten im Einzugsgebiet.

Warum

Google kann Konzerttermine direkt in der Suche anzeigen.

05 · Suchmaschinenoptimierung

Gebaut, um gefunden zu werden

10Städte im Einzugsgebiet
3Schritte zur Gig-Anfrage
Jeder Punkt = eine Seite · 10 Städte im Einzugsgebiet
  • Schema: MusicGroup, MusicEvent je Termin, FAQPage, BreadcrumbList
  • Referenzliste der Venues
06 · Conversion-Psychologie

Kleine Hebel, große Wirkung

01Die Band in Zahlen

Zahlen beweisen Bühnenerfahrung schneller als jede Beschreibung.

02Presse-Sektion

Fremde Stimmen über die Band zählen mehr als eigene.

07 · Technik

Unter der Haube

WordPress (eigenes Theme)3 mu-PluginsVanilla JS