Systems Loop

UX- und UI-Design für die neue NZZ-Frontseite

Die Neue Zürcher Zeitung hat die Frontseite von nzz.ch neu gedacht, mobile first. Wir haben beim UX- und UI-Design geholfen, von den ersten Workshops bis zu einem neuen Teaser-Format.

Ergebnisse

Ansatz
Mobile first
Umfang
UX und UI
Markt
Schweiz
Kunde
Neue Zürcher Zeitung
Branche
Medien
Dauer
Projekt
Leistungen
Design

Die Aufgabe

Die NZZ wollte eine neue Frontseite für nzz.ch, mobile first gestaltet für Leserinnen und Leser und für den Newsroom. Die Desktop-Version sollte ohne zusätzliche Layoutarbeit für die Redaktion folgen.

Die neue NZZ-Frontseite auf zwei Smartphones vor dem NZZ-Gebäude bei Nacht

Was wir gemacht haben

Wir haben am UX- und UI-Design gearbeitet und an den Ideen dahinter. Am Anfang standen Rückmeldungen der Leser, dann ein Ideation-Workshop und ein Mobile-first-Prototyping-Workshop mit der Redaktion.

Haftnotizen mit den Ideen aus dem Ideation-Workshop

Papierprototypen der Frontseite aus den NZZ-Workshops

Ein Ergebnis ist ein neues Teaser-Format für lange Artikel. Es füllt den ganzen Bildschirm, in der App im Dark Mode und im Web im Light Mode.

Simon im Videocall mit der Redaktion, zeigt auf die neue NZZ-Frontseite am Bildschirm

Desktop second

Weil der Newsroom jetzt für mobile plant, wird die Desktop-Seite automatisch zusammengestellt. Ein gutes Standardlayout deckt die meisten Tage ab. Für große Ereignisse kann die Redaktion weiterhin spezielle Vorlagen wählen.

Wireframe der Desktop-Vorlagen für die NZZ-Frontseite

Die NZZ-Frontseite auf einem Laptop und zwei Smartphones