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