ZABRINA'S FINAL PROJECT

Project Breakdown

MIND MAP

Sally's Tea Mind Map

DESKTOP LAYOUT WIREFRAME

A wireframe for the home page A wireframe of a page of the products A wireframe of user's shopping cart

MOBILE LAYOUT WIREFRAME

A wireframe for the home page A wireframe of a page of the products A wireframe of user's shopping cart

DESKTOP LAYOUT WIREFRAME

A mockup for the home page A mockup of a page of the products A mockup of user's shopping cart

MOBILE LAYOUT MOCKUP

A mockup for the home page A mockup of a page of the products A mockup of user's shopping cart

COMPONENTS

When a link from the nav bar is clicked on When an item from the dropdown menu is being hovered on When a products is being hovered Social media and subscribe buttons hover Hamburger menu on mobile layout

STYLE GUIDE

When a link from the nav bar is clicked on When an item from the dropdown menu is being hovered on When a products is being hovered Social media and subscribe buttons hover Hamburger menu on mobile layout Hamburger menu on mobile layout