Hello, Guess

Design Trend for Ecommerce Sites 2017

Among many ways to build a successful eCommerce website, design is always an important element to draw the site visitors’ attention at the first time, as well as optimize user experience. Along with the development of technology, websites tend to be mobilized. Thus, designers have to have the mobile design in mind, which allows all websites to adapt to any devices, any screen size, and any resolution.  

In fact, website design is a slow-moving process. Design trend may be influenced by huge sites such as Google, Apple, and Amazon. Or the user pattern that has been changed also require designers to seek the most effective way to respond.

Based on a snapshot of the current state of website design, and the growth of design elements, the responsive design view will be the significant change. It leads a trend for eCommerce web design in the coming year 2017. In this post, we will help you cover all eCommerce site design trends in 2017. Let’s’ get started.   

1. Mobile First Design

Currently, most websites are designed with responsiveness, which delivers the best viewing experience for your clients. It gradually transforms your desktop design to mobile devices.

And the web design tends to start with mobile first. It is the mobile first design, and designers may put mobile CSS statements higher in the documentation, and then develop it with the desktop version.  

For 2017, many customers will choose the mobile shopping, which requires design to be mobile-friendly. And here are some examples of this trend.

  • Hamburger menus. This type of menu has been developing for a couple of years. It makes your site look more clear and content-focusing. It will become more and more popular.


  • Full width of the screen. The mobile design usually use small gutters. It means it will fill most of the horizontal space. When applying this design for the desktop site, the margins on the left and right will be smaller, and the page will minimize relatively white spaces.  


  • Large images, buttons, and icons. Large finger-friendly icons from mobile designs will stand out on desktop screens.

2. Card and Card-like Layouts

In web design, a card means images, text with a single topic. Using card is another easy way to organize different topics to draw the attention from customers. Especially card layouts work well in the responsive designs.   

In fact, card is a design pattern which has been heating up and become more popular in eCommerce design in 2017.  

You may find many design guidelines about cards and card layouts, but to get more specific information, Google’s Material Design will help you.

Currently, many eCommerce sites have started to use cards and card layouts to show categories and products, such as Lord & Taylor, Rejuvenation, or Belk, etc.  

3. Long Scrolls and Lazy Loading

To display the site on a mobile device, it may take more time to load the site and work. This is the challenge for any site because the views tend to abandon the site if it loads more than 3 seconds. As a result, the solution is creating pages with long scrolls to load objects. It is most preferred for product category page with a huge amount of products.

Thanks to the long scroll, the page can load more products, up to 50, 100 before asked to load a new page like others.   

4. Hamburgers on the Left


Web design now is usually based on the Bootstrap framework and followed the Bootstrap 3 Navbar, so the hamburger menu is placed on the right side of the navigation. Many websites follow this pattern, but some leading sites like Google have placed their hamburger menu on the left.

Although it is only a small change, it brings to a huge effect. In fact, when put it on the left, the hamburger menu is among the first things that site viewers can find. And then it makes the navigation easier.  

5. Large Photography and Videos


Pictures and videos are effective tools to express your thought. In 2017, eCommerce sites will continue with large pictures and a great number of videos. And then designers and developers will optimize lots of materials to boost the site performance on all platforms.  

6. Cinemagraphs, or the Return of the GIF

The animation may come back in 2017 in a more subtle form, named the cinemagraph. It is still a picture but a small, repeating animation has been added. It is quite small but still eye catching.

On eCommerce websites, cinemagraphs can appear as background images, category headers, banners, or product images. This will boost the engagement and conversion rates.

Final thought

Often changes in site design are the results of the changes in usage. In 2017, the mobile design will be the most popular trend to provide shoppers with convenient shopping experiences. And mobile first design, card pattern, long scrolls, left hamburger menus, large pictures or cinemagraphs will definitely improve experiences across devices.

Which one do you choose to apply on your eCommerce website? Any eCommerce site design trends you think still missed from this list? Please feel free to share it in the comment below.

If you found this interesting, you can follow your Facebook, Twitter, and Pinterest to get more useful information.   

I'm the content marketer at ThemesPond. In addition to writing blog posts, I edit our blog, and manage our many content contributors. Also, I’m a member of the WordPress community. I’ve devoted my time on delivering all necessary elements in the WordPress ecosystem, like WordPress tutorial, plugins, themes.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.