Website-Relaunch: Warner Music Remastered

Zeit, eine neue Platte aufzulegen: Wir haben die Website von Warner Music komplett neu designt und dabei ordentlich aufgeräumt. Mit einem minimalistischen Look, einer klaren Struktur und lebendigen Details schaffen wir mehr Raum für das, was für ein Musiklabel digital wirklich ausmacht: Seine Künstler*innen, Jobs und News aus dem kreativen Tagesgeschäft.
Kund*in

Warner Music Central Europe mit Hauptsitz in Hamburg ist eine Tochterfirma der Warner Music Group (New York). Sie vereint diverse bekannte Plattenlabels und Künstler*innen unter einem Dach – darunter Peter Fox, Ed Sheeran, Linkin Park, Coldplay und viele andere Stars.

Services
  • Redesign
  • Automatisierte Tests
Technologien
  • Sulu 2
  • Linter
  • MobX
  • Behat
  • Trivy Scan
  • PHP CS Fixer
  • Elasticsearch
Branche
  • Musikindustrie
Website Warner Music Germany: Artists Seite auf Tablet auf orangem Plastikstuhl
Fadenkreuz Challenge

Website-Relaunch: Bitte Ballast abwerfen

Das Herz von Warner Music bilden dessen Künstler*innen, um sie dreht sich alles. Das Musiklabel selbst bleibt häufig im Hintergrund. Ganz nach dem Credo: Music comes first. Deshalb sind die Zielgruppen der warnermusic.de anders als bei anderen Websites. User*innen kommen vorbei, um ihre Künstler*innen zu sehen oder Konzerttermine zu finden. Oder sie wollen im Musikbusiness Fuß fassen und suchen nach Jobs.

Die bisherige Website von Warner Music Central Europe hatten wir schon vor einiger Zeit und mit dem CMS Sulu umgesetzt. Nun war das Design veraltet, die Website hatte Altlasten angestaut. Darunter zehntausende News-Artikel und etliche Artist-Seiten, die überholt waren. Für die Kundin stand der nächste Schritt fest. Die warnermusic.de entrümpeln und ihr einen neuen Anstrich verpassen. Die neue Website sollte langlebig und lebendig sein. Verpackt in ein Design, das dem Rad der Zeit eine ganze Weile standhält. Das ist Musik in unseren Ohren.

Website Warner Music Germany: Warner Music Artists Seite auf Smartphone und Tablet
Plus-Zeichen bestehend aus Ellipsen Solution

Website Redesign: Weniger ist yeah

Man kann nicht dieselbe Platte immer und immer wieder auflegen. Deshalb wechselt die Website mit dem Redesign von dunkel zu hell. Das Look & Feel ist minimalistischer, harmonischer. Die Struktur klarer und übersichtlicher, unterstützt durch große Grafiken und Schriften. Das neue Grid-System bietet dem Content eine Bühne auf voller Breite. Die Künstler*innen-Übersicht vereinfachten wir auf ein Minimum. Bilderkacheln verlinken auf die Social-Media-Auftritte der Artists – that’s it.

Um Platz zu schaffen, trennten wir uns von vielen Funktionen. Über die verbaute Elasticsearch im Backend deaktivierten wir zehntausende News, die veraltet waren. Bestehende Module hat unser Designteam vereinfacht oder vereinheitlicht. Durch dynamische Details, Micro-Interactions, Animationen und Videos lebt die Website neu auf. Mit Tags, die von Artikeln auf die News-Kategorien verlinken, werfen wir bunte Farbtöne in den Mix. Dafür haben wir das Sulu-Backend extra erweitert.

Website Warner Music Germany: Warner Music News auf Smartphones

Automatisierte Tests sorgen für optimale Qualität

Bei Vinyls gibt es Testpressungen, damit sie am Ende auch gut klingen. Wir setzen auf Testing, damit keine falschen Töne im Website-Remix landen. Dafür arbeiten unsere Entwickler*innen mit automatisierten Behaviour Driven Tests. Entwickeln sie neue Funktionen, prüfen automatisierte Tests den Code. Erst wenn diese keine Fehler finden und grünes Licht geben, kann ein Feature online gehen. So vermeiden wir Fehler – und verbessern die Qualität unserer Arbeit.

Auch die automatisierten Frontend-Tests über das Test-Framework Behat waren eine Premiere für uns. Es testet pixelgenau und prüft die Website mit Screenshots auf Änderungen. Parallel prüft ein sogenannter Trivy Scan regelmäßig und automatisch, ob Drittanbieter-Lösungen, die die Website nutzt, noch sicher sind. Zum Beispiel, ob es aktuelle Sicherheitslücken und Updates gibt. Das kann Sulu selbst betreffen, Composer-Pakete oder PHP Symfony. Mit dem Scan bleiben Infrastruktur und Software auf dem aktuellsten Stand – und die Risiken schön gering.

Zielscheibe Recap

Fazit: Minimalistisches Website-Design und ein System, das perfekt performt

Für uns war der Relaunch von warnermusic.de ein Major Deal. Dank einem minimalistischen, modernen und barrierefreien Design ist Warner Music für eine ganze Weile versorgt. Gemeinsam mit der Kundin haben wir mehr Ordnung geschaffen, Altlasten abgeworfen und die Struktur und Pflege verbessert. Das Endergebnis: Ein Hit für Redakteur*innen.

Portrait Klara, Sales Managerin, format h Stilistische Rose
Klara Dreyer-Sieverding
Sales & Business Development Managerin

Du willst deine Website relaunchen?

Hervorragend! Lass uns sprechen. Gemeinsam finden wir die beste Lösung für deine Website.

Mit dem Klick auf den „Absenden“-Button stimmst du zu, dass wir, die format h GmbH, dir Informationen zu Produkten, Dienstleistungen und Veranstaltungen per E-Mail zusenden dürfen. 
Du kannst diese Einwilligung jederzeit mit Wirkung für die Zukunft widerrufen. Deine Einwilligung bezieht sich dabei auch auf die pseudonymisierte Analyse deines Umgangs mit unseren E-Mails (z.B. Klickverhalten). Weitere Informationen findest du in unserer Datenschutzrichtlinie.

Noch mehr erfolgreiche Kundenprojekte

Foto: Desktop-PC mit geöffneter Pokolm-Website steht auf Betonboden

Pokolm: Relaunch für High-End-Frästechnik

Qualität und Leistungsstärke digital abbilden – und das in kurzer Zeit. Darum ging es bei diesem Relaunch-Projekt für Pokolm Frästechnik. In rund drei Monaten haben wir eine neue, benutzerfreundliche Seite entwickelt, die die Premium-Werkzeuge angemessen widerspiegelt und gleichzeitig auf die Internationalisierung einzahlt.
Teaser für Hamburg Messe und Kongress Websites:  Startseiten der verschiedenen Messe Websites

Hamburg Messe und Congress: Ein Template für alle

Um alle Messe-Events unter einen Hut zu bekommen, haben wir einen modernen Template-Baukasten für die Hamburg Messe konzipiert und designt. Dieses Baukastensystem lässt sich auf alle Seiten anwenden und bietet dennoch genug Raum für Individualität. Das Pilotprojekt: die Umsetzung der Website der internationalen Gastro- und Hotelfachmesse Internorga.