Ecommerce websites are popping up all around us. Are all of them successful? No. Most fail.But why? One of the most common reasons: they do not put the needs of the user before the ideas the businesses have.
Good user experience is one of the key features of any successful ecommerce store, and without taking care of this one aspect, you're in an uphill battle to drive sales. And how do you provide great user experience? Primarily, your store's design.
Let's get inspired:
Here are my favourite ecommerce websites of 2018, compiled from our entire ecommerce website database. These websites should give you an idea of what elements you should be focusing on, and some pointers on how you can provide rich user experience through additional website features and good themes.
Inspiration: The Top Ecommerce Store Designs in 2018
1. Modus Nutrition:
Modus Nutrition’s homepage focuses on the why and benefits of the product instead of jumping right into the latest sale or promotion. The quality of the company and the product is the first thing users experience. This is an interesting tactic that can easily be replicated when building a beautiful ecommerce store design.
2. Rebecca Atwood:
Rebecca Atwood is a Brooklyn-based textile designer with a shiny ecommerce experience. The final product is a bespoke online store that looks as beautiful on mobile as it does on the desktop. The design uses unique features to really showcase the different products.
Mulberry is a bold company with a bold ecommerce design. You see big colorful photos and fewer words with this type of website design. If you are looking to design a high-end fashion online store then Mulberry is the perfect place to draw inspiration.
4. The Sill:
With appealing colors, this website gives off a very clean, simple, and cheerful feeling. The Sill believes that plants make people happy, and so does their online store. The entire site is crisp and refreshing and has a beautiful nature vibe.
One thing that really makes The New York Times Store website stand out is the organization and typography. The fonts perfectly represent the New York Times brand. The different product options are laid out in a clean grid making browsing and shopping a breeze.
6. The Owl:
The reason Owl is on the list is their strange take on ecommerce website design. The homepage is not what most online stores look like. That’s a good thing, their web design is creative. Creativity helps stores stand out. Doing something a little different can help your bottom line a lot.
7. Baron Fig:
This ecommerce website design is full of great design elements. The first is the minimalistic and sharp photography. The second is the fun graphics and catchy phrases. The color scheme correlates and compliments the product. If you’re looking for a site that uses a variety of elements to create one cohesive feel then Baron Fig is perfect for you.
Beacon is a collaborative design project selling posters for good. The website looks like an online art gallery. The products are displayed like actual posters hanging on a wall. The design is simple with very little text and no unnecessary menus.
Scrolling through the Packwire homepage is an exciting adventure where you don’t know what is going to pop up next. The design features are completely different than any other site. There are fun pop-ups and sliders covering the whole website. Packwire built a sexy website for a very unsexy business.
10. Caroline Z Hurley:
The large stunning photo on the Caroline Z Hurley homepage sets the feeling for how the rest of the website design will be. The fun and simple photography sell the product without even trying. Customers are not bombarded by product options.
Beatific uses a wide variety of digital content such as photos, animations, and illustrations to successfully convey its message. The color scheme and fonts create a young and playful brand that is evident throughout the entire site. It’s just a fun site to be on and brings a smile to your face.
12. Storm London:
Storm focuses on demonstrating the high quality of their watches. As soon as you are on the homepage of this ecommerce website, you are greeted with descriptions and photos of each watch. The amazing design of this website shows the smallest of details to entice the potential buyer.
13. Wolf Gang:
The thing that makes the Wolf Gang website unique is the dark and heavy design. Many sites adopt a more bright design with vibrant colors, but Wolf Gang is the complete opposite. The typography is bold and in your face. The site grabs your attention right away.
MSMG is the classic example of using vibrant colors and photos, but the thing that makes their site different is the homepage video. The first thing potential customers see is a fun video giving the entire site a more interactive feel. It really brings the webpage to live.
A.N. Other uses a sticky button that keeps the company name front and center no matter where you go on the site. The overall design is classy yet unforgettable. It offers a grid-like design which easily draws the eye from one thing to the next.
16. Two Chimps Coffee:
The brand's uniqueness shines through as Two Chimps number one priority. The hamburger menu has a rare design and pops up. The entire site is full of distinct features and completely different than anything else.
17. Not Another Bill:
Not Another Bill is a great example of an online store design that stands out in the crowd. Their products are beautiful and clean. The website design makes use of color of the products and white space in the background to show off the artistic products.
Sense6‘s lack of color makes it stand out from the crowd. The entire site is mainly in black and white. The very few other colors used on the site are intentional and minimal. There are small pops of gold to direct the eye to certain menus and buttons.
The entire site is split into two different sections, perfectly representing the PoweronPoweroff business as a whole. The different colors used for the different products help beautifully categorize the site. The fun design elements also help make it unique.
20. Native Union:
The sliding banner makes the website interactive for the user and easy to navigate to the different pages. The use of images throughout the site is more engaging than text alone and better represents the products. Photos of the products are front and center leaving the user with fewer questions.
Photography is an important aspect of any ecommerce site, but what makes MyFelt different are the cute and comical photos. They are less profession and more fun. The photography used throughout really sets the tone for the rest of the website.
22. Canopy Air:
Often times online stores rely heavily on beautiful photos, but Canopy does the complete opposite. The site focuses more on descriptive graphics and explanations. It’s important for Canopy to thoroughly explain their business right away.
Infographics are a fun, yet effective way to describe a product and business. It breaks it down for the customer and makes it enjoyable to look at. Kaffefamiljen is the perfect example of properly using infographics to draw in the user.
Emersion is a simple yet stunning design. It features seven different scrolling pages. Each page is similar with a small amount of text and an illustration. The very few design elements that are used create major impact.
25. The Burren Perfumery:
The Burren Perfumery relies heavily on lifestyle shots of their products. There are beautiful photos of their perfume being made and used. The composition of the photos is great. Did you notice their fun font too?
26. Via CopenHagen:
The landing page of Via Copenhagen does not continuously scroll, but instead completely changes pages as you scroll. It is bold and choppy, making each product jump off the screen. The neutral color palette is stunning.
ROC is an ecommerce store that sells wireless earbuds and headphones. It has a busy website design, but the interesting thing to note here is how the images, products, and text work together in a loud and large manner.
The photos are simple and clean, which makes the products stand out, emphasizing their quality. When clicking on any product, you are directly redirected to a detailed page about the product with a description of it.
28. Buffy Comforters:
The background photo makes the user want to jump right on that couch and snuggle under the Buffy comforter. Buffy claims they are the fluffiest, softest, and lightest comforter ever and the website makes it more than believable. It sells the product effortlessly.
29. 450 GSM:
450 GSM does not have a fancy website. It is practical and ideal for the business being presented. 450 GSM goes to show you don’t need to go overboard to have a good looking website. It’s okay to be simple and easy to navigate.
The layout of the vintage artefacts is great. The different artefacts are aligned in a neat grid making browsing easy. The use of whitespace around each product square makes the site feel clean and organized. The photos convey the charm, character, and story of each piece.
The ecommerce website design of Aesop focuses on the beauty and naturalness of their skincare line. It’s made up of close up photos of the product and its packaging. This ecommerce website is a good example of how to photograph beauty and skincare products in a sophisticated way.
The landing page is specific to MAKR yet interactive to the user. It features rows of different leather products that change color as the user hovers over them. This not only showcases the different products and colors but sparks interest.
42/54 uses vibrant colors to their advantage. This ecommerce website does not shy away from flaunting bold background colors. But notice that their overall ecommerce website design is pretty light in general. The bright colors are small accents.
34. Simply Chocolate:
The design of this Denmark based chocolate company ecommerce store gives enough space to let each of their products shine individually. When you scroll down the page, a new chocolate bar floats up in the middle of the page, with each chocolate bar taking an individual color theme, and a fun name.
The website design of this ecommerce store is one that can’t be compared to any other.
35. Dimension Volumes:
The most notable thing about the Dimension Volumes ecommerce website is the bold typography. The large font grabs your attention and creates dimension to the entire site. The font is just a little bit thicker than you usually see online. It makes the website design stand out even further.
36. Teenage Engineering:
Teenage Engineering has one of the best-designed ecommerce websites in engineering. It looks exactly how you would expect an engineering site to look, but also has a young, modern feel to it. The black background and white font make it stand out.
Vipp sells minimalistic household items. Their website follows suit with a minimalistic design. The products are beautifully organized, but not in a boring grid view. This site shows that it’s okay to stick to the basics sprinkled with a few fancy features.
Staud is another example of ecommerce website design that uses bright colors. The colors are used in photos, the product, as well as backgrounds. The text is all in white and black. The balance here is good.
39. Mallika Favre:
Malika Favre is an in your face website design. It completely eliminates the use of white space and uses bright colorful graphics on the entire screen. This ecommerce site is memorable and creative.
Verk’s home page focuses a lot on the purpose, the engineering, and high standard of the product. They do not jump right into selling their goods. They talk about quality and pride instead of the latest sale or promotion. The entire tactic shows the customer that Verk cares about each and every one of their watches.
Obscura organized all the product photos into a unique grid design with all the important text right on top of the photos. The homepage is beautiful with very minimal text. All the text and information is nicely hidden away in a hamburger grid on the left.
42. Charlotte Stone:
This is an example of a women’s footwear ecommerce store with a very soft designer look. The main colors you will see here are light pink, yellow, and white, accompanied by soft patterns. This ecommerce design goes well with the product that they are aiming to sell. It feels very feminine and fresh, with the font matching the rest of the website’s look.
43. Minna May Designs:
As a business that specializes in hand lettering and illustrations, you would expect to see similar techniques on the Minna May website. The site features gorgeous fonts, light colors, and dainty imagery. The design behind the company comes out in every aspect on the website.
44. Réard Paris:
Reard showcases their swimwear in a unique and different way. Instead of the swimsuits being laid out in the typical grid, they are organized by threes on a slider. The price and other information are not focused. The site also uses large amounts of white space to direct the eye.
Bacca sells handmade wooden laptop stands. Their ecommerce website design is full of great design elements. The first is the fun colors and graphics you see at the bottom of their homepage. The second is the quality photos of their stands. Notice that the stands are alone without anything in the background. This helps the product stand out.
46. Umbra Shift:
It’s not uncommon for website homepages to go on forever, filled with all kinds of information and photos. Umbra Shift takes the complete opposite approach. It has a very short homepage giving it a less overwhelming feeling. This helps the customer feel more comfortable.
1-OK is unique in every aspect. The products are ornate and special. The website design is very similar and reflects that of the products. One notable design element is the disappearing landing page. After you scroll past the original screen, you can scroll back to it. This is a bold way to catch the users attention.
48. Read Only Memory:
Read-Only Memory published books about video games, so it only makes sense to have a website with a video game like the design. Similar to the company, the site is the perfect mix of video game and book designs. It features a big block grid-like system to organize the products.
49. Good Moods:
Good Moods is one of the most aesthetically pleasing websites. It is a perfect mixture of bold and bright, yet soft and tender. It features beautiful lifestyle photography. The color palate is has a calming nature about it.
50. Really Well Made:
Really Well Made’s website is, well, really well made. If you are looking for a good example of how to incorporate your social media feeds then this site is the perfect example. Really Well Made showcases their Instagram feed right on the homepage. It is an excellent way to build customer confidence.
That sums up our roundup of the top ecommerce store designs of 2018. Feeling inspired?
Just remember this: It's not about how we want the site to look. It's about how it should look for them, and how easy it is for them to buy. If you'd like to take the easy route, you can simply use an ecommerce platform like Shopify or Bigcommerce and make use of the great themes they offer.
Have you come across any other ecommerce designs that you love? Let's talk in the comments below!
Feature image by Maria Ivina