Die aktuelle Dm App

Wir haben einen Screenflow der bestehenden App entwickelt, um alle Hauptseiten und Unterseiten zu analysieren. Dabei identifizierten wir fünf Hauptseiten: Home, Produkte, Coupons, Warenkorb und Mein Profil. Zusätzlich gibt es Features wie die Kundenkarte, eine Scanfunktion und Mein dm Markt. Wir haben festgestellt, dass einige Funktionen entweder versteckt sind oder schwer zu finden sein könnten.

Personas

Wir haben Nutzerprofile basierend auf vorherigen Ergebnissen erstellt, um realistische Benutzerprofile zu entwickeln. Dabei decken wir eine große Altersvielfalt sowie eine Vielfalt an Berufen ab, und berücksichtigen sowohl Alleinstehende als auch Familien. Anschließend haben wir die Nutzerbedürfnisse identifiziert, um die Problemstellungen entsprechend den Wünschen und Bedürfnissen der einzelnen Personen zu formulieren. Wir haben How-might-we-Fragen erstellt, die diese Bedürfnisse und Ziele repräsentieren, ohne bereits spezifische Lösungen vorwegzunehmen.

How-might-we-Fragen

Wir haben Fragen gesammelt und analysiert, um häufig auftretende Bedürfnisse und spezifische Wünsche zu identifizieren. Die ausgewählten Fragen bilden die Grundlage für unsere finalen “How-Might-We” Fragen.

Wireframes

Varianten

Finales Design

Icons

Wir haben keine bestehenden Sets gefunden, die unsere Intentionen vollständig widerspiegelten. Unser Ziel war es, das Design unserer App sowohl seriös als auch einladend zu gestalten. Daher haben wir uns für abgerundete Formen entschieden, um Freundlichkeit zu vermitteln und gleichzeitig einen professionellen Eindruck zu bewahren.

Farben

Wir wollten einen verspielten, aber seriösen Stil für unsere breite Nutzergruppe schaffen. Die sorgfältig ausgewählte Farbpalette vermittelt sowohl Professionalität als auch Freundlichkeit. Durch die Kombination von Haupt-, Akzent- und zusätzlichen Farben schaffen wir eine ansprechende und zugängliche Benutzererfahrung. Mit Glassmorphism-Gradienten haben wir Pop-ups und Modal-Boxen gestaltet, um einen seriösen Look zu erzielen. Diese Gestaltungselemente unterstreichen die Professionalität unserer Anwendung und wirken gleichzeitig modern und einladend.

Fonts

Wir haben uns für die Schriftfamilie Inter entschieden, da sie leicht zu lesen ist und ein sauberes, einfaches Erscheinungsbild bietet. Diese Wahl unterstützt unsere Absicht, ein klares und benutzerfreundliches Design zu schaffen, das sowohl professionell als auch ansprechend wirkt.

Micro Interactions

Wir möchten dem Nutzer eine Bestätigung geben, wenn ein Produkt zum Warenkorb, zur Einkaufsliste, zu Click&Collect oder zur Wunschliste hinzugefügt wurde.

Videos

Delight Feature
Screenflow