Zum Inhalt springen
Herbie

Project 04

Ein neues mobiles Erlebnis für Wirtschaftsnachrichten.

Die Handelsblatt-App auf Tablet, Telefon und Uhr, überall derselbe Top-Stories-Feed.
Rolle

UX Lead

Branche

Wirtschaftsnachrichten

Produkt

Mobile App

Umfang

UX Lead

Product Design

Engagement

Zeitraum

2019–2021

Ergebnis

Von einer legacy News-App zu einem fokussierten mobilen Erlebnis, das den Umsatz im ersten Jahr verdoppelt hat.

+100%

Umsatz nach einem Jahr

Die Aufgabe

Die Handelsblatt-App brauchte mehr als eine visuelle Auffrischung. Das bestehende Produkt wurde von Grund auf neu gebaut, technologisch wie erlebnisseitig, mit nativer iOS- und Android-Technik als moderne, cloud-fähige mobile Plattform.

Die Aufgabe war, ein komplexes Nachrichten-Ökosystem in ein fokussiertes mobiles Erlebnis zu übersetzen. Eine neue Informationsarchitektur sollte den News-Stream als zentralen Einstieg setzen und zugleich Formate wie My News, Podcasts, Videos und Stories auffindbar machen. Gleichzeitig musste das Erlebnis Premium-Journalismus tragen: klare Kennzeichnung der Inhalte und Paywalls, die zum Abo führen.

Die Oberfläche sollte ruhig und inhaltsnah bleiben, mit kurzen, verständlichen Wegen. Vor dem Detailentwurf haben wir einen gemeinsamen Visionsprozess eingeführt — Design Thinking und Workshops — um Stakeholder früh einzubinden und die Richtung des Produkts gemeinsam festzulegen.

Wie wird aus der Tiefe einer Wirtschaftszeitung ein fokussiertes mobiles Erlebnis zum Entdecken, Lesen und Abonnieren?

Kontext

Nutzer

  • Business news readers
  • Professionals and executives
  • Subscribers and potential subscribers
  • Mobile readers across different reading situations

Komplexität

  • Large editorial content ecosystem
  • Multiple content formats
  • Premium and paywall logic
  • Editorial stakeholder alignment
  • Native iOS and Android platforms

Meine Rolle

  • UX/UI Lead
  • Product vision and Design Thinking process
  • Workshop facilitation and stakeholder alignment
  • Information architecture
  • Mobile interaction design
  • Prototype validation

Vorgehen

01

Verstehen

  • Research
  • Workflows
  • Nutzerbedürfnisse

02

Strukturieren

  • Informationsarchitektur
  • User Flows
  • Produktkonzepte

03

Gestalten

  • Wireframes
  • High-Fidelity-UI
  • Designsystem

04

Validieren

  • Interaktive Prototypen
  • Feedback
  • Iteration

05

Übergeben

  • Developer Handoff
  • Design-QA
  • Release-Begleitung

Zentrale Design-Entscheidungen

Den News-Stream ins Zentrum stellen

Problem

Die Struktur einer klassischen Zeitung überträgt sich nicht von selbst auf mobil, wo Nutzer schnellen Zugriff auf das Relevanteste erwarten.

Entscheidung

Wir haben einen priorisierten News-Stream zum Haupteinstieg gemacht und über die Tab-Bar direkten Zugang zu eigenständigen Formaten wie My News, Podcasts, Videos und Stories gegeben.

Wirkung

Die App bekam eine klarere Informationshierarchie, und Nutzer entdeckten mehr Inhalte, ohne sich durch eine komplexe Zeitungsstruktur zu navigieren.

Die Handelsblatt-App auf dem Telefon: Top Stories ist unter den Ressort-Tabs aktiv, darunter ein Leitartikel mit Bild, Dachzeile, Überschrift und Anriss, der Beginn der nächsten Meldung und eine Tab-Bar für News, Newsticker, Merkliste und Briefing.

Premium-Inhalte als Teil des Leseflusses gestalten

Problem

Premium-Journalismus muss Leser zu Abonnenten machen, ohne das Lesen zu stören.

Entscheidung

Wir haben Premium-Inhalte und Abo-Wege im Produktweg sichtbar gemacht: klare Kennzeichnung und Paywalls, die hochwertige Inhalte mit dem Abomodell verbinden.

Wirkung

Monetarisierung wurde Teil des Leseerlebnisses statt eines eigenen Verkaufsorts.

Ein User Flow für den Abokauf: zwei Einstiege in dasselbe Angebot, das Apple-Pay-Blatt, getrennte Zweige für angemeldete und nicht angemeldete Leser, die Login- und Registrierungs-Webview sowie die Wege zur Kaufwiederherstellung mit ihren Erfolgs- und Fehlerdialogen.

Das Produkt

Vier Handelsblatt-Leseformate nebeneinander: ein Artikel, eine Video-Story, das Audio-Morning-Briefing und eine wischbare Bildstrecke.
Leseformate

Ergebnisse

1,5 Mio.

Artikelaufrufe pro Monat

+100%

Umsatz nach einem Jahr in der App

4,7

App-Store-Bewertung

Rückblick

Die größte Herausforderung war nicht die Oberfläche, sondern die Verständigung darüber, was das künftige mobile Erlebnis priorisieren soll.

Redaktion und weitere Stakeholder waren tief im Produkt, und viele Ideen waren wertvoll und zugleich umstritten. Um früh eine gemeinsame Richtung zu finden, haben wir einen Visionsprozess aus Design Thinking und Workshops eingeführt. So konnten Stakeholder zur Produktrichtung beitragen, bevor über einzelne Lösungen und Oberflächen gesprochen wurde.

Ich habe gelernt: UX-Führung in einem komplexen Produkt heißt nicht nur, gute Designentscheidungen zu treffen. Es heißt auch, einen gemeinsamen Rahmen zu schaffen, in dem aus Einzelmeinungen eine klare Produktvision wird.