8 Web Design Trends for Your Ecommerce Store

Your website is your digital storefront. With easy to use eCommerce website platforms like Shopify and BigCommerce, design tools like Canva, and talent marketplaces like Upwork and Dribbble, there’s no excuse not to have a great looking site in this day and age.

However, anyone who has set up an online store knows that all of these resources don’t replace having a solid vision for your brand and what your store will look like.

To inspire your online store’s design (or maybe just the facelift) here are 8 web design trends you should take a look at.

1) Video

Attention spans are shorter than ever, which means your brand positioning and pitch needs to be tight. Video has been popular for years, but it’s emerging as a go-to content medium for websites like never before.

Although it’s not an eCommerce store, Robinhood’s website is a great example of how Robinhood can get your pitch across in an impactful way.

robinhood

2) Parallax Scrolling

The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating a nice and interesting 3D illusion. The term “parallax” derives from the Greek word parallaxis, which means alterationParallax is a difference in the apparent position of an object viewed along different lines of sight. The parallax effect has been around for a while, but just lately it’s been becoming more popular.

Unfold, a Norwegian interactive agency, uses parallax scrolling in a really interesting way.

unfold-parallax-scrolling

 3) Slide-Out Menus

For some people, navigation bars are too cluttered. As we gravitate more and more towards simplicity, slide-out menu bars are an extension of that trend. Users can access the menu by toggling to the top or side of the screen. Slide-out menus are especially great for mobile web designs, since space can be an issue with those.

For an example, take a look at Squarespace’s site, which uses a slide-out menu.

square-space-side-menu

4) Quirky Fonts

The days of standard fonts like Arial, Helvetica, and Times New Roman have come and gone. More and more, designers are opting for slight variations on these classics and for unique fonts, as seen by the rise of Proxima Nova.

Additionally, throwbacks to vintage design are becoming more and more popular.

You probably recognize the inspiration from these areas in a lot of site designs:

Vintage Book Covers

the-sea-around-us-book-cover

Vintage Soap Labels

vintage-soap-label

Cigarette Boxes

lucky-strike-filters

Circus Posters

vintage-circus-poster

5) Flat Design

iOS 7 brought in the era of flat design in which we said a heartfelt goodbye to gradients. Fitbit’s site design was clearly inspired by this desire for flat design.

fit-bit

6) “Cards”

More and more websites are embracing tiled Pinterest-like layouts that are photo-friendly and fun to scroll through.

one-love-tile

7) Hand-Drawn Illustrations

Hand-drawn illustrations have been popular for a while, but with the rise in iconography and vintage design, they’ve only become that much more popular. As a bridal brand, Twigs & Honey’s hand-drawn illustrations reinforce the whimsical element to their image.

hand-drawn-illustration-example

8) Oversized Hero Photos

From website content to social media creative, photography is one of the best places to invest in your marketing these days. More and more sites are using large “hero” photos to show off their best images. Rather than focusing soley on the product, they represent the product in the wild and sell the lifestyle of their brands. Hershel’s website is a prime example.

hershel

What design trends do you like the most? Let us know in the comments.

 

Smarter Lead Nurturing Emails and Newsletters with Klaviyo’s Unb…

 

 

5 Types of Emails You Should Be A/B Testing (and How)

 

 

3 Great Welcome Email Ideas for your Ecommerce Store

 

.yuzo_related_post img{width:260px !important; height:250px !important;}
.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}
.yuzo_related_post .relatedthumb:hover{background:#ffffff !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}
.yuzo_related_post .relatedthumb a{color:#323b43!important;}
.yuzo_related_post .relatedthumb a:hover{ color:}!important;}
.yuzo_related_post .relatedthumb:hover a{ color:!important;}
.yuzo_related_post .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb{ margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; }

jQuery(document).ready(function( $ ){
//jQuery(‘.yuzo_related_post’).equalizer({ overflow : ‘relatedthumb’ });
jQuery(‘.yuzo_related_post .yuzo_wraps’).equalizer({ columns : ‘> div’ });
})

Back to Blog Home
Get email marketing insights delivered straight to your inbox.