Page design: responsive e-commerce website design case study

Responsive design technology is more mature than three years ago and has more design, testing tools and design frameworks and styles.

However, most of these designs are used in some reading, blog, and simple portal websites, which are rarely involved in the e-commerce field.

Large and medium-sized e-commerce websites in China basically do not use responsive design technologies.

However, today we see a website for customizing clothes for food delivery in China, which is well designed and implemented and is worth learning from.

Website homepage:

Http://www.indochino.com

On the PC, there are four blocks in a row and navigate to each category.

Switch to list mode automatically on the mobile phone (with an arrow on the right)

Product Display page:

Http://www.indochino.com/collection/Shirts

The menu bar is at the top of the PC. The following content has two columns: the category navigation column on the left and the product display column on the right.

As the device size decreases, the product display column gradually decreases from four columns to two columns.

Then the column on the left disappears and the category navigation column is changed to the navigation drop-down menu in the upper-right corner of the product, for example: