Online-Shopping leicht gemacht.
Wir haben den Online-Lebensmittelshop von MPreis neu gestaltet und ein frisches Konzept und Design eingeführt, das das digitale Einkaufserlebnis auf ein ganz neues Level gehoben hat.
Unsere Herausforderungen
Online-Supermärkte im Wandel
Im Gegensatz zu herkömmlichen E-Commerce-Plattformen, auf denen vielleicht auch nur ein einziges Kleidungsstück bestellt wird, werden in einem Online-Supermarkt mehrere Produkte in unterschiedlichen Mengen angeboten. Jedes Produkt muss dabei mit zahlreichen Optionen angezeigt werden, um ein reibungsloses und benutzerfreundliches Einkaufserlebnis zu garantieren.
Steuerung der Produkt Verfügbarkeit
Je nachdem, ob Nutzer:innen sich für die Lieferung oder die Selbstabholung entscheiden, können einige Artikel nicht verfügbar sein. Außerdem kann die Produktverfügbarkeit von Filiale zu Filiale variieren. Daher mussten wir sicherstellen, dass Nutzer:innen verstehen, wie wichtig es ist, den Bestand einzelner Dinge je nach gewählter Liefermethode und Filiale zu prüfen.
Nahtlose Mobil-Navigation
Unser Ziel war es, eine benutzerfreundliche Oberfläche zu schaffen, die den Online-Einkauf einer breiten Palette von Produkten in unterschiedlichen Mengen und mit verschiedenen Optionen vereinfacht. Unser Schwerpunkt lag dabei auf der Benutzerfreundlichkeit, selbst auf kleinen Geräten, um das Einkaufserlebnis insgesamt zu verbessern.
ProduKt STrategIE
Lebensmittel kaufen auf die moderne Art
UXi Paket
Die Vision des digitalen Schaufensters war es, sowohl den ästhetischen als auch den funktionalen Anforderungen des Marktes für digitale Produkte gerecht zu werden. Die neue Plattform verbindet vertraute Nutzergewohnheiten mit innovativen digitalen Erlebnissen und bietet ein nahtloses Einkaufserlebnis, unabhängig davon, ob der Kunde online oder im Geschäft einkauft. Das Design integriert auch die Kernwerte des Kunden: frisch, offen und verantwortungsvoll, um sicherzustellen, dass sich diese Prinzipien in jedem Aspekt der Plattform widerspiegeln. Das Einkaufen bei MPreis fühlt sich jetzt überall perfekt aufeinander abgestimmt an.
Product Design
Tradition neues Leben einhauchen: Ein frisches UX/UI-Design für MPreis
UX Design
Stell dir vor, du könntest deinen Online-Shop mit einem Design neu gestalten, das gleichzeitig noch die Customer Journey vereinfacht und verbessert. In unserer Konzeptionsphase haben wir den Grundstein für ein umfassendes Design gelegt, das einen nahtlosen Warenkorb- und Checkout-Prozess mit einem starken Fokus auf das mobile Erlebnis in den Vordergrund stellt. Wir haben uns auf ein intuitives Onboarding und eine einfache Shopauswahl konzentriert, um das Erlebnis so reibungslos wie möglich zu gestalten. Basierend darauf konnten wir effizient in den Produktionsmodus übergehen. Dazu gehörte die Integration wichtiger Funktionen wie eines innovativen Filtersystems, das die Navigation durch die Kategorien und die Suche nach den gewünschten Produkten erleichtert. Zusätzlich sorgt ein vereinfachtes Navigationsmenü dafür, dass die Produkte immer nur einen Fingertipp entfernt sind, und schafft so eine benutzerfreundliche Erfahrung, die die Kunden zum Wiederkommen anregt.
UI Design
Ein Design, das sich durch Einfachheit auszeichnet und sich klar auf das Produkt konzentriert, kann die visuelle Identität einer Marke verändern. Um einen modernen und hochwertigen Eindruck zu vermitteln, haben wir deshalb eine abwechslungsreiche Farbpalette mit subtilen Akzentfarben und sanften Tönen gewählt. Wir haben diese Farben zurückhaltend und gezielt eingesetzt, um eine hochwertige und zeitgemäße Atmosphäre zu schaffen. Die gewählten runden Formen tragen zu einem offenen, freundlichen und emotional ansprechenden Erscheinungsbild bei. Großzügige Abstände und viel Weißraum vermitteln ein Gefühl von Offenheit und lassen das Layout modern und inspirierend wirken. Das Design schafft eine Balance zwischen effektiver Raumnutzung und ästhetischer Attraktivität. Die serifenlose Schrift "Eina 01" verstärkt diesen Effekt mit ihrer klaren, geometrischen Typografie und sorgt für ein hochwertiges, modernes Erscheinungsbild und optimale Lesbarkeit.
Motion Design
Wir haben Protopie und After Effects verwendet, um unsere Konzepte zu animieren und sie mit Mikrointeraktionen und kompletten Flows zum Leben zu erwecken. Mit diesen Tools konnten wir unsere Entwürfe auf Herz und Nieren testen und verfeinern. Dadurch konnten wir nicht nur den Ablauf der Interaktionen besser verstehen, sondern auch den Entwicklern ein greifbares Verständnis für unsere Designabsichten vermitteln. Außerdem haben die Prototypen einen reibungslosen Übergang in die Entwicklung ermöglicht und sichergestellt, dass die Spezifikationen für die Animationen genau eingehalten wurden.
Dürfen wir das Produkt vorstellen?
Du möchtest das Mpreis Online Shopping Erlebnis selbst erleben? Hier klicken, um die Website zu besuchen.
Ulrich Theilmann
Senior Director Digital | MPREIS
