Client

Havana Sandwich Company

Havana-screenshot
Havana-screenshot
screenshot of Havana Sandwich Company's homepage

visual design

Branding is quirky and fun. However the website looks stagnant due to the harsh borders and the lack of white space. Each element on the page is taking up equal amount of space resulting in a lack of hierarchy.

centent

Does not include a full menu, which would be an important thing customers look for on a website.

call to action

No clear call to action.

navigation

Easy and clear navigation on top. Is it not the first thing customers see. They see the header text first. the nav menu is a little hard to notice due to the small text and it's proximity to the header business card.

functionality

As a customer I am able to find some things I need, but the visuals are not making me feel hungry.

Community building is not clear

Competitive Analysis

Good Stuff Resraurant

goodstuff-screenshot
goodstuff-screenshot2
goodstuff-screenshot3
screenshot of Good Stuff Restaurant's homepage

visual design

consistent brandind, a bit over crowded on the front page.

centent

has everything needed, however the content could use better reorganization

call to action

asks to order online as the call to action

navigation

intuitive and attractive navigation, sometimes seems crowded with subpages

functionality

as a customer I am able to find everything I need. However the page does not load very fast.

community building

good community building with lots of content about history and things happening around town. Beach cam. Customers can vote for their favorite dish

Jetta Thai Cuisine

jetta-screenshot
jetta-screenshot
screenshot of Jetta Thai's homepage

visual design

very clean and beautiful. Good typography. No videos that are distracting

centent

just enough content, not overly crowded

call to action

No clear call to action

navigation

beautiful, clean navigation

functionality

I am able to find everything I need, pages load fast except for the menu

community building

Not much about community in this website. Some history about the other restaurants owned by the restauranteurs owning Jetta. Not incredibly engaging

Two Guns Espresso

twoguns-screenshot
twoguns-screenshot2
screenshot of two guns espresso homepage

visual design

Beautiful image gallery. looks like instagram or pintrest. Clean interface.

centent

Has everything I need.Beautiful typography

call to action

clear call to action to order online, and to buy beans (banner) yet not abstrusive. Consistent styling

navigation

Very intuitive, good feedback

functionality

Loads extremely fast.

community building

Some info about the history of the restaurant, however there is not much that users can engage with the brand. I am not sure from looking at the website how much community building this brand does

Goals and Target Audience

what questions need to be answered in order to complete this project?

who eats at havana sandwich? what type of restaurants do they usually go to? what do they like and not like about the current website? what do the owners of this restaurant want?

What tasks do we need to complete in order to successfully design this website?

user research; competitive analysis; creating flowchart; sketching; wireframing; low-fi prototyping; creating styleguide; high-fi protoyping; coding

What issues need to be solved?

learning to create webforms that work, learning to create an appealing styleguide. Learning to create fast-loading websites that work on desktop and mobile

What is our schedule?

  1. Project #1: Market Research (06/24/2019)
    Introduction, HTML, Markup, Page Sourcing, and the Web
  2. Exercise #2: Getting to Know U(RL) (06/28/2019)
    HTML + CSS Stylesheets, Multipage Navigation, DIVs, display Property, and Semantics
  3. Project #2: Sitemap (07/01/2019)
    Page Composition, Colors, Fonts, and Images
  4. Exercise #3: D is for DIV(07/05/2019)
    Pagination, Single-Page Scrollers
  5. Project #3: Style Tiles (07/08/2019)
    CSS3 Transforms and Transitions
  6. Project #4: Wireframes (07/12/2019)
  7. Project #5: Design Comprehensives (07/15/2019)
    CSS3 Animations
  8. Restaurant Website Redesign Prototype (07/19/2019)
    jQuery Actions and Events
  9. Project #6: Revised Design Comprehensives(07/22/2019)
    jQuery Photo Galleries
  10. Final Project: Responsive Restaurant Website (07/26/2019)
    Responsive Web Design (RWD), CSS3 @media Rule