2021 Golden Standard Updates
Version 1.0 - May 04, 2021 [new checkout layout]
Invision - https://dfoglobal.invisionapp.com/share/2610PW59EMH4
NAS File Path -
Current Page Version
Design Notes (For Design Team) |
|---|
On desktop - the new layout is horizontal
On desktop - when the customer clicks the “Order Now” button, the page autoscrolls to the payment section.
On mobile - the checkout progress bar is hovering and clickable
On mobile - make sure the navigation is clickable, meaning the page will scroll to the section that user selects on navigation.
On desktop and mobile, when users make a unit selection, make sure the quantity on the order summary matches with the units selected.
On desktop and mobile, once the user clicks "EDIT", the page will either go back to the unit selection on mobile, or scroll up to the unit selection part
Feature Notes (For Dev/QA Team) |
|---|
On desktop - the new layout is horizontal
On desktop - when the customer clicks the “Order Now” button, the page autoscrolls to the payment section.
On mobile - the checkout progress bar is hovering and clickable
On mobile - make sure the navigation is clickable, meaning the page will scroll to the section that user selects on navigation.
On desktop and mobile, when users make a unit selection, make sure the quantity on the order summary matches with the units selected.
On desktop and mobile, once the user clicks "EDIT", the page will either go back to the unit selection on mobile, or scroll up to the unit selection part
Order Page - Mobile Layout
Order Page - Desktop Layout
