Rolle: UI/UX Design · Visual Design · Art Direction
Überblick
Für den Online-Shop des ukrainischen Premium-Kaffeerösters „Dom Kofe WE“ habe ich den gesamten Checkout-Prozess gestaltet. Das Ziel war es, einen klaren, vertrauensvollen und nutzerfreundlichen Bestellabschluss zu schaffen, der trotz der Komplexität von Lieferoptionen, Zahlungsmethoden und Adressdaten übersichtlich und angenehm bleibt.
Für den Online-Shop des ukrainischen Premium-Kaffeerösters „Dom Kofe WE“ habe ich den gesamten Checkout-Prozess gestaltet. Das Ziel war es, einen klaren, vertrauensvollen und nutzerfreundlichen Bestellabschluss zu schaffen, der trotz der Komplexität von Lieferoptionen, Zahlungsmethoden und Adressdaten übersichtlich und angenehm bleibt.
Design Direction
Clean. Modern. Trustworthy.
Das Design folgt einer klaren, funktionalen und gleichzeitig warmen Ästhetik. Die Farbpalette basiert auf dem Markenrot der Marke, kombiniert mit neutralem Weiss, Grau und dezenten Akzentfarben. Großer Wert wurde auf gute Lesbarkeit, visuelle Hierarchie und klare Trennung der einzelnen Schritte gelegt.
Clean. Modern. Trustworthy.
Das Design folgt einer klaren, funktionalen und gleichzeitig warmen Ästhetik. Die Farbpalette basiert auf dem Markenrot der Marke, kombiniert mit neutralem Weiss, Grau und dezenten Akzentfarben. Großer Wert wurde auf gute Lesbarkeit, visuelle Hierarchie und klare Trennung der einzelnen Schritte gelegt.
User Flow & Struktur
Der Checkout ist in logische Schritte unterteilt:
1. Kontaktdaten (Name, Telefon, E-Mail, Adresse)
2. Lieferoptionen – Detaillierte Auswahl (Abholung, Kurier, Nova Poshta, Justin etc.) mit Preisen und Fristen
3. Zahlungsmethoden – Übersichtliche Darstellung der verfügbaren Zahlungsarten (Karte, Apple Pay, Google Pay, Barzahlung bei Lieferung)
4. Zusammenfassung – Klare Anzeige von Warenkorb, Lieferkosten und Gesamtsumme
Der Checkout ist in logische Schritte unterteilt:
1. Kontaktdaten (Name, Telefon, E-Mail, Adresse)
2. Lieferoptionen – Detaillierte Auswahl (Abholung, Kurier, Nova Poshta, Justin etc.) mit Preisen und Fristen
3. Zahlungsmethoden – Übersichtliche Darstellung der verfügbaren Zahlungsarten (Karte, Apple Pay, Google Pay, Barzahlung bei Lieferung)
4. Zusammenfassung – Klare Anzeige von Warenkorb, Lieferkosten und Gesamtsumme
Besonders gelungen ist die übersichtliche Darstellung mehrerer Lieferoptionen mit integrierten Karten und Zeitfenstern.
UI & UX
- Sehr klare Schritt-für-Schritt-Führung
- Gute visuelle Trennung der Blöcke
- Prominente grüne „ZAMOVLENNYA PIDTVERDZHUYU“-Buttons
- Hilfreiche Zusatzinformationen (z. B. kostenlose Lieferung ab 1000 грн)
- Optimierte Mobile-Darstellung (wichtig für den ukrainischen Markt)
- Sehr klare Schritt-für-Schritt-Führung
- Gute visuelle Trennung der Blöcke
- Prominente grüne „ZAMOVLENNYA PIDTVERDZHUYU“-Buttons
- Hilfreiche Zusatzinformationen (z. B. kostenlose Lieferung ab 1000 грн)
- Optimierte Mobile-Darstellung (wichtig für den ukrainischen Markt)
Technische Umsetzung
- Sauberes, modernes Interface mit klarer Informationsarchitektur
- Durchdachte Fehler- und Validierungs-Hinweise
- Responsive Design für alle Geräte
- Hohe Conversion-Optimierung
- Sauberes, modernes Interface mit klarer Informationsarchitektur
- Durchdachte Fehler- und Validierungs-Hinweise
- Responsive Design für alle Geräte
- Hohe Conversion-Optimierung
Tools
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Ergebnis
Es entstand ein übersichtlicher, professioneller und nutzerfreundlicher Checkout, der das Vertrauen der Kunden stärkt und die Abschlussrate erhöht. Das Design passt perfekt zur Marke „Dom Kofe WE“ und bietet ein angenehmes Einkaufserlebnis bis zum letzten Klick.
Es entstand ein übersichtlicher, professioneller und nutzerfreundlicher Checkout, der das Vertrauen der Kunden stärkt und die Abschlussrate erhöht. Das Design passt perfekt zur Marke „Dom Kofe WE“ und bietet ein angenehmes Einkaufserlebnis bis zum letzten Klick.
