1920-1080-empty

Kukimi Checkout

UI-Design – HR Group

Checkout-Prozess für ein Ernährunsprogramm auf wöchentlicher Basis

UI Design – HR Group

Checkout process for a nutrition programm on a weekly basis

Im ersten Schritt werden die gewünschten Gerichte und ihre Menge gewählt. Mindestens fünf sind erforderlich, um die Bestellung fortzusetzen. Gewählte Gerichte werden mit einem Häkchen und der Menge angezeigt, der Warenkorb wird bei Menge und Summe aktualisiert.

The first step entails the choice of meals and amounts. At least five are required to continue the ordering process. Chosen meals are displayed with a checkmark and the amount. The cart updates with the amount and total sum.

KKM-Mockup-Dish-Detail

Für jedes Gericht gibt es eine Detail-Ansicht mit Beschreibung, Nährwertangaben und Zutaten, die als Overlay angezeigt wird.

For each meal there is a detail view with a description, nutritional information and ingredients, which is displayed as an overlay.

KKM-Mockup-Checkout-1-PLZ

Nach der Auswahl der Gerichte werden Postleitzahl und eMail-Adresse abgefragt. Die Angabe dieser Informationen an dieser Stelle im Prozess dient der Lead-Generierung, selbst wenn der Nutzer die Bestellung später abbricht. Ein rechtlicher Hinweis zur eMail-Nutzung und Antworten zu häufig gestellten Fragen werden angezeigt.

After choosing the meals, the user is promted to enter the ZIP code and email address. Requesting this information at this point serves the purpose of lead generation, even if the user aborts the ordering process later. Legal information about email adress usage is provided as well as answers to frequently asked questions.

Bei den Lieferdetails werden Lieferdatum und -zeitfenster gewählt sowie Adressdaten eingegeben. Eine von der Rechnungsadresse abweichende Lieferadresse ist möglich.

At the delivery details step the delivery date and time frame are chosen as well as adress entered. Its pssible to specify seperate adresses for delivery and invoice.

Vor dem Abschicken können alle Informationen der Bestellung noch einmal überprüft werden. Die Zahlungsart und ggf. ein Gutschein-Code sowie ein Kommentar können angegeben werden. Die Zahlung erfolgt dann beim gewählten Anbieter.

Before submitting, all information on the order can be checked. The payment method as well as a voucher code and a comment can be specified, if available. The payment will be performed at the chosen provider.

Christian Schirmer

Siedelmeisterweg 11, 13403 Berlin
christian.schirmer(at)mail.de