Webdesign für N-JOY
Als Radiowecker, im Auto oder beim Duschen: N-JOY geht einfach immer. Als Radiosender der Norddeutschen Rundfunks (NDR) richtet sich N-JOY an ein junges Publikum und liefert rund um die Uhr Gute-Laune-Musik, Nachrichten und witzige Entertainment-Einlagen. Wir wurden mit dem Relaunch der Website mit Hauptaugenmerk auf responsiven Webdesign beauftragt.
Die Website bietet zum einen den Live-Stream zum Anhören, darüber hinaus bekommt der User auch die neuesten Nachrichten, Comedy-Streams und unterhaltsame Artikel direkt in den Browser. Hinter der Website steht ein ausgefeiltes Modul-System, das dem Kunden ermöglicht, für jeden Inhalt eine passende Stilvorlage auszuwählen.
Live-Radio
Die Moderatoren sind die Seele des Senders und machen das Programm einzigartig, darum stehen sie auch auf der Website im Mittelpunkt. Am unteren Rand der Website angeheftet befindet sich der digitale Radioplayer mit der oder dem aktuell zuständigen Moderatorin oder Moderator. Alle Live-Daten des Radiosenders werden auf der Website gespiegelt, wie etwa das Cover des aktuellen Songs. Gibt es kein Artwork, so erscheint ein Platzhaterbild “ENJOY THE MUSIC!”.
Konzept und Design
Die Startseite der Website ist als One-Pager aufgebaut und ermöglicht somit dem User einen Überblick über alle Inhalte. Verschiedene Teaser-Elemente mit knackigen Headlines verweisen auf unterhaltsame und informative Artikel. Außerdem werden Videos der Tagesschau und des NDR eingeblendet. Über ein Social-Media-Modul werden die neuesten Facebook- und Twitter-Posts eingebunden. Daneben kann man die N-JOY-Podcasts und auch verschiedene Musik-Channels streamen. Klickt der User auf einen der Teaser, gelangt er auf eine aufgeräumte Detailseite.
Als Basis für das UI dient ein Design System, welches aus flexiblen Formatierungs-Regeln besteht wie Headlines, Intro-Texten, Fließtexten, Zitaten sowie Call-To-Actions. Dieses System ermöglicht es Redakteur:innen von N-JOY, jede Unterseite individuell zu gestalten – Das Gesamtbild bleibt stets harmonisch. Auf diese Weise werden über die Module wie weiterführende Artikel im Content, einen Kommentarbereich sowie Bilder- und Videogalerien weitere Inhalte der Webseite hinzugefügt.
Unser Service für N-JOY
• Navigationkonzept
• Informationshierarchie
• User Journey
• Prototyping
• User Interface Design
• Responsive Design
• Usability-Tests
• Visual Design Guidelines