In_n_Out_banner_header.jpg

About

The In-N-Out mobile ordering concept would allow customers to place orders from their mobile device and pickup at their selected In-N-Out location. Users would be able to favorite locations, view menu items, and customize their orders. In this mobile concept, I’ve obeyed the challenge in keeping the brand’s simplicity, making ordering and customization actions easy as possible.

In-N-Out Burger has a simple menu and delivers a perfect product in every order. Through mobile ordering, the company would compete with other brands in the market, potentially boost profits, cut the long lines, and further deliver the quality service In-N-Out customers are guaranteed every time.

 

Client

Personal

Focus

Visual Design, User Experience, Interaction Design, Wireframing, Prototyping, UI Animation, Branding

Tools

Sketch, Adobe Photoshop, After Effects

INOUT_colorblock.png
INOUT_letterblock_bold.png
INOUT_letterblock_medium.png
wireframe_comp_Artboard 2.jpg
wireframe_comp+persona-01.jpg

INOUT_mock_1.jpg

Splash + Login

Upon opening the app, users will be greeted with the login page. Users are encouraged to sign into their account or sign up for an account with the rewards promotion. With continuous use of the app, customers will earn points toward reaching “Gold,” which equals to the reward of a food or drink item. This increases the probability of customer return.

Select In-N-Out Location

Users will be prompted to first select a franchise location by entering their current zipcode, or allowing the app to access user location.

INOUT_mock_3.jpg

Pop-Up Promo

Users are greeted with the suggestion of a menu item. If they choose “order now,” users will be able to customize their order. This can potentially boost the sale of a particular item and return rate with ordering convenience.

INOUT_mock_2.jpg

Home

Users can view current or previous orders here, with wait and ready times along with location address and directions if needed. Users can also access the menu, locations, funds, favorites, and rewards.

INOUT_mock_5.jpg

Menu

Customers have easy access to the complete In-N-Out menu, first starting with burgers, fries, drinks, and shakes.

INOUT_mock_6.jpg

Item Specific Menu

Once selected customers can narrow down their selected items.

INOUT_mock_7.jpg

Item Selection

Users can select and view specific items with the option to customize their order.

INOUT_mock_8.jpg

Customize

Users have the ability to customize their order, such as adding another item, extra toppings, accessing the secret menu, or making it a combo and completing their order.

INOUT_mock_9.jpg
 
INOUT_mock_10.jpg

Confirmation + Pay

The user can make any last edits to their order or confirm and make a payment.