Breuninger Beyond Bereich Redesign

Smartphone-Mockup der Breuninger App: Kontoübersicht mit Beyond-Punktestand und offenen Rechnungen
Der Breuninger Beyond Bereich

Im Rahmen des Moduls „Advanced Usability Engineering“ habe ich gemeinsam mit meiner Projektgruppe die App von Breuninger analysiert und konzeptionell weiterentwickelt. Der Schwerpunkt lag dabei auf dem Bonus- und Gutscheinbereich der App, da dieser laut Praxispartnerinnen für Nutzer:innen teilweise schwer verständlich ist. Im ersten Schritt wurde das bestehende System mithilfe der 10 Usability-Heuristiken von Nielsen untersucht, um zentrale Usability-Probleme wie inkonsistente Darstellungen, unklare Informationshierarchien und eingeschränkte Übersichtlichkeit bei Gutscheinen zu identifizieren. Auf Basis dieser Analyse entwickelten wir anschließend mehrere Gestaltungsideen und setzten diese iterativ in Papierprototypen und interaktiven Click-Dummys in Figma um. Die Entwürfe wurden durch Nutzungsszenarien, Crazy-8-Ideation und Usability-Tests kontinuierlich überprüft und weiterentwickelt. Mein persönlicher Schwerpunkt im Projekt lag auf der Neugestaltung des Gutscheinbereichs sowie der Visualisierung des Breuninger Bonus, mit dem Ziel, den Fortschritt des Punktesystems verständlicher darzustellen und eine übersichtlichere Darstellung der verfügbaren Gutscheine zu ermöglichen.

Gutscheine
Analyse des bisherigen Stands

Drei App-Screens des bisherigen Gutscheinbereichs: Gutschein-Übersicht im Karussell, QR-Code-Ansicht und Gutschein-Detailseite
Dies war der aktuelle Stand der Anwendung im Breich Gutscheine

Problemanalyse

Problemanalyse des Gutscheinbereichs anhand der Nielsen-Heuristiken: eingeschränkte Übersicht, inkonsistente Gestaltung und umständliches Einlösen
Diese Probleme wurden nach der Problemanalyse entdeckt

Gutscheine - Zwischenergebnisse

Zwischenergebnisse zum neuen Gutscheinbereich: Wireframes, Skizzen und erste Gutschein-Kachel-Layouts
Ein kleine Moodboard mit Zwischenergebnisse

Fertiger Prototyp

Vier Screens aus dem fertigen Prototyp des neuen Gutscheinbereichs
Hier sind vier Auszüge aus dem Prototypen

Breuninger Bonus
Analyse des bisherigen Stands

Screenshots des aktuellen Breuninger Bonus: Fortschrittskreis mit Umsatzanzeige und Bonusstufen
Screenshots aus dem akutellen Stand des Breuninger Bonus

Problemanalyse

Problemanalyse des Breuninger Bonus anhand der Nielsen-Heuristiken: Inkonsistenzen bei Darstellung und Gestaltung
Diese Probleme wurde festgestellt

Breuninger Bonus - Zwischenergebnisse

Zwischenergebnisse zur Neugestaltung des Breuninger Bonus: Skizzen, Wireframes und erste Farblayouts
Collage aus den Fragmenten der Zwischenergebnisse

Fertiger Prototyp

Vier Screens aus dem fertigen Prototyp des neuen Breuninger Bonus mit Fortschrittsbalken und Legende
Ausschnitte aus den fertigen Prototypen des neuen Breuninger Bonus