P3 Process Work

Topic: I want to make a website for a fake cafe.

Information Architecture:

Home-Menu- break out into different categories like entrees, sandwiches, pastries, etc.

Persona:

Name: Bailey Barner

Age: 21

Lives: Spokane Washington

Education: Currently working on a college degree

Goals: Graduate college, be financially stable, own a small shop

Personality: Laid back, gets along well with others, passionate about interests

Bio: Bailey is a young college student who lives in the suburbs with a small farm. He wants to get a business degree to start his own shop out of state and away from his current life.

Image:

Web/Tablet/Mobile Sketches

InVision:

Click here to view the project `swain_proj3`

Style tiles:

I think I like the one to the right more. The left is more of a calm forest theme. The right is more of a nighttime forest theme.

3 Changes

1. make the navigation consistent on the right-hand side.
2. Keep everything consistent to the main page (header-wise).
3. Make things bigger and easier to read. Play around with image placement.

3 Home page designs

Web/Tablet/Phone

3 Subpage designs

Web/Tablet/Phone

Wireframe

Homepages need to be reworked.

Web/Tablet/Phone

Web/Tablet/Phone