Redesign | E-Commerce | Studentisches Projekt

Print on demad

Print-on-Demand – einfach und schnell. Dieses Redesign einer E-Commerce-Plattform im Print-on-Demand-Bereich ermöglicht einen schnellen und reibungslosen Bestell- und Gestaltungsprozess. Der Fokus lag auf der Entwicklung eines Design-Guides, der in den Bestellprozess integriert ist und Nutzer*innen intuitiv bei der Verwaltung der Druckeinstellungen unterstützt.

MU-POD

Überblick

Problem & Question

Im Rahmen eines studentischen Projekts habe ich das Redesign einer Website für einen Print-on-Demand-Service übernommen. Die bestehende Seite war unübersichtlich und veraltet, mit zu vielen Optionen, die die Navigation erschwerten. Usability-Tests der alten Website zeigten erhebliche Probleme im Bestellprozess – potenzielle Kund*innen hatten Schwierigkeiten, ihre Käufe abzuschließen. Zudem wurde die Nutzererfahrung als wenig einladend und abschreckend wahrgenommen.

No_list_found

Überblick

Mission & Vision

  1. Improve the attractiveness of the website in favour of both parties (users and company).
  2. Mehr Zufriedenheit beim Besuch der Website schaffen und gleichzeitig dem Unternehmen helfen, noch attraktiver auf dem Markt zu werden.
Page_not_found

Erfahrung

Ziel:
Creating a website that allows for different types of experiences simultaneously.

Orientierung

People should be clearly guided through setting up print preferences and the subsequent purchasing process.

Interface

This should be supported by a clean UI design. 

Recherche

Scenario & Persona

Marlene möchte ihren Kundenstamm erweitern. Sie hat bereits ein neues Logo entworfen und möchte es nun auf Kissenbezüge, Stifte und Visitenkarten drucken lassen. Ein Freund empfiehlt ihr Drucken - Na Logo wegen der guten Preise und der einfachen Bestellung.

Marlene wählt „Visitenkarten“ und erkundet schnell die Druckoptionen. Da sie unsicher ist, was das Format und das Papiergewicht angeht, nutzt sie die Infotaste zur Orientierung. Sie entscheidet sich für das Standardformat und 300g-Papier und lädt dann ihr Design mithilfe der nützlichen Tipps hoch. Nach dem Bestätigen erhält sie eine Erfolgsmeldung und eine Produktvorschau.

Als sie auf „In den Warenkorb“ klickt, fragt ein Pop-up, ob sie den Einkauf fortsetzen oder zur Kasse gehen möchte. Sie entscheidet sich für die Bezahlung, überprüft ihre Bestellung mit allen ausgewählten Optionen und Kosten und schließt ihren Einkauf ab.

Definieren

Scribbles & Wireframes

Identity

Logo | Farbe | Name

Das Logo und das Farbschema sind von freundlichen Farben inspiriert. Die begrenzte Farbpalette macht das Design klarer. Das Logo ist ein digitaler Papierausschnitt, der die analoge Komponente des Dienstes symbolisiert.

Schriftschnitte_Zeichenfläche 1 Kopie

Finales Design

Ergebnis

Prototyp

Video Demo