Responsive Design at Michaels.com

Written by 50Caps

There were four layouts for the responsive redesign of the Michaels digital experience:

  1. Desktop grid with five columns (for resolutions 1260px and higher)
  2. Large Tablet grid with four columns (for resolutions 1259px-1024px)
  3. Small Tablet grid with three columns (for resolutions 1023px-768 px)
  4. Mobile grid with two columns (for resolutions 767px-320 px)

Four layouts accommodated a wide range of device viewports.

Michaels sells a variety of arts and crafts products.

See the results at http://www.michaels.com/

SELECT WIRE FRAMES

Michaels Cart Desktop 1Michaels Cart Desktop 2Michaels Cart TabletMichaels Cart Mobile

Michaels Search Results DesktopMichaels Search Results Tablet

Michaels Compare Page DesktopMichaels Compare Page TabletMichaels Email Sign Up