23
Restaurant & Brewery Darissa Boonwathanakul | Courtney Staggs | Interface Design

Ram Mobile App

Embed Size (px)

DESCRIPTION

We created an application for the Ram Restaurant and Brewery located around the US. Specificially for one located in Seattle's University Village. With this application, customers are able to purchase food items as well as put their name on the waiting list.

Citation preview

Page 1: Ram Mobile App

Restaurant & Brewery

Darissa Boonwathanakul | Courtney Staggs | Interface Design

Page 2: Ram Mobile App

Who we are

Application Definition StatementThe Ram iPhone and iPad app focuses on the satisfaction of our guests. We created this in order to provide immediate access to our menu, or-dering food, and allowing them to view our waiting list prior to their ar-rival. This app is designed for people who love to get in and get out, who are in a hurry, or enjoy ordering before they arrive.

The Ram is a private, independent, family-owned and operated restau-rant business. We were born on February 26, 1971 when our founders took their entrepreneurial spirit and experiences they received mak-ing pizza and serving beer at Shakey’s Pizza Parlor to open their own restaurant. That first restaurant was called the Ram Pub, which was a “Deluxe Tavern” that served hot food, including cook-your-own burgers and steaks, along with beer and wine.

The “Deluxe Tavern” concept gradually evolved throughout the ‘70s into our casual, full-service, family-oriented restaurants of today. Our brand grew further when we opened our first fine-dining dinner house in 1980.

In 1995 we launched the Big Horn Brewing Company. By brewing our own ales and lagers, we are able to offer our guests superior quality, na-tionally recognized, hand-crafted beers at value prices.

Page 3: Ram Mobile App

User Personas

Nicole would download and visit the mobile application, because the mobile application will help her save time to wait in a line.

Richard AdbertonesProfessorAge: 55

Nicole RollerUndergrad StudentAge: 21

Richard is a leading authority on competitive strategy. He spends most of his time teaching undergraduate course and doing his research about the modern strategy field in competitive strategy and management in University of Washington. He enjoys to reading the books and searching the Internet when he has free time.

Nicole is a sophomore in Department of Management System at University of Washington. She is very interested in new online software applications, but she does not have a technical background.

INTERESTS

INTERESTS

AMBITION

MOTIVATION

MOTIVATION

AMBITION

Richard has started enjoying life. He has always been for entertaining and hanging out with friends and the community group.

Richard is always having the ideas for the new projects and people like his ideas. He is looking for something to save his time and then he can spend more time for his research.

Richard would register as a member for this mobile application. He will save more time from waiting the line for lunch and dinner.

Nicole is a Mac user and she like to spending her time play with software applications. She is comfortable using shopping online and makes a reservation for the restaurant online. She likes the entertaining and enjoying the party.

Nicole wants a fast and convenient way to do her activities, so she is looking for a tool to help her save time and enjoy.

Page 4: Ram Mobile App

User Personas

Francis uses mobile applications a lot. He likes to play and download the new applica-tions. If the application helps him save his time, he will use it.

Sara MillsSale ManagerAge: 32

Francis JohnsonUndergrad StudentAge: 23

Sara Mills is a Sale Manger who working in cosmetic company. She became as a salesperson for 5 years before working as a sale manager. She is a busy woman and has to take care of her small child, ages 3.

Francis Jonson is a Senior Student at the University of Washington, Francis pursuing a B.S. in Business Management. He plans on continuing his education to pursue an MBA and a Mater in Educational Leadership. He plans on developing as a professional in the field of Student Affairs. Francis currently works as a Student Facility Supervisor and helps supervise daily operations and student employment.

INTERESTS

INTERESTS

AMBITION

MOTIVATION

MOTIVATION

AMBITION

Sara enjoys weekend with her husband and her son and attends any social event going so she can be surrounded by people.

Sara needs to cut down on time spent doing for waiting. She feels comfortable to using any online order from her phone. So she can have more time with her family and her friends.

Sara would download the restaurant mobile application for her convenience. She thinks the mobile applications can help her time-saving.

Drinking beer is his favorite activity. The best part is medium dark beer.

Francis wants to have the opportunity to meet great students and professionals in a field that he loves while gaining experience and knowledge to become a great Student Rep-resentative. Francis looks forward to the Fall 2012 Conference and the opportunity to grow.

Page 5: Ram Mobile App

Style Guide

Color Palette

Typefaces

ABCDEF abcdef | Georgia

For our Ram mobile app, we will determine our color scheme but will abide by the Apple interface guidlines.

Apple iphone api

Page 6: Ram Mobile App

Site Map

Page 7: Ram Mobile App

Sketches

Page 8: Ram Mobile App

Icon

Inspiration

Page 9: Ram Mobile App

Ram Image

LOGINREGISTER

LOGIN

REGISTER

LOGO

FB

usernameFIRST

username

LAST

password

password

Login with Facebook

Remember me

Wireframes

Page 10: Ram Mobile App

Google MapsCurrent Location

When Selected

Description of item

Nav Bar

PickerKeyboard

Names

James 15-20 mins

Wait Time

Waiting List

Burgers

AppetizersEntres

$

$

$

$

$

$

$

Image

Image

Image

Image

Image

Image

Image

FingerScroll

Wireframes

Page 11: Ram Mobile App

Order

Receipt

Credit Card

Card Number

Experation

Dine In Take Out Place Order

$quantity

quantity

Total

$

$

Visa

Wireframes

Page 12: Ram Mobile App

Icon

Page 13: Ram Mobile App

Home Screen

Page 14: Ram Mobile App

Login or Register

Page 15: Ram Mobile App

Register

Page 16: Ram Mobile App

Login

Page 17: Ram Mobile App

Google Maps

Page 18: Ram Mobile App

Menu

Page 19: Ram Mobile App

Menu: Burgers

Page 20: Ram Mobile App

Order Summary

Page 21: Ram Mobile App

Waiting List

Page 22: Ram Mobile App

Notification

Page 23: Ram Mobile App

http://www.teehanlax.com/blog/iphone-4-gui-psd-retina-display/

http://designerstoolbox.com/

http://developer.apple.com/library/ios/#documentation/UserExperi-ence/Conceptual/MobileHIG/AppDesign/AppDesign.html

http://www.theram.com/washington/seattle.html

Iphone User Inteface

The Ram Restaurant

Resources