Project 2 Design Specifications

Erik Evangelista

Site Map

Homepage

Typing in school input generates results in adjacent box.

School toolbar only appears if user is logged in.

Product pageLong-scroll page. Header and sidebar floats as user scrolls down.

Carousel on featured items; can click on arrows to scroll offerings.

Product Detail PageFunneling size selection.

Uniform-correct styles marked with “U”

Keyword-sensitive review window. Expandable to see full reviews

Shopping BagAdding item activates shopping modal + notification

Wishlist allows saved items to be added to bag when in-stock/desired.

Inline shipping calculations

Shopping BagAdding item activates shopping modal + notification

Wishlist allows saved items to be added to bag when in-stock/desired.

Inline shipping calculations

CheckoutMember prompt for separate workflows

CheckoutLong-scroll checkout process

Floating checkout details on the right

In-line validation

ZIP-code location validation

Continuing auto-scrolls to next step

CheckoutUpdating process window

Order details updated based on inputted data

Can scroll up to previous checkout details, or click on process window

CheckoutFinal review page summarises details in upper-right process panel

Can edit shipping information and item quantities

Order ConfirmationContinue shopping returns user to last product page or home page