Porcino restaurant website wireframes

Website home page wireframes and mockup by

Arcelia Oca単a

Information Arquitecture

Homepage [0.0]

Menu [1.0] À la carte [1.1] Meals [1.2] Catering [1.3] Nutrition [1.4]

Key

Footer Content Careers [0.1]

Homepage Primary Navigation

Key

Contact Us [0.2]

Restaurants [2.0]

Our Story [3.0] Homepage [0.0]

Locations [2.1] The Experience [2.2] Menu [1.0]

Restaurants [2.0]

Ă€ la carte [1.1]

Locations [2.1]

Meals [1.2]

The Experience [2.2]

Catering [1.3]

Utilities Nutrition [1.4] Order Now [5.0] Account [6.0] Footer Content

Utilities

Secondary Navigation

Newsletter [0.3] Homepage

Sign [0.1] In [7.0] Careers

Order Now [5.0]

Tertiary Navigation

Franchise [0.4] Primary Navigation

Social Contact UsMedia [0.2] [8.0]

Account [6.0]

Utilities

Secondary Navigation

Newsletter [0.3]

Sign In [7.0]

Franchise [0.4]

Social Media [8.0]

Tertiary Navigation

Our Story [3.0]

Utilities

PORCINO wireframes Last edited: 08/07/2014

page 2

Home page (top) wireframes

1.0

ORDER ONLINE

1.0

Order Online Users have the ability to order the food online.

2.0

Account New users can register for an account.

Having an account will make orders faster.

It also will give exclusive offers and points for each transaction. It also gives

LOGO

MENU

RESTAURANTS

ACCOUNT

LOG IN

2.0

3.0

OUR STORY

Tw

information on new restaurants and events near to the user's area.

Fb

3.0

4.0

Log In Users with an account can go directly to their preferred orders, last orders, exclusive offers and points.

Featured Content Carousel The carousel will contain images and/or text with calls to action within the site.

4.0

ORDER ONLINE

PORCINO wireframes Last edited: 08/07/2014

page 3

Home page (bottom) wireframes

5.0

5.0

Hours of operation Static image with the regular hours of operation.

6.0

Google map The users can make use of the satellite imagery, street maps, and street view perspective to Ăžnd the PORCINO restaurant near to them. As well as plan a route for traveling to the desired location.

6.0

Hours of operation

7.0 7.0

Careers

PORCINO wireframes Last edited: 08/07/2014

Contact Us

Find a PORCINO

Newsletter

PORCINO Location Filter (by city) Users have the ability to Ăžlter through the PORCINO restaurant location listing by city name. By default "All cities" should be shown.

Franchise

page 4

Home page mockup (top)

PORCINO wireframes Last edited: 08/07/2014

page 5

Home page mockup (bottom)

PORCINO wireframes Last edited: 08/07/2014

page 6