BRMSK

Checkout und Kundenkonto für einen WooCommerce-Modeshop.

Ich überarbeitete Checkout, Telefonanmeldung und Kontoseiten im bestehenden WooCommerce-Shop.

Bereich
Modeeinzelhandel
Technologien
WordPress / WooCommerce / DaData
Projektjahr
2023
Originaler Checkout-Ausschnitt mit dem ausgewählten Produkt und leeren Kundenfeldern.
Projektdetail

Originaler Checkout-Ausschnitt mit dem ausgewählten Produkt und leeren Kundenfeldern.

Die Aufgabe

BRMSK wollte die letzten Schritte des Einkaufs verbessern. Adresse, Versand und Kontozugang mussten im überarbeiteten Checkout zusammenpassen.

Die Umsetzung

Ich überarbeitete Checkout und Kundenkonto des bestehenden WordPress- und WooCommerce-Shops von BRMSK. Dazu gehörten DaData-Adressvorschläge, Versandplugins und Telefonanmeldung über SMS Aero. Die Bilder sind ursprüngliche Projektaufnahmen. Mein Auftrag umfasste diese Bereiche, nicht die gesamte Markenwebsite.

Das Projekt im Detail

Die Bilder zeigen Oberfläche und Kontext. Die Bildunterschriften unterscheiden Projektarchive von heutigen Website-Ansichten.

Adresse und Lieferung verbinden

Ich ergänzte DaData-Adressvorschläge und passte die Versandplugins an den neuen Checkout an. Der Standort des Kunden bleibt Teil desselben Bestellablaufs und muss nicht in einer zweiten Oberfläche eingegeben werden.

Ortsfeld für die Lieferung, ausgeschnitten aus demselben Original-Checkout.
Projektdetail

Ortsfeld für die Lieferung, ausgeschnitten aus demselben Original-Checkout.

Bestellübersicht aus demselben Original-Checkout mit Gesamtsumme und Bestätigung.
Projektdetail

Bestellübersicht aus demselben Original-Checkout mit Gesamtsumme und Bestätigung.

1 von 2

Mit Telefon und Bestätigungscode anmelden

Ich setzte die überarbeiteten Anmeldeseiten um und verband SMS Aero für Bestätigungscodes. Die beiden Originalansichten zeigen die erste Telefoneingabe und das Formular für den Code.

Originale Telefoneingabe vor der Anforderung des Anmeldecodes.
Projektdetail

Originale Telefoneingabe vor der Anforderung des Anmeldecodes.

Originale Anmeldung mit Telefonnummer und SMS-Code, mit leeren Feldern.
Projektdetail

Originale Anmeldung mit Telefonnummer und SMS-Code, mit leeren Feldern.

1 von 2

Kontodaten einfacher verwalten

Ich arbeitete am Kontobereich für Profilangaben, gespeicherte Adressen und Passwortänderungen. Auch die WooCommerce-JavaScript-Funktionen wurden an die Oberfläche angepasst. Die Archivansicht zeigt leere Felder ohne Kundendaten.

Originaler Kontobereich mit leeren Profil- und Adressfeldern.
Projektdetail

Originaler Kontobereich mit leeren Profil- und Adressfeldern.

Das Ergebnis

Umgesetzt

Checkout mit Adressvorschlägen

In der Praxis

Telefonanmeldung und Versandintegration

Details zu BRMSK

Welcher Teil des Handels war betroffen?

Die Checkout-Arbeit brachte Adresseingabe, Lieferwahl und Anmeldung per Telefon in den letzten Kaufschritten zusammen.