← Back to Home

KUBINET UI/UX Design, Illustration

A mobile app that is used for buying food and drinks from the smart fridges.
Worked with sterly.io in about a month to deliver a minimal, convenience and friendly design.

Kubinet mobile app

Walk through

Scan the QR, grab your grub, shut the fridge, and boom—payment done with your saved card!

Kubinet Walk through UI
Kubinet Walk through UI
Kubinet Walk through UI
Kubinet Walk through UI

Super fast login

No need password. Just login using OTP or biometric.

Kubinet Login UI
Kubinet Login UI
Kubinet Login UI
Kubinet Login UI

Easy payment setup

Scan to add payment card, just once on first use.

Kubinet Scan Card UI
Kubinet Scan Card UI

User can also type-in card number

Kubinet Scan Card UI
Kubinet Scan Card UI

Fist use setup completed

The screen SCAN QR is the heart of the app, appearing every time users open it, providing quick access to scan QR codes and make purchases.

Kubinet Starting UI
Kubinet Starting UI
Kubinet Starting UI
Kubinet Starting UI

Scan QR code on the fridge to unlock it

The app features an illustration of the fridge as a friendly bot, providing system status updates in a fun and engaging way, making the technical process feel more approachable and enjoyable.

Kubinet Scan to purchase UI
Kubinet Scan to purchase UI
Kubinet Scan to purchase UI
Kubinet Scan to purchase UI
Kubinet Scan to purchase UI
Kubinet Scan to purchase UI

Purchase history

Kubinet Receipts UI
Kubinet Receipts UI
Kubinet Receipts UI
Kubinet Receipts UI

Account & settings

Kubinet Setting UI
Kubinet Setting UI
Kubinet Setting UI
Kubinet Setting UI
Kubinet Setting UI
Kubinet Setting UI

ERROR HANDLING SCREENS

Since transactions involve money, authentication is required every time the app is opened.

Users are encouraged to enable biometric authentication (face recognition or fingerprint) to unlock the app for each scan, instead of using OTP codes. If a user hasn’t enabled this feature, a popup will appear every time the app is launched, prompting them to activate biometric authentication.

Kubinet handling error UI
Kubinet handling error UI
Kubinet handling error UI
Kubinet handling error UI
Kubinet notification toast
Kubinet notification toast