Order Taker App

Order Taker is an app created for the Native Script Uplabs challenge. The project was created together with my friend Lawrence Marcelino, where I designed the interface of the app while he coded it. The idea behind the application is to easily split the amount of restaurant orders with your friends, avoiding forgotten payments and hassle computations.

CAPABILITIES

Interface Desgin, User Experience, Interaction Design, Sketching, Wireframing

TOOLS

Sketch, Principle

Sketching

Together with Lawrence, we brainstormed on the features we wanted to have in the app using a whiteboard to visually represent our ideas.

Whiteboard sketching

Wireframes and Mockups

With the basic interface sketched out, I refined them in wireframes. Here we iterated a couple of times and agreed on what would be feasible for Lawrence to develop and implement, considering the tight deadline we had to submit the application to the contest.

As Lawrence had a good base to start coding the application based on the wireframes, in the meantime I was designing the visual part of it and preparing the mockups.

Wireframes
Mockup of the order creation steps

Prototype

The application usage is pretty straight forward. From the main screen the user creates an order by selecting the person who is ordering, typing the item, quantity, and lastly the price. In the end, the user gets an overview of all orders and those friends will be notified about it.

In the prototype I paid particular attention to interaction details, for example, on how the user selects a person and the general animations between each step.

Prototype
⟵ Back to Cases