Recently went to a sushi store to eat and I was surprised to find out it asked visitors to use their own phone to order.

BYOP

Bring your own phone to order. This was new to me.

You login into a website. by scanning the QR Code. Once you order you can get a sushi via their rail delivery system.

I stated to see if I can recreate this in my own spare time to use as a learning case to make a full responsive website prototype.

Design my Own Ordering App

I start to work out some of the design styles I want to incorporate looking at different color palettes of japan. One of the themes I want to incorporate is the Bullet Trains and food style into this website app.

Site Maps and Flow Charts

I Started off in Axure to create a few basic Sitemaps and ordering flow charts.

Sketch prototype

Next was trying out some basic prototypes and wireframes in Sketch. I am considering to use the Material Design principles eventually to design the UI.

At the moment I am focusing on the User Order portion of the app once they scan a QR Code they will be brought to the homescreen and adding items to the order checkout.

Next steps

• Breaking down the UI Components
• Create the interactions prototypes in Axure / Sketch
  
• Create High Fidelity Mockups and Wireframes
• Learn React JS to create a functional prototype.