1920-1080-empty

Kukimi Now!

App UI/UX – HR Group

Kukimi Now! ist eine Bestell- und Bezahl-App für Restaurants.

App UI/UX – HR Group

Kukimi Now! is an ordering and payment app for restaurants.

KKM-Now-Mockup-Home-Menu

Der Home-Screen empfängt den Benutzer mit einer kurzen Anleitung zum Bestell-Prozess mit Kukimi Now! und einem Button, der die QR-Scan-Funktion der App aktiviert. Die Erklärung wird mit Icons unterstützt.

The home screen welcomes the user with a short introduction how to order with Kukimi Now! as well as a button to activate the apps QR scan functionality. The instructions are supported by icons.

KKM-Now-Mockup-Scan

Mit dem Scannen des QR-Codes am Aufenthaltsort, beispielsweise einem Tisch im Restaurant oder einem Hotelzimmer, bekommt man Zugriff auf das passende Menü. Dafür werden Zugriffsrechte auf die Kamera des benutzten Geräts benötigt.

Scanning the QR code at the users location, a restaurant table or hotel room for instance, will open the menu corresponding to that location. The user has to grant access to the devices camera for that.

KKM-Now-Mockup-Menu

Das Menü beinhaltet eine kurze Beschreibung des Restaurants gefolgt von einer gegliederten Artikel-Liste. Wird ein Artikel dem Warenkorb hinzugefügt (über die Artikel-Detail-Ansicht, s.u.), erscheint er mit der Menge markiert im Menü. Der Warenkorb selbst wird am unteren Bildschirmrand als Button angezeigt.

The menu consists of a short description of the restaurant and an structured item list. As an item is added to the cart (via the item detail view, see below), it will be marked with the amount in the menu. The cart itsself is displayed at the bottom of the screen.

KKM-Now-Mockup-Item

In der Artikel-Detail-Ansicht können die gewünschte Menge und ggf. Varianten des Produkts sowie Zusatzoptionen festgelegt werden. Die verfügbaren Optionen richten sich nach dem Produkt. Der Zum-Warenkorb-hinzufügen-Button führt zurück in das Menü.

In the item detail view the user can set the desired amout as well as variants of the product and extras if available. The scope of this view depends on the product. The Add to Cart button leads back to the menu.

KKM-Now-Mockup-Checkout

Nach der der Produktauswahl besteht im Warenkorb die Möglichkeit, einen Gutscheincode einzugeben oder Trinkgeld hinzuzufügen. Der Bestellen-Button führt zum Zahlungspartner. Nach erfolgreicher Zahlung gelangt man zur Bestellbestätigung mit Quittungsdownload-Option.

After finishing the item selection, the cart offers the options to enter a voucher code or add a tip. The Place Order button leads to the payment provider. After successful payment, the order confirmation with a reciept download option is displayed.

KKM-Now-Skizzen

Christian Schirmer

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