LinkedIn
noir image
HOME   //  

Office Depot Weekly Ad

Office Depot was one of the first retailers to utilize an overhauled responsive site design to allow shoppers to browse deals from Office Depot's printed weekly ad.

Special care was given to mobile users with viewports too small to legibly display the ad page. These designs introduced a new method of browsing in which users could zoom in on an item on a page, then swipe through the ad item by item.

mobile   //   sketches

mobile site
Weekly Ad Page Browse // sketch
mobile site
Weekly Ad Page Zoom (1) // sketch
mobile site
Weekly Ad Page Zoom (2) // sketch

mobile   //   concept mockups

mobile site
Weekly Ad Page Browse // concept mockup
mobile site
Weekly Ad Page Zoom // concept mockup

mobile site
Item Detail // concept mockup
mobile site
Add to Cart // concept mockup

mobile   //   Office Depot implementation

mobile site
Weekly Ad Page Zoom // implementation
mobile site
Weekly Ad Page Browse // implementation

mobile site
Item Detail // implementation
mobile site
Add to Cart // implementation

desktop   //   Office Depot implementation

mobile site
Weekly Ad Page Browse // implementation
mobile site
Weekly Ad - Browse by Department // implementation