Ecommerce Design – The BigCommerce Blog https://www.bigcommerce.com/blog Ecommerce Blog delivering news, strategy and success stories to power 2x growth for scaling brands. Tue, 19 Jun 2018 22:21:41 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.6 https://www.bigcommerce.com/blog/wp-content/uploads/2016/05/cropped-e8d7fa0a-3b0e-4069-91b1-78460a4d4af1-150x150.png Ecommerce Design – The BigCommerce Blog https://www.bigcommerce.com/blog 32 32 The Results Are In: The 22 Best Ecommerce Website Designs of 2018 https://www.bigcommerce.com/blog/best-ecommerce-website-design/ https://www.bigcommerce.com/blog/best-ecommerce-website-design/#comments Tue, 05 Jun 2018 12:50:56 +0000 https://www.bigcommerce.com/blog/?p=16686 Your owned online site experience is your one chance to prove your brand value to your customers. And to give…]]>

Your owned online site experience is your one chance to prove your brand value to your customers.

And to give those customers a reason to keep buying from your ecommerce website channel, and not from your Amazon channel (where you lose out on brand equity and customer lifetime value).

Add to that the fact that 48% of online product searches in the U.S. begin on Amazon, and that you aren’t the only store selling in your vertical – and you begin to understand just competitive the visibility market is.

Amazon is best-in-class at convenience and price. CrazyEgg recently outlined exactly what it is about Amazon beyond price and convenience (though convenience cuts through the entire Amazon experience) that keeps customers the engaged.

Those reasons include:

  • Amazon gets personal.
  • Checkout is easy.
  • Social proof – lots of it.
  • Products images, videos, and descriptions.
  • Upselling and cross-selling.
  • Convenient filtering, navigation, and search.

But tons of people forgo Amazon to shop ion branded website channels.

In a Digital Commerce 360 study, consumer reported the following reasons for why they shop on branded websites over Amazon:

  • They want a sense of belonging.
  • They seek knowledgeable staff members.
  • They want easy return policies.

It’s clear:

If you want users to visit and buy from your site – where you can control the post-sale user experience, unlike on Amazon – you need a conversion driven design that makes your visitors feel like they are part of a community and can trust you.

To guide and inspire you to do just this, we’ve gathered 22 best-of-the-best online site designs by both traditional retailers and digital native retailers alike.

These sites capture a visitors’ attention, provide a sense of belonging and community, and drive increased sales MoM.

These stores were judged by a panel of judges, including:

The winning sites and finalists fell into the following 4 categories:

  1. Best Overall Ecommerce Website Design.
  2. Best New Ecommerce Website Design.
  3. Best Ecommerce Homepage Design.
  4. Best Customer Experience Design.

Let’s dive in.

Best Ecommerce Site Designs of 2018
  1. New Chapter.
  2. Bliss World.
  3. BonBonBon.
  4. Crossrope.
  5. The Mountain.
  6. Skullcandy.
  7. TRUE linkswear.
  8. Decibullz.
  9. Cutter & Buck.
  10. Cruisemaster.
  11. JeepPeople.
  12. Azteca Soccer.
  13. Fronks.
  14. Zugu Case.
  15. Signal Boosters.
  16. Physiq Apparel.
  17. Scentos.
  18. Rusty Surfboards.
  19. Home Science Tools.
  20. Customer Barres.
  21. KOI Computers.
  22. Renogy.

Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

Best Overall Ecommerce Website Design

The best overall ecommerce website design is awarded to sites that succeed in creating a great user experience, branding consistency, mobile responsive and friendly UX, and quick checkout.

1. New Chapter.

  • Best Overall Design Winner

ecommerce design awards New Chapter

New Chapter, a P&G brand, mimics digital native brand functionality in terms of innovation and consumer engagement on their site.

From quizzes to bundles and everything in between, New Chapter provides a personalized, choose-your-own-adventure experience for its customers and prospects.

They’ve also employed rigourous A/B testing to create the best possible user experience.

According to the New Chapter team:

In less than one year, our store has gone from a $0 brand website to a thriving, seven-figure channel, due to our extraordinary site design.

Conversion optimizations have increased from a launch state of approximately 0.4% to almost 2% through our use of iterative testing.

Judge Richard Lazazzera on New Chapter’s Winning Overall Design

Richard Lazazzera

New Chapter’s content and education focused approach really helps visitors understand the benefits of their products.

Plus, they’ve employed a great use of categorization, allowing the visitor to select supplements based on health needs or ingredients.

2. Bliss

  • Best Overall Design Finalist

ecommerce design awards Blissworld

Bliss has taken its fun, youthful and energizing in-spa and product feel to their online channel.

Using bright colors, fun graphics and even gifs, the site encourages you to explore, engage and buy.

Judge Kelly Wenzel on Bliss World’s Overall Design

Kelly Wenzel

This site has a fresh, beautiful and engaging overall design. My favorite attribute is the color pallet and photography.

From the layout to the color pallet and imagery, the design complements the brand promise that inner happiness leads to outward beauty.

3. Bon Bon Bon.

  • Best Overall Design Finalist

ecommerce design awards Bon Bon Bon

Bon Bon Bon is an artisan chocolate company based out of Detroit that is full of spirit and swagger.

When looking to expand their brick-and-mortar presence online, Bon Bon Bon needed complete customization and flexibility to showcase their creativity and engage online consumers.

An original Shopify site failed to allow for necessary customizations and thus revenue goals. A platform switch and redesign by BigCommerce partner Brand Labs helped the Bon Bon Bon team attain their visual and UX goals.

According to the Bon Bon Bon team:

Brand Labs, working with Skidmore Studios in Detroit, created a funky, user friendly BigCommerce site that captures the spirit of the BonBonBon product, the Babes Babes Babes (a rad group of ladies, keeping hand-u-facturing alive in Detroit), and of course the chocolate.

The team also created a great custom option called: Build a Box Box Box.

This feature allows customers to select their favorite confections, add them to the corrugated cardboard box, and deliver them wherever they want.

They can even Add one Random Bon! for fun.

The ability to create and design a website experience unique for their clientele is what keeps this fun-loving brand top of mind for chocolate aficionados.

From the Bon Bon Bon team:

Launching in November 2017 in the nick of time for the holiday season, Bon Bon Bon saw an astounding 415% increase in year over year sales from launch through the holiday season.

The next big test came with Valentine’s day where Bonbonbon.com saw almost a 6% conversion rate resulting in a 74% increase in year over year sales.

Judge Tom Berno on Bon Bon Bon’s Overall Design

Tom Berno

This is an energetic and personable site that does an excellent job of going beyond a template feel.

It tells a great story of a Detroit DIY company!

 

4. Crossrope.

  • Best Overall Design Finalist

ecommerce design awards CrossRope

Crossrope is one of several fitness online retailers under the MadDogg Athletics umbrella, which has a presence in 89 countries and selling products to 169 distributors across the globe.

It’s a complex commerce network that has been in the making for more than two decades.

This kind of workout phenomenon is more culture than simply product –– and the Crossrope website aims to tell that story throughout the site.

The Crossrope team describes their process:

We don’t just sell jump ropes. We provide our community with a fun and unique jump rope experience that they’ve never seen before – one that is designed to help them achieve their fitness results.

Over the past year, we’ve leveraged a tremendous amount of resources to design a website that is inviting, fun, and different than what most fitness shoppers are accustomed to.

We’ve been meticulous with every word of copy, every image, every page, and every design element because we know that each is a touch point that that plays a crucial part in the experience we are trying to deliver to our customers.

The goal was to create a website that allows fitness enthusiast to find a community of support as they work toward their health goals.

Judge Chris Coyier on Crossrope’s Overall Design

Chris Coyier

They really have me interested in buying one of these things!

The site couldn’t be more clear what the product is and how to buy it.

 

 

5. The Mountain.

  • Best Overall Design Finalist

The Mountain found initial success on Amazon but realized it would need a place where it could cultivate and engage with its audience online, and build brand equity.

They needed their own website.

“In 2008, one of our t-shirt designs, the ‘Three Wolf Moon’ shirt, skyrocketed in popularity and its Amazon review went viral.” Said Lindsey Reis, Marketing Manager at The Mountain

“It became clear that we needed a website.”

The Mountain does a great job providing customers an easy way to navigate their site, and provides a sense of urgency by including key coupon codes for certain customer segments.

According to Lindsey Reis:

Our customers love to save money, but we try to be strategic about our offers, what items we’re discounting, to whom, and how often – all while prioritizing our most loyal shoppers. Because of this, we need specific tools to successfully execute our promotions.

With BigCommerce, we can easily create unique coupon codes, which we are using to instill urgency and drive our customers more quickly to the point of purchase.

Judge Richard Lazazzera on The Mountain’s Overall Design

Richard Lazazzera

It’s always a challenge organizing large numbers of products, but The Mountain does a great job with this, allowing visitors to quick drill down and find what they are looking for.

 

The Mountain increases month-over-month conversion rate by 33%.

In 30 days after launch on BigCommerce, The Mountain saw a jump in conversions! Read more about their story.

Best New Ecommerce Website Design

Some of the ecommerce sites below are brand new, online launches for the companies. Other of these sites are net new launches after a tedious experience with former platforms.

All of these brands launched on BigCommerce in the past 12 months – showcathsing the prowess of their design and UX in combination with complex ecommerce needs and functionality.

1. Skullcandy.

  • Best New Site Winner

ecommerce design awards skullcandy

Skullcandy’s site comes to life with great colors and product photography.

The design process and consideration of their audience was key to making a site that would stand out among the competition.

According to the Skullcandy team:

Skullcandy pushes the limits in everything they do from their products, their music, corporate culture and with no exception, the BigCommerce platform for their digital ecommerce channel.

A recent replatform effort launched in February. The design was also elevated to take advantage of more freedom within the BigCommerce platform.

Exploring the skullcandy.com site, the ease and frictionless flow of the customer journey engages the user at every turn. Blending product with brand and brand with product, you gain a sense of the brand and quality of their products without effort.

Designed as a mobile-first experience in line with Skullcandy’s typical customer, the design is unmatched in delivering engaging imagery at lightning speed.

Judge Tom Berno on Skullcandy’s Winning Site Design

Tom Berno

This is a superior design that emulates an established brand.

The Backstage Pass stories are an excellent content feature that is engaging without a hard sell. Excellent photography and product presentation.

Overall, an excellent case study for what the BigCommerce platform offers at its best.

2. TRUE linkswear.

  • Best New SIte Finalist

ecommerce design awards TRUE LinksWear

TRUE linkswear saw a revenue increase of just under 700% YoY after they switched to BigCommerce and improved their site design.

According to Justin from TRUE linkswear:

In May of last year, we transitioned our site from Magento to BigCommerce.

We worked with a development firm to build a custom theme that allowed us to have all of specific functionality features we were looking for.

Our in house design team developed the look and feel of the site based on the design aesthetics that we were using to re-launch our brand

We couldn’t have achieved this without the backend toolkit that BigCommerce provides us.

Judge Chris Coyier on TRUE linkswear Site Design

Chris Coyier

I love a homepage that makes it 100% clear what the product is and why I should care.

This does it great.

Product pages are really nice, too. That’s a place where a carousel actually works.

Also, the blog posts are very well done and seem worth reading, which is rare for this kind of site! Kudos!

3. Decibullz.

  • Best New Site Finalist

Decibullz, with the help of design agency DigitalHaus, was able to take their website to the next level over the past year after switching to BigCommerce.

According to the Decibullz team:

As a manufacturer and brand, it is important that our website converts at a high rate as well as display education and information on our products and brand for possible resellers.

Our new website uses a balance of lifestyle, product photography, and video to help educate our customers.

After 1 month on BigCommerce, we have seen an increase of 35% in average order value and our conversion rate is up 6%.

One important factor when we switched was having a fast and reliable website while still being able to display large images and videos.

With the new website, our average page load time is down 21% and we are actually using more images and videos than we had on our old site.

We have not only increased sales on our site, we have made it easier for our customers to find our products in-store at retail locations.

Judge Kelly Wenzel on Decibullz Site Design

Kelly Wenzel

I appreciated the data-driven metrics linked to the design, like the consistent two buttons on each page.

The UX is simple and the photography is great, especially since it is persona-driven.

This is both a high function and a high aesthetic website design.

4. Cutter & Buck.

  • Best New Site Finalist

ecommerce design awards cutter and buck

Cutter & Buck created a shopping experience that:

  • Offers an easy navigation, shopping, and checkout.
  • Highlights the diversity of their collections.
  • Includess Fan Shop, Pro Shop, and other specialty collections.

This allows consumers to browse their site in a choose-your-own-adventure type way.

And gives their merchandising, social and campaigns teams plenty to work with in terms of branded campaigns across channels.

Judge Chris Coyier on Cutter & Buck Site Design

Chris Coyier

The homepage CTAs getting you to self-select men’s or women’s is smart.

Layering as a category is clever, too. The mega menus are good for a site with a lot of categories – and for good reason!

Overall, this is a great example of a strong, simple design and everything you’d want out of an ecommerce clothes shop (search, filtering, recommendations, etc).

5. Cruisemaster.

  • Best New Site Finalist

ecommerce design awards cruisemaster

Cruisemasters wanted to relaunch their brand and site with the goal of being more informative, rather than just showing a product with a price and add-to-cart.

This is most evident in the custom setup on the site’s suspensions page and other category pages.

According to Damien from Above and Beyond Web Design on behalf of the Cruise Masters team:

This site is quite complex, with a lot of moving parts and the customer wanted a much more information focussed product page. We also had a timeframe of only 5 weeks for completion.

The site is fully custom and responsive!

The product page is completely custom with multiple banners, captions and tabs but is able to be updated by the client using the Custom Fields section in BigCommerce.

We also set up a store locator and did store training as well.

Judge Richard Lazazzera on CruiseMaster Site Design

Richard Lazazzera

This is a great looking site and brand.

The product pages do a great job of highlighting benefits through feature banners/boxes.

 

 

6. JeepPeople.

  • Best New Site Finalist

ecommerce design awards jeeppeople

JeepPeople is a brand for Jeep enthusiasts and their site was designed with their customers in mind.

They are providing state of the art shopping features that help guide their customers through a personalized buying experience to ensure the parts they get fit with their Jeep.

This tactic has paid dividends for JeepPeople.

According to the JeepPeople team:

Designed and developed by Cart Designers, JeepPeople has moved from a broken shopping experience on the Shopify platform and increased their month over month conversion rate and sales revenue by 10.92% and 27.05% respectively.

The customer experience is also a big part of the personalized shopping experience.

A custom ‘Fits your Jeep’ indicator lets the customer see parts that work with their make / model throughout the website, and the ‘Install Difficulty’ rankings built into the product cards let the customer sort and understand the post-buy requirements to get their parts installed easily.

A custom ‘Timed Deals’ feature was built right into the Theme Editor of the site allowing for special flash sales to be generated for one or more products.

Reviewing results and building new customer-centric features is the primary growth strategy for JeepPeople as they implement a continuous improvement process via Cart Designers’ Growth-Driven Design process.

Judge Jimmy Duvall on JeepPeople’s Site Design

Jimmy Duval

I really like the “install difficulty” scale.

This site showcases solid featured products and brands, making it easy to find the right fit for your Jeep.

 

 

Best Ecommerce Homepage Design

Stuart McMillan, Deputy Head of Ecommerce at Schuh, says the average ecommerce site’s homepage generates about 30% of sessions.

This means you need to clearly convey your brand’s expertise, trustworthiness, and community quickly to this large cohort.

Optimizely provides a list of elements a great homepage should include, such as:

  1. A storytelling element.
  2. A Keep It Simple mentality (i.e. you don’t need to include *everything*).
  3. A video, if possible, to describe who you are and what your brand purpose is.
  4. Social proof from customers and publications.
  5. Merchandising options.

The following brands have done a great job of implementing these and other conversion optimization tactics on their homepages.

1. Azteca.

  • Best Homepage Design Winner

ecommerce design awards Azteca Soccer

Azteca Soccer’s homepage is alive with color and great product photography.

They allow users to browse by various categories or their top products quickly and easily on the homepage.

According to the Azteca team:

I decided to stay away from the norm ecommerce feel and provide a specialty/boutique feel. I focused on having .svg elements and maintaining high-res quality images.

Users will be able to navigate smoothly and find what they are looking for quicker.

Judge Richard Lazazzera on Azteca Winning Homepage Design

Richard Lazazzera

This site showcases great use of bright product photos combined with lifestyle shots encourages visitors to explore and click around.

 

 

2. Fronks.

  • Best Homepage Design Finalist

ecommerce design awards FRONKS

Fronks has a unique homepage that clearly shares who they are and the products they offer.

According to the Fronks team:

We used Stencil and partnered with a local Austin design Studio, Foda, to create a super simple, clean and modern site that exhibits the feel of the product and packaging.

Also, we have some fun interactive bits that give it a textile feel for the customer.

Judge Chris Coyier on Fronks Homepage Design

Chris Coyier

Intriguing! This is such a clean design. Them not showing me the whole bottle REALLY makes me want to click and see them.

The copy is wonderfully clear and explains exactly what the product/service is. They make nut milks and deliver them.

Perfect simple message.

3. Zugu Case.

  • Best Homepage Design Finalist

ecommerce design awards ZUGU CASE

Zugu Case uses a long format style homepage to share important product features, key value propositions, social proof, and more to encourage visitors to buy it’s product.

According to the Zugu Case team:

This is a unique design site built to showcase a small number of products in a big way.

Judge Richard Lazazzera on Zugu Case Homepage Design

Richard Lazazzera

Zugu Case’s homepage has all the elements of a great landing page.

The homepage showcases their products, features & benefits and provides social proof to help nudge visitors to become buyers.

4. Signal Boosters.

  • Best Homepage Design Finalist

ecommerce design awards Signal Boosters

Signal Boosters designed their homepage with its target audience in mind, aiming to answer their key questions as quickly as possible.

According to the Signal Boosters team:

We decided to redesign the website with the focus on business (instead of consumer) and service (instead of products).

The new site benefits from the new Stencil theme from BigCommerce which is more responsive than the old theme.

We saw a faster page loading time and a higher grade on Google Page Speed Insight.

The new design and development of SignalBoosters.com are right on time for our business to grow and offer our customers better experience and information, backed by our analytics of data and business trends.

Judge Tom Berno on Signal Boosters Homepage Design

Tom Berno

Of all the finalists in this category, this is the only one that really clearly and effectively communicates who they are and what they do.

Strong use of illustration adds personality to a fairly technical product offering.

5. Physiq Apparel.

  • Best Homepage Design Finalist

ecommerce design awards Physiq Apparel

Physiq Apparel creates a homepage that guides visitors to the right shopping experience, and uses great lifestyle and product photography to convey its brand style.

According to the Physiq Apparel team:

We excel at what our customers really need.

A smooth customer experience, review backed products, social media implementations and innovative features such as bundled products and free chocolate at the shopping cart.

A lot of the work has involved building custom applications utilising the Bigcommerce API to achieve the functionality we want to offer our customers.

Judge Chris Coyier on Physiq Apparel Homepage Design

Chris Coyier

This site gets right into a product grid which is clean and makes it very obvious what I can do here: buy some athletic clothes.

Very little gets in the way.

 

 

Best Customer Experience

The customer experience includes the main ideas touched on earlier regarding non-amazon shoppers.

This is important for store owners to consider because a unique, great customer experience is what will help keep yours visitors and customers coming back.

Improving the customer experience was the driving factor in increasing more wins according to 42% of CEOs, from Gartner data.

There are several ways to improve the customers experience by using consumer data, and a few of our merchants have achieved this in some innovative ways.

1. Scentos.

  • Best Customer Experience Winner

ecommerce design awards scentos

Scentos’s UX finds balance between selling the product and cultivating the community.

According to the Scentos team:

We had never sold a single item online, but had a large retail presence globally.

Once joining BigCommerce we have started developing our ecommerce presence, including Amazon.

I believe that BigCommerce is allowing our site to grow into a landing page for children of all ages to have fun and feel creative!

Judge Chris Coyier on Scentos Customer Experience Winning Design

Chris CoyierThis site is wonderfully colorful in a way you don’t see often. Fits the brand!

I like the amount of content that isn’t just products, but stuff like projects you can do, which really sparks the imagination.

There’s lots of fun detail like the shaky and bulgy navigation, and it’s nicely tucked up top. It’s big and bold, but without taking up a ton of room.

2. Rusty Surfboards.

  • Best Customer Experience Finalist

ecommerce design awards rusty surfboards

Rusty Surfboards has a hard task: bridging beautiful imagery with the necessary details professional surfers want and need about their boards.

According to the Rusty Surfboards team:

We created a consistent branding experience throughout the website, using the bigcommerce platform and have seen an upward trajectory on all fronts, but more importantly, on the sales front.

Bigcommerce has given us great flexibility to work on the front-end and customer experience.

Judge Tom Berno on Rusty Surfboards Customer Experience Design

Tom Berno

Great photography and bold messaging make this an extremely well-designed site.

 

 

3. Home Science Tools.

  • Best Customer Experience Finalist

ecommerce design awards home science tools

Home Science Tools does a great job of guiding users to their desired projects/products based on their needs.

They also enable their customers to discover various science projects they can do with their families and students.

Both tactics have made a huge impact on their bottom-line.

According to the Home Science Tools team:

As a Magento Community customer, Home Science Tools enlisted Groove’s help to improve website performance and overall design.

After evaluating other mid-market ecommerce platforms and ways to reduce technical debt, Home Science Tools decided on a BigCommerce redesign.

Groove created a responsive and engaging site to showcase product categories and content, and introduced custom elements like Shop by Age and Gift Selector to help users quickly navigate to products that meet their needs.

Since launch, Home Science Tools has experienced a 50% increase in conversion rate, a 98% increase in mobile revenue, and a 20% increase in overall revenue year-over-year.

Judge Richard Lazazzera on Home Science Tools Customer Experience Design

Richard Lazazzera

Love the huge selection of products and concept.

Well organized categories make it easy to discover new projects and learn about different areas of science.

 

4. Custom Barres.

  • Best Customer Experience Finalist

ecommerce design awards custom barres

A beautiful homepage design is just the beginning. Custom Barres’ product page is a long-form landing page asset with a table of contents all its own.

From specs to imagery and beyond, this site showcases the best of dance and tool beauty.

Judge Tom Berno on Custom Barres Customer Experience Design

Tom BernoGood content with photos and a cool comparison tool!

 

 

5. KOI Computers.

  • Best Customer Experience Finalist

ecommerce design awards koi computer

KOI Computers wanted to improve their site experience for a technically driven target audience. This meant improving their site architecture and how they shared their value proposition.

According to the KOI Computers team:

The basic complaint was the high bounce rate and subsequent low calls and leads from the website.

Our designers took on the challenge to redesign the whole website and add helpful elements to overcome these issues.

We added a video on the homepage, a new style of accordion slider, and highlighted the solutions KOI Computers provided. These changes made a huge impact for us.

Judge Tom Berno on KOI Computers Customer Experience Design

Tom Berno

A well organized, consistent, and easy to navigate website.

While some aspects of visual design seem a bit familiar, the overall aesthetic does seem to be a good fit for its targeted audience.

6. Renogy.

  • Best Customer Experience Finalist

ecommerce design awards renogy

Renogy wants any visitor – whether new or returning, solar energy expert or novice – to find what they are looking for easily on their site.

To do that, they made sure to include key product information like:

  • Product photos that feature different angles and positions of their solar products.
  • Customer product reviews.
  • The option to view or download the product specifications, warrant, and instruction manuals.

This is done to provide customers with a 360 degree view of the product and drive conversions.

According to the Renogy team:

Renogy has used BigCommerce to provide customers with an engaging and attention-grabbing online shopping experience since 2016.

The homepage of the store showcases various products and offers that we believe customers would be most interested in.

Our online shoppers can find real customer photographs and reviews for our products.

Our visitors can immediately lock on a category of products, without having to search through the entire website. And, we have a more extensive product toolbar which is meant to assist customers who really know what they are looking for.

Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

16 Experts on Ecommerce Site Design

Andy Sowards, Founder + CEO, AndySowards.com

It may sound cliche at this point, but the best approach is to keep it simple. Minimal interface design and streamlined calls to action are what make conversion happen.

In this day and age especially, people are strapped for time and mental real estate. Make it clear and simple for people to get the message you are trying to get across.

What are you selling? It should be apparent, and tantalizing, and most of all – EASY for them to say “YES” when it comes to your product or service.

Stick to the bare essentials and design accordingly with less. It sounds simple but striking the perfect balance between call to action, design, and product details can be quite difficult – but achievable.

Yates Jarvis, Managing Director, Client Solutions & Strategy, eHouse Studio

Conversion is really about satisfaction. Assuming usability is accounted for in your storefront, the key is to triple check with customers that your value prop is as relevant today as it was yesterday, and then use design and content to spotlight the celebration of that story.

Zach Bluett, Director of Design & Development, Intuit Solutions

Ecommerce design is not ‘one-size-fits-all’. Create a user experience that focuses on your specific product dffering by asking yourself, “What information does my customer need in order to make a purchase, and at what step in the process?”

Kevin Richards, Founder & CEO, Ventura Web Design

Successful store owners create long term growth and success by creating a unique buying experience that cannot be replicated. Customizing your store creates a barrier to entry that protects you from your competitors. Store owners that invest in their own webstore today will own the future of ecommerce.

Joe Chilson, Head Writer + Account Manager, 1 Digital Agency

Great user experience should always come first –– before an old logo, or a well-worn font,  before any gimmick, or design trend of the week. The first focus of your design should be to communicate with your customer as clearly and simply as possible.

Stav Sarandiev, Chief Growth Officer, Digitawise 

My favorite expression is, “We are in the business of rain making. Are you thirsty?”

In my opinion it describes everything.

Be a smart ass, be creative, think out of the box, but make it simple, make it understandable for the wider audience.

The UX is the most important factor. It is a complex, but the design comes first. Then everything follows. The customer buys with his eyes. Happy customer, happy business owner. At the end of the day, only this matters.

Dane Downer, President, Brand Labs

First, embrace flat design and use Google’s Material Design philosophy as your guide. It’s a solid framework for designing a great ecommerce site experience.

Second, know that design is an evolutionary and iterative process that never truly ends. There is always room for improvement.

Jeff Dyksen, CEO, Diztinct

Be distinct: find ways to be memorable and separate your business from your competition through design, unique selling proposition, branding, and features. If you don’t differentiate yourself from others you’ll be competing solely on the price of your products, which tends to be a race to the bottom where no one wins.

Corey Susin, Creative Director, Designer at DIGITLHAUS

Increase conversions with what’s pleasing to the eye.

In today’s market, consumers have the attention span of a goldfish, 8 seconds, which means we need to attract and engage the audience as soon as the are landed on your storefront.

We no longer buy according to quality, size or descriptions, we simply buy what looks good.

The number #1 piece of design advice we give our clients is to showcase beautiful and luxurious photography. This includes product, lifestyle and general stock photos. You could take apple.com for example, take away all the product and lifestyle photos, and what do you have? You have a really great UI with a poor visual appearance.

When consumers can relate to a high quality visual of a product being used, or a scenario shot, the chances of them pursuing further into purchasing is promising.

We recommend to showcase beautiful, luxurious photography through home page elements, this can include marketing banners (hero), interactive tile hover-overs, social feeds or product and category call outs.

If you lose your buyer on the homepage within that 8 seconds, you can guarantee that they will be purchasing elsewhere.

James Brown, Senior Digital Solutions Manager, RANDEM

Steer clear of blindly implementing ecommerce received wisdom, and constantly seek first-hand, verifiable and repeatable customer data and feedback to fuel your decisions around customer experience and design.

Brandon Kirkland, CEO, epicShops

Think Conversion Rate Optimization first when designing a website.

It’s not want you want or what the business owner wants to see in a design. In fact, 99% of the time, you and the business owner aren’t even the target market, so those opinions are moot and you’re left lying to yourself. The answer to great design that converts is to create what the customer wants.

My advice is to use data to understand the customer and design around that, with CRO in mind.

Hannah Griffin, Designer, Groove

Successful ecommerce design always comes back to differentiating your brand’s lifestyle. Without a brick and mortar storefront, every pixel of your site should reflect your personality. Invest in owned creative assets, follow a dedicated style guide and leverage product and lifestyle imagery for a consistent and engaging user journey.

Jared Alexander, Graphic Designer, NewLeaf Innovations Inc.

My #1 piece of design advice for increasing conversions for online businesses, is getting the customer to the product page in the least amount of time and clicks possible. This can be achieved by having clear and concise categories on your homepage with minimal text.

Catherine Erath, Graphic Designer, NewLeaf Innovations Inc.

A well designed website will lead to higher conversions because it demonstrates to your customers that you have high quality products or that you are a knowledgeable leader in your industry through showing not telling.

Paul Rogers, Ecommerce Consultant

I think that the functional aspects of eCommerce design / UX is something that is often compromised – with core functionality being hidden away or not as prominent as it should be. The search box is a good example of this, as are things like related product recommendation blocks and filters, particularly on very design-orientated sites (such as luxury or fashion stores).

Search in particular would generally drive better results for a merchant than a category-led user journey, however lots of retailers choose to hide it behind a small icon.

I would say that the same applies for layered navigation more recently as well – with lots of modern-day fashion stores hiding it by default now.

This would be my general advice in this area – basically just not to overlook the aspects of the store that drive the most value from a customer experience / user journey perspective.

JT Hamman, Senior Designer, EYStudios

Don’t make your customers think! In a sea of hungry competition, it is vital customers are presented with clear navigation, well-merchandised products and an easy flow to checkout. These factors add up to create an intuitive, visual shopping experience that leads to higher conversions and lower cart abandonment. Additionally, customers will remember a positive experience and are more likely to return in the future.

Executive Summary

All in all, the sites above work within their own brand standards to attract their target audience, provide a unique experience and ultimately prove brand value on this channel rather than their others.

This helps these brands to build brand equity and customer lifetime value. High customer lifetime value increases how much you can spend on acquisition, and thus determines if you can beat out other competitors in market.

Ecommerce Website Design Best Practices 2018

The following best practices were consistently called out by our judges and were incredibly implemented within the sites featured.

As you think through your own site redesign, keep these concepts and functionalities in mind.

  1. Ease of site search and navigation – faceted search if you have a large catalog
  2. Brand consistency across pages from PDP to checkout
  3. Mobile responsiveness – and oftentimes, mobile first design

Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/best-ecommerce-website-design/feed/ 29
How 29 Sites Built the Perfect Ecommerce Product Pages (Best Practices & Examples You Can Steal) https://www.bigcommerce.com/blog/product-page-examples/ https://www.bigcommerce.com/blog/product-page-examples/#comments Tue, 20 Feb 2018 15:00:12 +0000 https://www.bigcommerce.com/blog/?p=23984 It’s official. Mobile commerce is on the rise (and not just browsing, but actual conversions) Google is getting more serious…]]>

It’s official.

  • Mobile commerce is on the rise (and not just browsing, but actual conversions)
  • Google is getting more serious about their mobile algorithm, separating it from it’s desktop version to account for mobile consumer habits and preferences
  • Webstores are officially storytelling complements to Amazon, where price and convenience reign.

These 3 factors all mean one thing:

Your product page is the most important page on your site.

Build your product page effectively and both your traffic and conversions will skyrocket.

Fail to do so, and almost all your marketing and advertising efforts will fall short of goal.

This is risky business – and it’s the same business that digital marketers building landing pages have long been grappling with.

Your product page is now a landing page – at least in function.

This means it needs to (in order of importance):

  • Use psychological triggers to convince browsers to add to cart
  • Grab consumer attention immediately to the add to cart button
  • Fully explain both the product and the company (after all, consumers are bypassing your homepage)
  • Build trust in the product and company, often through social proof
  • Upsell or resell to increase AOV

There are a variety of ways to do each one of these, and we’ll focus on each section below and show you examples of how folks are turning their ecommerce product pages into landing pages.

The key is to focus on these 3 best practices:

  1. Keeping your product page focused on the product and consistent with your brand
  2. Boosting your customers’ loyalty and confidence
  3. Inspiring customers to become promoters of your brand.

The bottom line is that the quality of your product page — its visual elements, content, and navigation—has the power to make or break your store.

Let’s dive in.

The Anatomy of a Perfect Product Page

Product pages are ubiquitous. They are an industry standard –– a best practice, if you will.

Browse any online store and the multitude of components typical of product pages are recognizable on nearly every site you visit.

And that’s because, as the Baymard Institute so elegantly puts it:

It’s often on the product page where users make up their mind on whether or not they want to purchase the featured product.

This makes the product page layout, product page design, and features, the centerpiece of the user’s ecommerce experience.

At the same time, the product page layout and features are under a lot of strain as they’re largely a template reused for almost every single product on the site.

So, the question becomes:

How do you create a high quality user experience on a single ecommerce product page that you can easily replicate across your entire catalog?

80 Shopping on Instagram Examples

You don’t have to go digging around the internet for Shopping on Instagram examples. So, we did it for you.

You’ll get to:

  • Explore more than 80 real examples of Instagram Shopping in the wild, no more stalking to see who is doing what
  • Draw inspiration to educate your own posts and your own strategy. Some folks are seeing as much as a 1,416% increase in sales and traffic!

Request your examples.

7 Ecommerce Product Page Best Practices

Well, first you make sure that you have all the necessary elements of a product page to begin with.

From there, you can update and optimize.

Here are the 7 product page requirements:

  • Feature image
  • Gallery or product photos
  • Product overview, including title, price, features, CTA and customization options.
  • Product description.
  • Social proof, including review and ratings.
  • Similar product suggestions (upsell and cross sell).
  • Human interaction for any help or guidance needed.

Let’s walk through what each one of these are before we dive into examples.

1. Feature Image.

The single most important element of ecommerce product page design is your feature image.

This is an eye-level, mid- to long-shot that showcases your product.

Just imagine what an ecommerce product page would look like with a poorly lit and pixelated image, or even without one at all!

Would you trust a store that failed to properly photograph their products?

Your feature image can excite visitors or turn them away as it forms their first impression and helps them decide whether to look further.

Your best bet is a polished, perfectly centered product image with a white or light background and soft or no shadows.

You’ll also be able to use this image on Amazon in the case you sell your product on that marketplace. In other words, two birds, one stone.

Take a look at Stormy Kromer’s product image below. It is clean. It is large (you can zoom in on it). It looks like it is worth the price.

Beyond the feature image, the product page must convince the browser of the item’s value.

2. Gallery of product photos.

If your feature image successfully wins over your visitors, the next thing they are most likely to do is browse your image gallery.

Galleries are another important aspect of ecommerce product page design. Ideally, you will have about a dozen images in such a gallery, most of them clean-cut, like your feature image, and showing your product from all relevant angles.

It’s also good to include at least one or two in-context or lifestyle images to invite an emotional response from your customers.

You can even add a 360-degree shot, too, that engages consumers even more or a video that conveys other information or answers customers’ questions.

Do you need a dozen extra images?

No. You only need enough images to allow consumers to better visualize your products –– especially the details.

Other than paying for shipping, not being able to touch or feel, or try out, a product is the most hated aspect of online shopping.

If you can solve for that with only a few images, more power to you.

Here’s a great example by Solillas, where they have 4 total images:

3. Title and overview.

Beyond the images, your product page needs to give high-level information of the product right off the bat.

That information includes:

  • Product title.
  • Price.
  • Features and components.
  • CTA.
  • Customization options.

Ideally, all of this information lives above the fold. That isn’t always possible (in fact, it is rarely possible).

Many brands make up for this with aesthetics.

Instead of using heavy text for an overview (this is *not* the description), they use colors, fonts and icons.

Let’s look at a couple examples.

Ethel’s Baking

Ethel’s Baking nails the product image (yum!). Beyond that, the product overview information is clean, branded and clear.

Here is what they do well:

  • Use of iconography to highlight important and differentiated product information (in this case, gluten free)
  • Branded font as a way to bolster the brand even on a product page (where users may not have even seen the homepage)
  • Review visibility in the form of stars (more use of iconography). This helps to build trust.
  • Customization options up-front.

ON PRODUCT LANDING PAGES, FOCUS ON TRUST

There’s so much that goes into ecommerce product page optimizations, including things like product focus, great images, copy quality, product reviews, button placement, access to important information, etc.

The list goes on and on.

My #1 piece of advice is to focus on aspects of your product page that instills trust while diminishing anxiety. These usually come in the form of reviews, shipping, return policies, etc.

— David Feng, Co-Founder and Head of Product, Reamaze

Hook & Albert

Hook & Albert does a great job with their overview section as well.

In fact, later, we’ll look at their entire product page as a great example of a landing page.

Here is what they do well:

  • Beautiful imagery up-front, showcasing packing needs in image #2 that is vital to understand for the buyer
  • Limited time offer call out to increase conversion
  • Review visibility in the form of stars (more use of iconography). This helps to build trust.
  • Need to know specs information before the fold (AKA without having to scroll)
  • Chat option.

FLOS

Now let’s look at an example that goes a bit more minialstic in an effort to address the brand’s specific audience.

FLOS’s products come at a higher price point, meaning there is a longer buying funnel in general.

To push consumers to purchase, they must include information that helps to visualize the product in their space as well as communicate value.

Here’s how they do it:

  • Multiple product-solo and lifestyle product images
  • Designer call out to speak to the value prop
  • Clear customization options available
  • Dimensional sizing charts to help consumers visualize the item in their space
  • Chat option.

All right – after you get your product overview accomplished, now it’s time to really drive home your product page SEO capture any lingerers.

To do that, you need unique product descriptions.

Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

4. Unique product descriptions.

Product pages are the most important part of your store, not just because they inform customers about your products and entice them to buy from you.

They are important also because great product pages help with your search engine rankings and bring in more customers in the first place.

Improving your product pages is one of the easiest things you can do to improve your sales, and all it takes is a bit of time.

Here is what you need to create highly ranked product pages:

  • Unique product description
  • Product videos
  • Social proof (which we’ll cover in the next section).

Unique product description

Writing a unique product description can be challenging.

After all, it’s hard to measure how well copy is doing at converting someone. It’s more of an assist than the player making the goal.

That said, writing product descriptions that are both optimized for your product page keyword (typically your title) as well as speaks to your branding is the goal.

To do that:

  • Use Google to search for your keyword. Take a look at your competition’s product pages. Your goal is to make yours better.
  • Use bullet points and graphics to get information but boring to read informational across.

Let’s look at a couple examples.

Subzero Superfoods

Subzero Superfoods does a fantastic job on their product pages. Beyond having great product photography, they turn their product description into a true journey.

How do they do it?

  • Use iconography to quickly showcase important product features
  • Include directions or recipes if relevant for your product (how to put it together, etc.)
  • Be fun in your product copy –– if that’s in your brand’s standards.
  • Include images and showcase what else is included in the product. This helps to prove out value.

Marucci

Maybe you’re thinking right now:

I have way too many SKUs to get that detailed about every single product.

That’s a fair thought.

Let’s look at an example of brand that also have thousands of SKUs and how they manage their product descriptions effectively: Marucci.

Here is how they do it:

  • Keep the product descriptions short and sweet.
  • Use additional photography to draw the eye to the information.
  • Include relevant, must-know info including specs, etc.
  • Link off to additional product information on the blog to increase site interlinking and SEO.

And while unique product descriptions are necessary, there’s one more factor to the product description game that will help increase your search rankings and your conversions.. And that’s product video.

Product Video

Videos are a fantastic way to show off your products and make your shoppers feel like they’re getting an in-person demo.

Remember, the #2 most hated aspect of online shopping is the inability to touch or try the product.

Video can help solve for this.

Even better, videos will drive more people to your pages thanks to better search results, then help convert them once they’re there.

Chew on these:

Why do videos increase search results?

Google uses a number of factors when ranking any given page.

Video is helpful because:

  • Video results in a click on your page (to play the video) meaning a signal of engagement to the algorithms.
  • Videos result in longer time spent on page due to the length of a video (keep them short!), meaning a signal of engagement to the algorithms.
  • Also, Google owns YouTube and rewards the use of it.

So adding videos to your product pages can help you in every aspect of the online sales cycle.

Product videos engage your users more, meaning they’ll spend more time on your site (increased page stickiness).

Great. So videos are a major benefit to your store, but how do you get your hands on them?

If you have product demos from the product manufacturer, that’s better than nothing.

But the best solution is to make them yourself.

Not only do you get to fully control the content of your video, but it’s better for your search results if you’re putting out unique content rather than just adding something everyone else has.

How to Make an Ecommerce Product Video:

If you’re not a professional videographer (few are), it may seem a little intimidating to shoot your own product videos.

Thanks to the glut of cheap cameras and easy-to-use editing software on the market, it’s actually pretty easy.

No matter if you are just starting up or are managing the ecommerce site or aspects of it for a multi-million dollar brands: you can start making and testing product videos right now.

Here are a few tips to get you started:

  • Start with a script. Know what you’re going to say so you aren’t tripping over your own words. You don’t have to stick to the script exactly, but just have some talking points to help keep you on track. Make sure they include the key differentiators of the product.
  • Keep it short. In studies, some of the best performing videos are 30 seconds or less in length. And going over three minutes means performance plummets. Just keep in mind that attention spans online are even shorter than normal.
  • Show and tell. Take full advantage of the medium by showing the product in action, not just standing beside it and listing the features. When you mention a feature, show how it works.
  • Act natural. Not everyone is comfortable on camera, but you want to appear as natural as possible to set the right tone. Think of it as having a conversation with your customers, just like you would if you were showing them a product in person.

Let’s look at a few examples.

Giant Teddy

Giant Teddy makes great use of time by turning their product photo shoots into opportunities for product videos as well.

Given that for Giant Teddy, the size of the item in relation to other things is the most important aspect to get across, they can cut a short 45 second video with the photographer to showcase that feature.

Check out the video below and the product page here.

Kodak

Kodak takes the idea of including a product video to the next level – using 4.

Then again, Kodak is hitting the ecommerce market hard. Their entire site experience is exceptional – with a WordPress front end for SEO and unlimited customization and BigCommerce for the checkout functionality to offset PCI compliance concerns and inventory management.

But, for today, let’s just focus on their product videos. You can see how they are laid out below.

See the entire page here.

Rand McNally

Rand McNally hits in the middle here. They produce videos specifically for their product pages,

This is especially effective if you can manage it. Rand McNally produces a small number of products, so they have the opportunity to make each one impactful.

See the video below to describe their GPS product here.

Pro Tip

While writing product descriptions is nobody’s favorite task, getting them right is essential.

If you are short on hours in the day, try a platform like Automated Insights that uses AI and machine learning to help you create your product description in half the time.

Though automated programs can save you a lot of time, make sure you give their results at least two rounds of edits by an actual person. Make them catchy and memorable, ensure that they tell a story, and pack them with all the info customers are looking for.

5. Reviews and ratings.

Product reviews build trust, and that trust increases conversion.

More than 80% of consumers consult reviews when making a purchase, and adding them to your site can help lift sales by as much as 18%.

In fact, reviews aren’t just helpful in increasing conversions.

They are a new and necessary aspect of our online shopping lives.

Research have found that social media impact on how we perceive a stranger’s recommendation has altered historic beliefs and assumptions.

In the International Journal of Market Research, M. Nick Hajili wrote:

“Trust, encouraged by social media, significantly affects intention to buy. Therefore, trust has a significant role in ecommerce by directly influencing intention to buy and indirectly influencing perceived usefulness.”

Drum all that up to mean one thing:

You need social proof on your product pages.

Let’s check out a few examples.

BUILD MORE TRUST WITH YOUR AUDIENCE

You need to build more trust with your audience.

I continually see ecommerce sites that put very little energy into making their product pages look better than just a generic page with no social proof.

Obviously you want to make it easy for the buyer to buy the product, but you don’t necessarily want a empty page.

Displaying reviews below the product and testimonials from major magazines or other outlets can be incredibly effective at building trust.

Overall, it’s important to provide real evidence that your ecommerce store is more than just another generic site.

– Daniel Wallock, Marketing Strategist, Wallock Media

Paul Mitchell

Adding social proof and product reviews to your page can take many forms.

Clearly it must include actual reviews.

But most sites already do that.

So, what can you do to take it to the next level? That’s where this example from Paul Mitchell comes in.

They’ve added respected third-party awards to the product page to help seal the social proof deal.

Two Leaves

Two Leaves, like Paul Mitchell, also allows for customer reviews.

On this particular product, there are more than 50 of them.

But, they also do something few others brands do – they humanize their employees and use their preferences (after all, we all have taste buds!) to highlight staff favorites.

MountainCrest

You’ll notice in the example above that Two Leaves also formats their reviews a little differently than usual.

Let’s take that to the extreme.

MountainCrest uses a tool called RivetWorks to source product photos and reviews at the same time.

This gets them plenty of images they can use on their site and social media, along with the reviews and visuals for them to help sell their products.

See the full product page here.

6. Similar product suggestions.

Take a look at Sierra Designs’ impressive Related Products section.

It is clean, large enough to be noticed, and located below everything else so it’s not obtrusive.

These product suggestions are another layer to your on-site strategy that helps you further engage and delight your visitors with items that can complement their selection.

All product pages on your site are customizable in this aspect. Here is how you set up recommended or related products.

You essentially have 3 options. You can use one, none or all of them.

  1. Customers also viewed: These show up on the product page. It follows this logic: Customers who viewed this product also viewed these products. [photo]
  2. Related products: This also shows up on the product page, and can be manually set. It follow this logic: Products with similar names or descriptions; can also be set manually. [photo]
  3. You may also like: This is a pop-up after a customer adds an item to the cart. It follows this logic: Products that are similar based on name and description. [photo]

You can also market similar products via hard coding, apps, pop-ups, or even chatbots that serve as personal shopping assistants.

And don’t forget about using data to serve the right upsells and cross-sells at the right time.

If you are using BigCommerce Insights, you can use the Frequently Bought Together report to see which items make the most sense to upsell customers to.

6. Customization options.

If you’re offering items in different size and colors, make it seamless for customers to customize their selected product.

This is called hyper-personalization, and it’s one of the most popular ecommerce marketing tactics of the year.

Place easy-to-use customization options on your sidebar or another place, where they are clearly visible.

Every interaction counts, and the shorter and smoother each option is, the more likely customers will make a purchase.

What’s more is that you can add in conditional logic.

Let’s look at a few examples.

Andie Swim

Andie Swim allows customers to add on logos, initials and more to their swimsuits.

Check it out below:

They set this up using product options.

In total, they have 7 product options deployed – 2 conditional.  

Marucci

Marucci clearly does their product pages very well. Second mention in this article!

Beyond their typical product pages, they also have a customized product section.

See the experience below:

How many product options did you see? 14 – 1 of which using conditional logic!

And that one using conditional logic is actually an upsell. 

BonBonBon

BonBonBon has mastered the art of hyper-personalization.

You can go to their site today, and order any combination of any number of BonBons that you want.

No kidding.

And – they didn’t use product sets to do this. They used plain and simple SKUs.

That’s right. Every possible box combination is entered on the backend as a SKU (hidden from customers typically). That’s how they can serve up the “price point in mind” feature.

Setup Hyper-Personalization On Your Site Now

On BigCommerce? Product options are out of the box. Follow the video below or the link here to set them up.

7. Human interaction and FAQs.

Finally, be sure to provide links to any additional information your site visitors might be looking for.

For example, include a clear link to your returns and exchanges policy page as well as to a frequently updated FAQs page that can answer any outstanding questions.

Our Pampered Home does this well. See their product page here.

You can even go a step further and install a chatbot that answers common questions.

You don’t want visitors to navigate away from your page by searching for more info on Google. If that happens, you have not done your job.

Coast New Zealand does this well, offering important informational based on data points. In this example, my IP address is coming in from the U.S. So, I get an international message.

Product Page Optimization

All of this work put into your product page is important for conversions. But, you want to make sure that it drives increased organic traffic over time, too.

More free traffic. More conversions. That’s a winning strategy.

Let’s look at how to do it.

1. Stay on top of your SEO.

SEO is the most affordable long-term strategy to sustainably generate leads, and you should always keep it in mind when building and promoting your product pages.

Keep in mind that your product page speaks to both people and search engines, so research your keywords well to get key-phrase ideas and enrich your SEO.

Below is an example of how different key phrases related to “pink shoes” compare according to data from Semrush.

Source: Semrush

Your product copy should be informative and memorable while also keeping SEO in mind and including the relevant keywords you have researched.

Likewise, invest time in optimizing your metadata both for your page in general and your images.

Include descriptive key phrases in the alt text of your images to give your organic ranking a leg up.

In addition, use videos to make your page rank better and drive more traffic.

Search engines favor pages that include videos because it’s a phenomenal way to create unique, quality content.

Another great way to boost your ranking through organic traffic is to join affiliate programs and generate backlinks to your page.

Getting links from authoritative industry sites and blogs tells search engines that your store is to be trusted and promoted.

7 Ecommerce SEO Best Practices to Improve Product Page Rankings:

Optimize your product pages now by following these seven ecommerce SEO best practices to increase your product page rankings and your conversion rate.

  1. Know how users search for your products by doing keyword research.
  2. Write unique product descriptions.
  3. Create titles, meta descriptions, H1s and Image alt tags based on keyword research.
  4. Use long-tail keyword phrases.
  5. Ensure you have product rich snippets.
  6. Add additional content to product pages.
  7. Promote and engage.

2. Curb the size of your images.

Your web page also must load fast enough on all devices, including mobile, so don’t overload it with images that take forever to load.

Rather, keep your images light. Follow your platform’s image guidelines to strike the right balance between quality, zooming capability, and a fast-loading site.

Every extra second your page takes to load can hurt your conversion rate.

Editor’s Note: If you are on BigCommerce, the platform takes care of image optimization for you – automatically. Learn more here.

With that in mind, test your images and your product page using Google PageSpeed Insights to see if you can optimize them for both desktop and mobile.

And use the world of tools out there to further optimize them.

Page Load Speed Is Often Overlooked. It Shouldn’t Be.

One of the most overlooked metrics on product pages is the time to load the site, and with a lot of ecommerce traffic coming from mobile, this becomes even more important.

We’ve seen with several brands massive improvements in conversion just by increasing the site speed.

– Eric Carlson, Co-Founder, 10X Factory

3. Keep a Uniform Look.

Finally, keep your product pages and images uniform and consistent across all your product lines.

Consistency promotes trust and increases your conversion and retention rate.

One way to maintain an orderly look is to use the same aspect ratio and product scale across all your product lines so visitors can easily navigate your pages without being distracted by the image style itself.

Keeping your images square is also good standard advice so that they look good on all devices, including smartphones.

Here’s a great example from Meeaudio. All images are perfectly sized for consistency and quick loading.

Product page optimization should be someone’s full-time job.

This process should be codified in your procedures, measured and executed continually.

The three metrics we currently use are 1: Search Results Page Rank, 2: Sub-Category-Page-Rank (online marketplaces), and 3: Sales Volume.

Sometimes when sales volume dips against historical numbers it is due to changes in the way pages are ranked. If you’re keeping an eye on these metrics and trends, daily, weekly, monthly you can adjust pretty quickly in order to regain your sales volume.

– Jason Boyce, Co-founder & CEO, Dazadi

The Impact of Powerful Visuals

The visual media you use on your product pages is up to your brand. But you have a lot of different options – and some types tend to work best for specific purposes.

Let’s look at each option.

1. Photos.

Quality images are your best brand advocates, casting the very first impression on your customers.

Everything else on the page, including content and navigation, is there to build on that first impression and lead your visitors to a purchase.

So take your time with your photography. Create unique and polished photos that evoke trust and boost your consumer lifetime value.

2. 360-degree shots.

360-degree shots are super interactive and make your page stand out. People love them!

They are proven to increase conversion, reduce returns, and attract more attention to your website.

While they can be pricey and complicated to shoot, if you can fit them in your budget, they can positively affect your bottom line.

3. Video.

Not only do people usually prefer video as a way of learning new information, video is also responsible for the majority of internet traffic.

On product pages, video helps your organic search ranking and is a great tool to grab attention, create relationships with your customers, or answer questions about product features in seconds.

Solo Stove, for example, uses a lot of videos on its product page to the delight of its customers and conversion rate alike.

Source: Solo Stove

While quality video production is expensive, if you’re just starting out, you can shoot a few seconds-long blurb videos that promote a lifestyle or answer questions with just about any camera.

Adding them to your gallery will give substance to your page and help your conversion.

Engaging Apps and Plugins (Tools!)

Another way to fortify your product page that no ecommerce store can ignore is using apps and plugins that interact with your customers.

They can help you tackle:

  • Abandoned carts
  • Answer questions
  • Offer suggestions.

You can also use apps to create a sense of urgency and scarcity, which are proven to boost conversion.

Some of the key tools you can employ include:

Source: Chatra

12 Best Ecommerce Product Page Examples

Your product page is one of your most important sales tools your business has.

Keeping it optimized and up-to-standard is a must. So, as a wrap up, let’s look at 12 innovative product page examples.

1.Hook & Albert.

2. Olive Clothing.

3. Coast New Zealand.

4. Marucci.

5. Enro.

6. Tabitha Simmons.

7. Kardiel.

8. Atkins.

9. Fresh Fronks.

10. Ethel’s Baking Co.

11. Handpicked Wines.

12. Solo Stove.

BE DIFFERENT, BUT TRACK YOUR METRICS.

Don’t be afraid to go above and beyond the status quo. Most product page designs are very generic and follow a similar pattern as the competition.

That said, the most important metrics for ecommerce product page optimization range from social and referral traffic to conversion rates.

You want to see referral traffic coming to your site because it indicates that the story your product page is telling is compelling. You want to track conversion rates because it’s important that your visits are turning into sales.

– Ross Simmonds, Founder, Foundation Marketing

Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/product-page-examples/feed/ 5
How to Optimize Ecommerce Images for More Sales: A Guide to Image SEO & Conversion https://www.bigcommerce.com/blog/optimize-images-for-web/ https://www.bigcommerce.com/blog/optimize-images-for-web/#comments Tue, 30 Jan 2018 12:00:15 +0000 https://www.bigcommerce.com/blog/?p=22831 How much attention do you pay to your store’s image optimization? Often times, brands get caught up on overthinking a…]]>

How much attention do you pay to your store’s image optimization?

Often times, brands get caught up on overthinking a logo – spending days, weeks or even months before they launch a great idea just trying to figure out what symbol is appropriate for a brand they haven’t even started yet.

And then, when it comes time to actually launching, way too many entrepreneurs spend much too little time focusing on great product photography and branded imagery.

And yet, imagery continues to be the catalyst of our era – the communication vehicle through which people understand value or disregard and move on to the next.

Only video matches the picture’s power in this respect.

And you use your pictures everywhere:

  • On your product pages.
  • On your category pages.
  • On your homepage.
  • In your abandoned cart messages.
  • On your blog.
  • On your social accounts.
  • For your Facebook Advertising.
  • For your Google Shopping stream.

In fact, the only thing you don’t use images for is Google AdWords. And Google AdWords is often the most expensive PPC you’ll have.

What is Google’s Speed Update?

Despite image-less AdWords, Google is heavily invested in your brand and product images as well.

In January 2018, the company announced that mobile search algorithms will begin to take page load speed into account beginning July 2018.

This is being dubbed the Speed Update.

And there are 2 things that slow down page load speed:

  1. Way too much javascript often caused by too many apps and not enough built-in to your site.
  2. Way too large of images that are not optimized for screen size.

Less Apps. More Sales. Only on BigCommerce

“We recently re-platformed from Shopify Plus to BigCommerce. I cannot explain how angry I am that for months we have paid Shopify many thousands of dollars for functionality that comes as standard with BigCommerce!

Once we decided we were going to pull the plug with Shopify, we literally spent the three days on BigCommerce installing a template, customizing, and then completing our full product import.

The feedback I’ve had from people that I’ve shared the site with already is ‘It loads so much faster! The mobile experience is so much better!’”

– Richard Eib, Monroe and Kent

Test drive your data in BigCommerce

Platforms like BigCommerce alleviate these issue for you by:

  1. Building in more functionality to the platform. On average, BigCommerce stores use 2-5 apps. On other SaaS platforms, average is +15.
  2. Automatically optimizing all images for page load speed across any device. BigCommerce partners with Akamai, the leader in image optimization on the web, to automatically optimize all images for all customers –– with no extra effort or cost on their part.

Less Tech Debt. More Sales

“The decision to move to the Akamai Image Manager network has been a boost to our merchants, enabling them to deliver faster site load times and strengthen their overall mobile site performance.

What’s more, merchants did not have to invest costly time and effort to further develop optimized images for different devices, leading many to see an increase in site engagement and conversion – especially for mobile shoppers.”

– Frank Morrall, president at VisionCourse Media, an online marketing and design agency, and a BigCommerce partner.

The truth about image optimization, speed & your bottom line

Yes, images are one of if not the most important asset for your ecommerce store.

And yet, too often they are neglected –– store owners completely forgetting to optimize images for web.

Why?

  • Because optimizing your images for the web is just one additional step in a never ending to do list.
  • It is often seen as low priority, and thus forgotten.

But if you want to improve your conversion rate, your customer engagement, your loyalty and your lifetime value –– well, you need to start by paying more attention to your imagery.

But where should you start?

We’ve got you covered.

In this guide we’ll go through the most important concepts for you to understand regarding your images, and show you how you can begin implementing tips to increase conversion – right now.

Why images are so important

Before we jump in, it’s important to understand why images can have such a big impact on your store. Here’s a high-level view.

1. First impressions count.

Images are the first thing your customers see when looking at a product page, and those first few seconds can be crucial in determining if the product is what they are looking for.

In fact, in a 2017 study commissioned by BigCommerce and Square, American online shoppers cited additional product photography as the #1 thing they want more of from online brands.

The Comprehensive Modern Consumer Shopping Habits Study

As ecommerce grows 23% year over year, use this study to learn how to make online and in-person selling a more seamless experience (and make more $$$ too!)

Get the Data Now

2. A picture is worth 1000 words.

Images help a customer ascertain the quality and details of a product better than any description.

In lieu of being able to feel the product as in a retail store, great product photography lets the user explore the various details of the product up close.

Indeed, in that same study by BigCommerce and Square, nearly half of respondents (49%) cited not being able to touch, feel or try a product as one of their least favorite aspects of online shopping.

This was the second most hated aspect of online shopping in the study.

3. Mobile is taking over.

As mobile shopping becomes increasingly prevalent, images will only become more important –– as evidenced by Google’s Speed Update move.

User’s are increasingly using images instead of text to judge the suitability of the product and even to navigate.

Do you think a customer will read each description first or look at the photo?

Having clearer, more appealing ecommerce product images means your products will get looked at, clicked on and bought more often.

4. Images can actually hurt your website.

Using unprofessional or poorly optimized images for web can have a major impact on your shopping experience and even where you rank in search engines.

  • Do your images load slowly?
  • Have you not added meta description?
  • Are people bouncing as soon as they land there?

You won’t ever get to Page 1 with that kind of behavior.

With that in mind, let’s walk through how you can make sure you have professional-quality and optimised photography on your ecommerce store.

Optimizing Images & Photos: A Quick Guide

The first step to optimizing your product photography (or any image on your site) is to first start with great photos.

But after that, a lot of the optimization process is behind-the-scenes.

In fact, optimizing your photos can be the strategic advantage you need to crush the competition.

They can’t see what you’re doing after all, but you’ll get higher search rankings which means:

  • More clicks.
  • More sales.

Combine that with the power and customizability of your site’s SEO (i.e. complete URL control across the board), and you’ll win on Google.

Let’s look at how to do this despite what platform you are on.

Automatic Image Optimization & Complete SEO Control

Online stores using BigCommerce get automatic Akamai image optimization for all images uploaded to their storefront.

  • No additional cost.
  • No waste of time.

Plus, BigCommerce is the only SaaS platform that allows you to completely customize all site URLs and metadata. The platform’s non-proprietary coding language also gets bonus points from Google.

Move data over now and see for yourself with a 15 day free trial.

Test drive a platform you control.

1. Start with good photos.

Having great ecommerce photography starts with taking the right picture.

Your photography doesn’t have to involve an expensive camera or setup. In fact, you can create your own DIY photography setup that will do the job.

But there are a few tips you can follow to make sure you are starting off with the best possible photos.

Make sure you have the right setup.

An ecommerce photography setup doesn’t have to be expensive, but if you’re just getting started there are a few things you should invest in to take quality photos:

  1. A consumer DSLR camera or smartphone. Most smartphones today have a camera that will be more than adequate for taking standard product photos. Using a smartphone also gives you access to hundreds of photography apps.
  2. A light source. Having a light source helps to provide even illumination of your image and will make a huge difference to the quality of your photos. If you’re starting out you might find it easier to work with a natural light source. In this case, using a fill light will help you eliminate the shadows on your image.
  3. A white sweep. The sweep will help diffuse the lighting across your image evenly and make editing your photos later much easier. This can be anything from a white sheet to rolls of paper.
  4. A steady surface. If you’re taking a number of photos, having a steady surface makes it easy to keep your images consistently placed.
  5. A camera tripod. Likewise, having a camera tripod ensures you can get consistently position photos every time. It also makes it easy to readjust your products without having to juggle a camera at the same time.

2. Showcase your products with multiple angles.

Look at any successful online store and you’ll rarely see one using just a single photo for any of their images.

Product photography can be used to showcase the best aspects of the product, so it’s important to include a variety of shots.

For example, at online clothing store Olive Ave, they use a variety of shots to showcase their product.

You can do this without models as well. Look at this example from KAOS.

Different photos can help showcase different aspects.

  • Long-shots showing the product on a model can help the user visualize how the product will look in a real-life situation.
  • Medium shots help them ascertain the overall look of the product itself.
  • Close-ups illustrate the finer details and quality of the product that can really sell its value.

3. Use a white background for your products.

Replacing the background of photos with a white background ensures that you will have consistently great looking images, no matter their order on your site or how you use them across the web.

White backgrounds are standard on almost every online store, and there are a few very good reasons for that:

  1. Your products will POP on a white background
  2. Your images will look consistent on collection pages
  3. It will save you money and time in editing
  4. You can easily reuse or replace the background on any of your photos
  5. Marketplaces like Google Shopping and Amazon now require white backgrounds

Using white-background images makes products easy to compare. Source: jenis.

You can use software such as Photoshop or Pixlr to manually replace the background of your product photos with a white background, or let services like Pixc do the work for you.

4. Save your images with the right dimensions.

Paying attention to the dimension of your image is crucial if you aren’t on BigCommerce.

  • If too large, you will cause issues with your page load time.
  • If too small, your images will look grainy (i.e. poor quality).

Use pixels to measure the dimensions of your images.

Your iPhone will have something in the range of a 12 Megapixel camera, which just means that the photos it takes consist of twelve million pixels. The photos produced by the 12mp camera will be 3000px x 4000px.

For ecommerce photography, that size is unnecessary. On BigCommerce, for instance, the optimal size for your product photos is 1028px by 1028px, while your other photos should be under 1000px on both sides.

Keeping your images square will ensure they display correctly and look good regardless of whether the contents of the photo are longer or taller.

When your images are sufficiently large enough in dimension, then the same image can be scaled down to be used in your thumbnails or in collection images.

And, if you have product zoom enabled, you can display a much higher resolution image.

Images can be scaled down to different sizes. Source: Martha Stewart Cafe Shop

If you don’t have access to software that can resize your images, like Photoshop, don’t worry.

Services like Pixlr and Canva can help you with basic editing and resizing needs.

Faster Checkouts. Less Development.

Again, if you are on BigCommerce, the platform uses Akamai behind-the-scenes to optimize and resize all images based on the device your customer is coming from. This means faster page load speed and less work for you.

5. Improve page load speeds by using the correct image format.

It’s easy to just choose the default save option when you’re creating your images, but knowing the difference between file formats and settings can have a massive impact on your site.

Your BigCommerce store allows for three different image formats: JPG/JPEG, GIF or PNG. Each of these have different benefits and drawbacks.

  • GIF files are lower in quality, but also in file size. If you need to create an image specifically for small icons or thumbnails, then you probably want to use a GIF. They’re also the only format available that supports animation (though keep an eye out for APNG). However, as the image size gets bigger, GIFS become less efficient at processing colors,.
  • PNG files support a wider range of colors, and also the only format that supports transparent backgrounds. However, this all comes at the cost of larger file size. If you need to edit a photo multiple times, you’ll want to export it as a PNG file.
  • JPEG images are the most common format used by digital cameras and online. They support a wide range of colours, but the JPEG compression settings allow you to strike a balance between image quality and file size.

JPEGS offer a good balance between file size and quality, while GIFS offer poor file size for more complex images. Image Source: Brook Lark

6. Experiment with quality settings.

In most cases, JPEG will be the file type of choice for your images. It offers a high quality image at reasonable file sizes.

One of the great benefits about the jpeg file type is the ability to choose the level of compression that you would like. Adjusting the compression settings enables you to reduce the filesize, at the cost of image quality.

Have a look at this example where the same photo has been saved using different levels of compression:

The result of using high, medium and low JPEG compression. Image source: Alex Jones

When not to use JPEG.

While JPEG is the most popular format for web images, there are a few cases where it’s best to use a higher resolution file type like PNG. For example:

  • When your image is mainly lines, icons or sharp images: JPEG compression may blur the line between the image and the background and make the contrast less apparent.
  • When the image will undergo multiple edits: The compression will slightly alter the image each time and after several edits, it may noticeably distort the image.

Not on BigCommerce? Compress your images with this free tool.

As we’ve already discussed, images will typically range in file size from a few dozen kilobytes in their compressed form, up to a few megabytes, depending on the file type and level of compression you have used.

If you’re on BigCommerce, once again, you do not need to worry about this section. Move on and read the next section.

For everyone else…let’s start here:

If you’re unfamiliar with the Byte data unit, each Byte is equal to 1024 of the previous one.

So to clarify:

1024 Bytes (b) = 1 Kilobytes (kb). 1024 Kilobytes = 1 Megabyte (mb). 1024mb = 1 Gigabyte (gb)

You don’t have to remember this, but just consider that you typically want to aim for photos that are under 100kb to reduce the time it takes for everything on your page to display.

An iPhone 7’s typical photo file size is around 3mb which translates to 3072kb, or more than 30x optimal image sizes!

Now imagine that you have a gallery of ten photos all of this size on your page, and you start to understand why compressing your images is important.

Most image editing tools will allow you to adjust the level of compression for your JPEG files.

But if your image editing software doesn’t offer good compression options, if you aren’t on a platform that does this automatically for you, or you aren’t sure on the level of quality loss that will be suitable for each image, you can use another tool to make your photo size smaller.

TinyJPG is one such service that is free – a free image optimizer – and will accept both JPG and PNG images.

Instead of you having to guess the right balance between quality and file size, services like TinyJPG analyze the image for you to determine the smallest possible file sizes, while still maintaining optimal image quality.

TinyJPG shows you your original image versus the optimized image.

Even if you already compress your images when saving, you’ll be surprised how much of an impact running them through a service like TinyJPG can have.

Search Engine Image Optimization 101

Images are a fantastic source of organic content that can help your rank better in Google.

There are a few things you should be doing to make sure that you’re getting the most out of your image content.

1.Use informative file names.

Image names are the first piece of information you can provide to Google to let them know what your image is about.

The default file name that come from your camera and looks like a string of numbers does nothing to describe what the photo is actually about.

When naming your images, describe the contents of the photo and use dashes instead of spaces. BigCommerce does not allow spaces in their image file names.

Renaming the file to optimize for keywords, including line drawing and happy woman.

2. Include appropriate alt text.

Alt text is intended as an accessibility feature, and that’s how it should be approached.

If the user is vision impaired, or if the image can’t be loaded, the alt text is what will be displayed.

But alt text is also used by Google to gain a better understanding of what the image contains.

That makes it a valuable spot to include the relevant search term that people looking for your product would search for.

Matching my optimized image file name with my metadata, page title and URL structure on my product page backend.

3. Provide context around your image.

The content that surrounds your image is also important.

Search engines act the same way as your users do, by using the content throughout the page to build up a bigger picture of what the page is about.

This can be particularly valuable on product pages where you can use unique descriptions to better describe the product in the photo.

Here, I’ve updated my product description to include all my keywords: custom art print, line drawing, happy woman. I’ve also included additional content and details for branding purposes.

4. Use images to improve the experience.

You can also go above and beyond and create a great user experiences by doing the following with your images:

  • Use good-quality, non-blurry photos. With smartphones and free editing software available, there’s really no excuse for not having good-quality photos. It makes for a better experience, and people are more likely to link back to pages with better photos.
  • Place them higher up the page. People don’t always scroll down to the bottom of the page, so make sure your images are higher up the page where readers will have the chance to see them.
  • Specify the width and height of each image. If the browser knows how big the image will be, it can load the rest of the content in place while it waits for the image to finish downloading. This can reduce the amount of time it takes for your page to load and create a better user experience.

Providing extra SEO information and optimizing your images to provide the best browsing experience will help increase the amount of organic traffic to your site, and improve the amount of time shoppers spend once they’re there.

Trick of the trade: Use open graph to show the right image on social media

The final thing you can do to get the most out of your images is make sure that when someone shares a link to your website, the correct image is shown.

Source: Kelty

By using something called the Open Graph protocol, you can make sure that your best product image is shown, rather than a generic logo or unrelated image.

Here’s where you can do this on the BigCommerce backend for each individual product.

The image you want to use is specified in your page’s header section, similar to how you might specify the title tag and description for the page.

You might find that for certain BigCommerce pages, such as your homepage, you may need to create a separate HTMLHead file where you can specify which image will be used.

Product Image Optimization Checklist

Product images have the power to make or break a sale.

Remember that your customers can’t pick up and feel a product. They rely solely on your descriptions and the visuals you give them — by way of ecommerce product images.

So, are you nailing these best practices when it comes to your product images?

Here’s a checklist to make sure you are – 100% of the time.

1. Set up for success.

  • First up, steady your camera with a tripod (or any hard and stable surface) to avoid camera shake.
  • Next, make sure you shoot with sufficient lighting to light up both your product and the entire photoshoot space. You can do this by using multiple light sources (flashes, strobes and even normal desk lamps will do) but the easiest way is to use natural lighting.
  • Use the sun as an indirect light source. Take your photo near a window, and if it’s too bright, diffuse the light with white blankets, sheets or paper. Lighting up your product in the shooting stage will produce a better quality photograph and also save you a lot of editing time.
  • Consider shooting on a white backdrop. It takes a bit of extra time to set up, but it’s easier to remove the background later should you choose to do so, and it will help with your camera’s white balance calibration. On top of that, white reflects light whereas darker colors will absorb it, so your product will naturally turn out nicely brightened and contrasted.

2. Shoot multiple photos.

Everyone loves the convenience of online shopping, but let’s be honest, nothing compares to being able to physically touch the product.

When it comes to online shopping, difficulty visualizing what a product would look like in real life is one of the number one reasons behind purchase resistance. To help your customer visualize a product, take photos from different angles.

  • Start off with a “hero image”. It’s the first of a series of images of your product. The best option for a hero image is either a front-on shot or a 45-degree angle shot, depending on the product. In some cases, like shoes for example, a side-on shot might be more appropriate. The photo should be simple and feature only the product that you’re selling as to avoid confusing the viewer.
  • Following on from your hero image, include photos from above, below, the side, the back etc.

3. Take shots in context.

Next up, sell your product with some in-context product photos.

Show photos of your product in use. For example. complement a pair of pants with some nice shoes, a plate with a delicious-looking salad, or a vase with nice flowers.

The viewer should want everything in the photo (including your product wink wink nudge nudge).

However, you should refrain from using this as your hero image, because ultimately you want to show off (and sell) your product, not your photography skills.

4. Clean up finished photos.

There are also a few best practices you should keep in mind after you put the camera down.

A good idea is to remove the background and let your products do the talking.

Simple, white backgrounds draw attention to the product and will match any website design, so if you decide to change up your template, you won’t have to worry about getting new images.

5. Get the sizing right.

When it comes to uploading your ecommerce product photos onto your store, image size and quality both matter!

When you set up your online store, you choose the product image dimensions for your template.

For the best product image size, I recommend using a template that goes beyond the average 500 and 700 pixels. This is small for an image.

Don’t make the mistake of manually resizing your images to that size before uploading them to BigCommerce.

In fact, lowering the resolution by that many pixels will give you a blurry image. Images of any size, as long as they have the same width to height ratio as the template, will be automatically resized without any cropping or extra space on the sides when you upload them to your online store.

I always recommend 1200px on the longest side of the image to be safe, which also gives you a decent sized image if you choose to use a product zoom feature.

That being said, there is no technology that can make images bigger while keeping them just as clear, so when you set up your template, make sure your product zoom feature is no bigger than the dimensions of the file you upload.

Here are settings for your Bigcommerce store. Akamai will automatically resize for device your customer is using so that your page load as quickly as possible, giving your higher mobile search ranking.

  • Create a canvas of the size you want in Photoshop and drag your photos into the new canvas, resizing them within the new canvas and not the original files.
  • If you don’t have Photoshop or want something that’s a bit easier to use, use Canva. Just create a design using custom dimensions, upload your images and resize them in there. It’s too easy!

6. Be consistent.

Finally, you want your images to look consistent.

Your BigCommerce template will make them all the same size, and a white background will keep everything looking nice and neat.

But if you want to make your product images just look a tad more professional, adjust your product photos so that they take up 80-90% of the canvas.

This means that even on a page of differently shaped products, there will still be that element of consistency.

So, there you have it. A product photography and image optimization checklist to ensure your site load quickly, the images look great and you get more sales for less work.

Image Optimization FAQs

Improving your ecommerce stores images is one of the most effective ways to create a better shopping experience for your customers.

Better images can help customers be sure of the products they are buying, help you rank better in search engines and lower your site’s load time.

With the advice you’ve been given in this guide, you have everything you need to start optimizing your ecommerce product images to bring in more traffic and make more sales.

As a wrap up, let’s answer a few brief image optimization FAQs.

What is image compression?

When you first upload an image, the pixel and file size is often much larger than needed for your site.

Image compression compresses an image size (makes it smaller) without sacrificing quality depending on the device the person is viewing the image from.

For example, file size needed for a high quality print photo is very high. For those, you need a hi-resolution (hi-res) image, i.e. 4608 x 3456 image will yield a 15 x 11 print. Needs for web images are lower.

What is lossless compression?

Lossless compression describes the compression of an image file in which all original data can be recovered when the file is uncompressed.

With lossless compression, every single bit of data that was originally in the file remains after the file is uncompressed.

Does your store need to worry about this? It depends.

Best practice is to save all original files in the cloud with a backup. In other words, use Google Drive, Dropbox or Box to save your original, large files.

What is lossy compression?

Lossy compression or irreversible compression describes the compression of an image file in which inexact approximations and partial data discarding  are used to represent the content.

This means the original file cannot be restored.

For your online store, if you use this method, you will want to use a cloud storage file with backup to save your original files.

This type of compression will not save your original files, but it will increase page load speed. Image quality, likely will not be noticed depending on the device.

What is the difference between lossy and lossless compression?

The difference between lossy and lossless compression is the way in which the image is compressed.

In lossy compression, you cannot restore the original file.

In lossless compression, you can restore the original file.

Either way, you should store original files in a cloud service with hard drive backup.

Will users notice when product photos are optimized?

No. Images are optimized for device size without affecting the visual quality of the image.

Users will see no discernable difference, other than faster page load speeds.

What other image optimizer tools do you recommend?

Should images be responsive?

Yes, the images on your site should be responsive. This means they are compressed and optimized based on device the browser is using.

BigCommerce stores have this done automatically for them for free. If you use other ecommerce platforms, check with them on offered solutions and costs.

How can non-designers create quality images for a website?

We highly recommend hiring a professional photographers for all product images and using experienced graphic designers to ensure you have the highest quality images on your website. However, tools like Canva, Piktochart, Aviary and LogoGarden can help you create high quality images with little design experience.

Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/optimize-images-for-web/feed/ 3
162 Best Ecommerce Site Designs of 2018 https://www.bigcommerce.com/blog/top-2017-ecommerce-store-designs/ https://www.bigcommerce.com/blog/top-2017-ecommerce-store-designs/#respond Tue, 20 Jun 2017 12:57:48 +0000 https://www.bigcommerce.com/blog/?p=21442 First impressions matter.   They matter so much so, in fact, that brands that redesign their site regularly report a…]]>

First impressions matter.  

They matter so much so, in fact, that brands that redesign their site regularly report a 20-300% increase in revenue within 3-6 months after launch.  

The industry average for year-over-year revenue growth is less than 25%. You hit even the bottom of that percentile and you’re already well on your way to being one of the fastest growing brands online.

Brands that redesign their site regularly report a 20-300% increase in revenue within 3-6 months after launch.

Now, one of the biggest aspects of — and reasons for — a redesign doesn’t actually have much to do with the design itself.

Yes, first impressions matter, but on the web, we employ our senses far beyond that of sight. Sight mingles with touch when it comes to online design.

For instance:

  • Does a button do something when I click it?
  • Am I going to where I thought I would be sent when I clicked it?
  • How fast do I get sent there?
  • Is this new page equally as appealing as the last?

And any online consumer wants to get the answers to those questions above in 2 seconds or less.

Sight and touch: they make up online design and user experience. They also determine if the traffic landing on your site will convert –– which in turn decides if you will make any money at all.

So, how do you design a site that is both beautiful and functional? Well, that’s what this guide is for.

We’ve found 162 of the best ecommerce web designs that convert.

The “that convert” piece is important, because good design alone isn’t enough. Your site must be both attractive and easy to navigate, clearly explain your product, have a short purchase funnel and so much more.

Best Ecommerce Site Design of 2018

In this guide, you’ll find the best of the best of site design for 2018, giving you 27 examples of high-converting, well designed sites.

Then, we’ll dive into the best of the best by industry, giving you explanation as to why each industry has different design and UX requirements.

After all, you don’t shop for baby clothes and auto parts in the same way –– and you’ll clearly see how the best designed brands out there account for those differences online.

So, let’s dive in. Here are the best ecommerce site designs of 2017.

Want to see the best ecommerce site designs of 2016?

You can toggle over to see 2016’s winners right here.

1. Best Overall Design: Hyphen

As told to BigCommerce by Shaun Pennington, Vice President at Hyphen.

Just like our Hyphen mattress, we wanted to create a design that was unique, appealing and functional. We feel the design is a true reflection of what Hyphen stands for and that it appeals to our core audience. We’re extremely happy with it and it is absolutely a large contributor to our success.


2. Best Homepage Design: Native Union

As told to BigCommerce by Arthur Maitre, Ecommerce Manager at Native Union.

Our website is the “window” to the Native Union Brand. Often times, the first touch point a customer will have is to see our products on shelves in retail locations. Although our products tell a story, being able to create an exploration experience on our website allows users to discover our brand values and product lines in a much more controlled and aesthetically pleasing way.

We worked with Groove for the custom design, which was 100% led by Native Union.

We launched our BigCommerce re-designed website in August 2015. Our average conversion rate decreased by 15%, but this was expected given a sizable 67% traffic improvement. It still led to 41% more orders with +8% AOV!

In total, since the redesign, traffic has increased by 67%, orders have increased by 41%, AOV increased by 8%, and page download speed decreased by 19%.


3. Best Category or Product Page: Soundwall

As told to BigCommerce by Adam Goodman, President, Soundwall Inc.

Pavan Bapu, our head of marketing, had wonderful insight around this redesign and put a focus on being as literal as possible about the Soundwall product and its features. “Stream Music from a Work of Art” was the primary message. From there, we expanded on key features paired with simple illustrations. We wanted site visitors to truly understand the product prior to guiding them toward the art selection and buy page.

Since we relaunched, average time spent on site has increased by over 200%. Average pages per session went from 1.25 to 2.5. We’ve seen a  60% increase in engagement from home to shop page with a 4x increase in average time on site and 50% reduction in bounce rate.

Bottom line, we saw that site visitors were moving through the site with ease. They were navigating the site to learn more about Soundwall.

That said, the real conversion came from the subsequent inquiries not by individual consumers, but by those in commercial verticals. The big win stemming from this redesign was the ground swell of interest from the hospitality space that led one of the largest distributors of goods to the hotel industry globally to pick Soundwall up as the newest featured luxury product in their line.


4. Best Customer Experience: Human Solution

As told to BigCommerce by Greg Venditto, Human Solution.

Our inspiration came from our standing desk customers. We know they love to build custom desks, select options, add accessories, and more, and we wanted to give them an online experience that would let them quickly and easily build the desk they’ve always wanted.

As a customer begins to build their desk, they’ll notice that the desk image changes with each selection. Our customers are able to choose their desk style, size, color, and desktop material – watching their desk come together on screen. Accessories are also important, and we wanted to showcase each of them. Customers can see their desk setup – complete with their LED task light, standing mat, storage options, keyboard trays, monitor arms, and more – before they ever order it.

It’s all showcased on the desk, giving customers an idea of how it will look before purchasing. We also took the “build” concept to our ergonomic chairs, and customers can compare options and colors before they place their order. We didn’t just want customers to see our UPLIFT Desk products, we wanted them to interact with them on our site firsthand.

Our new site is a full redesign, and since the launch, we’ve seen a 21% increase in our conversion rate. Our mobile site has seen even larger gains. This led us to a revenue growth opportunity, where we were previously using mobile primarily to educate our potential customers about the benefits of an ergonomic lifestyle.


5. People’s Choice Award: KidsChoo

As told to BigCommerce by Mark Withers, KidsChoo. 

This store is simple and elegant, utilizing a variety of color and embracing the flexibility of the BigCommerce technology design platform. The store has been designed with scale in mind, with further categorization to be added to focus on natural foods resulting in healthy kids.


Best Ecommerce Site Design Runners Up

1. Annesley Surfboards


2. Beatific


 3. Bulk Nutrients

As told to BigCommerce by Jarod Pulo, Bulk Nutrients.

Bulk Nutrients is an Aussie owned and operated online supplement store. We pride ourselves on supplying pure supplements at very affordable prices to all Australians.

At Bulk, we’re very customer driven and do all we can to involve our fans in what we do, because to us they’re integral to who we are!

This played a major role in our website design, as it’s the main contact point where we meet our customers. We’ve created a bright, engaging and user friendly space which truly puts our customers first.

It all comes down to two key aspects, the bright, engaging design and our focus on the customer.

Design

Our website looks striking. The clean, crisp colors and bold CTAs have all been customized to represent our brand values.

To make browsing an extensive range of products, we created an easy to use drop down menu. This lessens a customer’s potential choice paralysis and makes navigation easy.

Customer Focus

At Bulk Nutrients, we want to match the right product with the right customer. So, we’ve built our website to achieve this goal.

Browsing is a breeze via the search bar or hovering over the category menus. If it all seems too much, customers can use our “Shop by Goal” section, and we can help them find their ideal supplement in just a few clicks.

The individual product descriptions are a highlight of our website. Each product has its own description, full ingredient breakdown and reviews from customers up the right-hand panel.

Our proteins, for example, each have quick facts so each customer can visually see the nutrient breakdown of the product and just below is a link that can take them to all recipes that the product can be used in!

Bulk Nutrients’ Bigcommerce website has is a carefully balanced, innovative and captivating website design in which usability by our customers is paramount.


 4. Diamond Exchange

As told to BigCommerce by Sam Thomas, Diamond Exchange.

Our original site was run on Magento. We engaged Randem Digital Consultancy to redefine our online go to market.

On Magento, our mobile conversion was 0% of our revenue and we had lots of challenges with our diamonds (and there are over 100, 000 diamonds that are uploaded daily) feeding into our system correctly.

Today, our mobile conversion has hit 50% of our monthly income for the first time in 8 years! And our online revenue has been increased by 20% every month.

SUCCESS Partners migrated 11 sites from Magento to BigCommerce and saved $1,000,000. Learn how they did it.


5. Everything ORGO

As told to BigCommerce by Jen Knobel, Everything Orgo. 

Our site was completely redesigned with a sleek and modern look. We have improved the check out process and added the option of pre-ordering our new collections.


6. Illawara Fruit Direct

As told to BigCommerce by Troy Hawkins, 101 Design.

The website has not only had a visual enhancement which has led to an increased conversion rate of 32%, but also increased speed and stability using the BigCommerce platform.

The previous website was an obsolete custom shopping cart which was full of bugs resulting in major browser issues, and major customer checkout issues. The bulk product edit option has been a huge time saver for the clients as well, due to fresh produce pricing constantly changing. All in all a very successful website design not only for the customers but also the business owners.


7. KMP Accessories

As told to BigCommerce by Kevin Wanner, KMP Accessories. 

My store has come a long way over the past ten years. Thanks to the help of PSD Center, I finally have the look and feel I have been searching for with a modern design that is very competitive.


8. Little Tree Shoes

As told to BigCommerce by Eamon Rodeck, Little Tree Shoes.

We think that the strength of the landing pages (Home page, Womens, Men) as well as Product Pages with more than 1 image make this site stand out. The navigation, and overall style is clean and focused on usability at all screen sizes.


9. MotoXart

As told to BigCommerce by Steven Webb, MotoXart.

We have spent a lot of time developing the store from its original beginnings, making good use of the available, out-of-the-box tools in BigCommerce such as product options and custom fields.

Our website is a redesign of the Skate and Surf theme. We chose this theme as a starting point because it allowed us to resize our product images and allow us to have large thumbnails which our customers find very important when casually browsing.

Since we re-designed the website ,we find that customers are more attracted to the site and browse longer, visiting more items which has led to a 25% increase in sales over a 12 month period.


 10. My Magic Mud

As told to BigCommerce by Justin Armon, Creative Director at My Magic Mud. 

We’ve made our store extremely fast, and we’re the top ranking site in our category.

We started as a small BigCommerce store, and now our products are in over 5,000 locations worldwide.


11. NatoMounts

As told to BigCommerce by Brandon Chatham, NatoMounts.

We designed our website to tackle the growing mobile market, and allow visitors to checkout in less than a minute.

We specifically used the new one-page checkout provided by BigCommerce and modified the cart page design to accomplish this goal.

Now, our website experiences upward of 6% conversion and even higher, with more than 70% of our traffic coming from mobile.


 12. Nektar De Stagni

As told to BigCommerce by Nektar De Stagni, Nektar De Stagni.

We’ve been a long time BigCommerce customer,  and our designs have been recognized by The New York Times and The Wall Street Journal among others. Currently, our products are featured at Nordstrom and Bergdorf Goodman.

Our online store features high caliber product photography by leading stylists. The custom store design features a clever masonry layout that allows different content to easily adapt to each page by simply changing the width of the image, making for low bounce rates and high conversion.


13. Onychek

As told to BigCommerce by Emmanuel Chekwas Nwokocha, Onychek.

ONYCHEK.com, an ecommerce store for luxury fashion made in Africa, has a very simple design that makes potential customers focus on the product.

We also lay emphasis on product photography and overall feel of the website. We are targeting sophisticated consumers and with our designs and can say that customers receive it well.

We send NPS surveys to all of our customers, and so far we have had NPS score of 10 and 0 returns.This is because with the minimal design, we describe our products well enough that customers know exactly what they are getting.

Our conversion rate this April increased by 138.46% compared to March. We put UI and UX in the forefront of our design idea to make it really easy to shop. Here is an exact quote we received:

“I love your site, it’s simple and focuses mainly on your products.”

This confirms that we think of the customer as build a really easy UX.


 14. Carolina Panthers Shop

As told to BigCommerce by Scott Szeglowski, Carolina Panthers Shop.

Our mobile conversions are through the roof. We earned our ROI back in days on BigCommerce!


15. Wabi Cycles

As told to BigCommerce by Curtis Kline, CEO at Wabi Cycles.

Wabi Cycles developed a completely custom BigCommerce site reflecting a modern take on a classic bicycle. We used engineering drawings as a background to help push our core brand ethos: quality above all else.


16. Pink Lily Boutique

As told to BigCommerce by Chris Gerbig, Founder at Pink Lily.

We have customers tell us daily how beautiful our website is!

We started out of our garage 3 years ago and now we have 25,000 customers per day. They are coming to PinkLily.com because the website is beautifully designed and our products complement the look of the website.

We also feature images of our customers wearing our clothing on the front page of the website, which also adds to the aesthetic. You can see colorful products, beautiful customers, and wonderful design elements all at PinkLily.com.


17. Renogy


18. Serengetee

As told to BigCommerce by Jeff Steitz, Founder and CEO at Serengetee.

We have continued to improve conversion through A/B testing and design upgrades. Last year, conversion was 4.2%; this year, we are at 4.6%. The average conversion rate in our industry is somewhere in the 2-3% ballpark. This has given us an edge against other clothing brands.


19. Solo Stove

As told to BigCommerce by Jeff Jan, Solo Stove. 

We have designed a fully custom site that is fully responsive. Our site has a killer design that built with the customer and brand in mind.


20. Sports World Chicago


 21. Style Rocks

As told to BigCommerce by Pascale Helyar-Moray, Founder and CEO at Style Rocks.

StyleRocks was one of the first to move to the new BigCommerce Stencil themes when they were introduced. Arcade Light was chosen for its ability to quickly and easily show our fine custom jewelery that we offer.

In addition to showcasing the product beautifully in a suitably premium environment, Arcade Light also translated well into mobile and tablet environments. The theme also allowed for a bigger showcase of the beautiful product photography we have, with the carousels being wider than ever.

Customer reviews, always very important when it comes to decision making, were a strong feature of the theme too.

We customized many parts of the theme, including the home page, cart and checkout, to ensure our USP was being easily and correctly communicated.

Since implementation of the new theme (in November 2016), we have seen our conversion rate go from 0.39% to 0.57% for the period 1 Jan – 31 March, 2016 compared to 2017. We have also seen the average order value increase from $730 to over $800.

In short, the implementation of the Stencil theme on www.StyleRocks.com has led to improved business performance.


22. The Hair Bow Company

As told to BigCommerce by Krissy Sexton, The Hair Bow Company.

Our site was designed to be a boutique shopping experience online.

With mobile friendly use for the customer in mind, we built the site to work well across all platforms, to be visually appealing, and also to be a smooth shopping experience.

We have continually worked with our designers to improve the unique customer experience by offering things such as custom one-page checkouts, estimated calculated delivery dates, as well as similar interest product upsells when customers add items to their cart.

We work with some amazing photographers to provide visually appealing images as well.


16 Experts on Ecommerce Site Design

Andy Sowards, Founder + CEO, AndySowards.com

It may sound cliche at this point, but the best approach is to keep it simple. Minimal interface design and streamlined calls to action are what make conversion happen.

In this day and age especially, people are strapped for time and mental real estate. Make it clear and simple for people to get the message you are trying to get across.

What are you selling? It should be apparent, and tantalizing, and most of all – EASY for them to say “YES” when it comes to your product or service.

Stick to the bare essentials and design accordingly with less. It sounds simple but striking the perfect balance between call to action, design, and product details can be quite difficult – but achievable.

Yates Jarvis, Managing Director, Client Solutions & Strategy, eHouse Studio

Conversion is really about satisfaction. Assuming usability is accounted for in your storefront, the key is to triple check with customers that your value prop is as relevant today as it was yesterday, and then use design and content to spotlight the celebration of that story.

Zach Bluett, Director of Design & Development, Intuit Solutions

Ecommerce design is not ‘one-size-fits-all’. Create a user experience that focuses on your specific product dffering by asking yourself, “What information does my customer need in order to make a purchase, and at what step in the process?”

Kevin Richards, Founder & CEO, Ventura Web Design

Successful store owners create long term growth and success by creating a unique buying experience that cannot be replicated. Customizing your store creates a barrier to entry that protects you from your competitors. Store owners that invest in their own webstore today will own the future of ecommerce.

Joe Chilson, Head Writer + Account Manager, 1 Digital Agency

Great user experience should always come first –– before an old logo, or a well-worn font,  before any gimmick, or design trend of the week. The first focus of your design should be to communicate with your customer as clearly and simply as possible.

Stav Sarandiev, Chief Growth Officer, Digitawise 

My favorite expression is, “We are in the business of rain making. Are you thirsty?”

In my opinion it describes everything.

Be a smart ass, be creative, think out of the box, but make it simple, make it understandable for the wider audience.

The UX is the most important factor. It is a complex, but the design comes first. Then everything follows. The customer buys with his eyes. Happy customer, happy business owner. At the end of the day, only this matters.

Dane Downer, President, Brand Labs

First, embrace flat design and use Google’s Material Design philosophy as your guide. It’s a solid framework for designing a great ecommerce site experience.

Second, know that design is an evolutionary and iterative process that never truly ends. There is always room for improvement.

Jeff Dyksen, CEO, Diztinct

Be distinct: find ways to be memorable and separate your business from your competition through design, unique selling proposition, branding, and features. If you don’t differentiate yourself from others you’ll be competing solely on the price of your products, which tends to be a race to the bottom where no one wins.

Corey Susin, Creative Director, Designer at DIGITLHAUS

Increase conversions with what’s pleasing to the eye.

In today’s market, consumers have the attention span of a goldfish, 8 seconds, which means we need to attract and engage the audience as soon as the are landed on your storefront.

We no longer buy according to quality, size or descriptions, we simply buy what looks good.

The number #1 piece of design advice we give our clients is to showcase beautiful and luxurious photography. This includes product, lifestyle and general stock photos. You could take apple.com for example, take away all the product and lifestyle photos, and what do you have? You have a really great UI with a poor visual appearance.

When consumers can relate to a high quality visual of a product being used, or a scenario shot, the chances of them pursuing further into purchasing is promising.

We recommend to showcase beautiful, luxurious photography through home page elements, this can include marketing banners (hero), interactive tile hover-overs, social feeds or product and category call outs.

If you lose your buyer on the homepage within that 8 seconds, you can guarantee that they will be purchasing elsewhere.

James Brown, Senior Digital Solutions Manager, RANDEM

Steer clear of blindly implementing ecommerce received wisdom, and constantly seek first-hand, verifiable and repeatable customer data and feedback to fuel your decisions around customer experience and design.

 

Brandon Kirkland, CEO, epicShops

Think Conversion Rate Optimization first when designing a website.

It’s not want you want or what the business owner wants to see in a design. In fact, 99% of the time, you and the business owner aren’t even the target market, so those opinions are moot and you’re left lying to yourself. The answer to great design that converts is to create what the customer wants.

My advice is to use data to understand the customer and design around that, with CRO in mind.

Hannah Griffin, Designer, Groove

Successful ecommerce design always comes back to differentiating your brand’s lifestyle. Without a brick and mortar storefront, every pixel of your site should reflect your personality. Invest in owned creative assets, follow a dedicated style guide and leverage product and lifestyle imagery for a consistent and engaging user journey.

Jared Alexander, Graphic Designer, NewLeaf Innovations Inc.

My #1 piece of design advice for increasing conversions for online businesses, is getting the customer to the product page in the least amount of time and clicks possible. This can be achieved by having clear and concise categories on your homepage with minimal text.

Catherine Erath, Graphic Designer, NewLeaf Innovations Inc.

A well designed website will lead to higher conversions because it demonstrates to your customers that you have high quality products or that you are a knowledgeable leader in your industry through showing not telling.

Paul Rogers, Ecommerce Consultant

I think that the functional aspects of eCommerce design / UX is something that is often compromised – with core functionality being hidden away or not as prominent as it should be. The search box is a good example of this, as are things like related product recommendation blocks and filters, particularly on very design-orientated sites (such as luxury or fashion stores).

Search in particular would generally drive better results for a merchant than a category-led user journey, however lots of retailers choose to hide it behind a small icon.

I would say that the same applies for layered navigation more recently as well – with lots of modern-day fashion stores hiding it by default now.

This would be my general advice in this area – basically just not to overlook the aspects of the store that drive the most value from a customer experience / user journey perspective.

JT Hamman, Senior Designer, EYStudios

Don’t make your customers think! In a sea of hungry competition, it is vital customers are presented with clear navigation, well-merchandised products and an easy flow to checkout. These factors add up to create an intuitive, visual shopping experience that leads to higher conversions and lower cart abandonment. Additionally, customers will remember a positive experience and are more likely to return in the future.

Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/top-2017-ecommerce-store-designs/feed/ 0
Jewelry & Accessories Ecommerce Site Design https://www.bigcommerce.com/blog/jewelry-accessories-ecommerce-design/ https://www.bigcommerce.com/blog/jewelry-accessories-ecommerce-design/#respond Tue, 20 Jun 2017 12:42:55 +0000 https://www.bigcommerce.com/blog/?p=21611 When you’re selling jewelry and accessories online, you are selling details and final touches. That means that the detail and…]]>

When you’re selling jewelry and accessories online, you are selling details and final touches. That means that the detail and final touches of your site are going to matter more, too. After all, what someone sees increases their trust of any site they are on.

And trust is what wins you sales.

A few final detail that matters:

  • Variants on product pages: Which size, color, band, stone, etc.
  • Customization: Personal engraving, gift boxing, etc
  • Recurring billing: In the case you are selling socks, for instance.

Here’s how 13 jewelry & accessories brands nailed their ecommerce site design.

Leading Jewelry Brands Choose BigCommerce

Get more inspiration for your jewelry and accessories store from these great brands.

1. Vea

As told to BigCommerce by Patrick El Zoghbi, Vea. 

We’re a green, eco-friendly store with a neat design.


2.DaLuca Straps

As told to BigCommerce by Daniel Luczak, DaLuca Straps. 

Simplicity and functionality meet in perfect harmony on our website with large, well taken photographs. Enjoy!


3. Skinny Tie Madness

As told to BigCommerce by Parth Sharma, Skinny Tie Madness.

Our custom filter and overall aesthetic are amazing!


4. Watches

As told to BigCommerce by Danny Hunsaker, Vice President at Watches.

Watches.com makes great use of BigCommerce’s CDN service by using large imagery throughout the site that loads quickly.

We also put a lot of resources into using the Custom Fields as Filters for drilling down on product options.

Our overall design and UX functionality outshines the competition.


5. Obscura Shop

As told to BigCommerce by Andrew Deming, Obscura.

Our store takes full advantage of BigCommerce’s features and the large, image rich theme that was our starting point. We shoot our own top quality photography for our store’s minimal but playful range of products.


6. Lovoda

As told to BigCommerce by Brendon Lee, Lovoda.

Our store has been growing year over year. Comparing January-March 2016 to January-March 2017 we have had a 6x increase in sales. Comparing 2015 to 2016 we have had a 11x increase in sales!

We feel our product photography as well as web page layout is a huge factor to our rapid growth.


 7. Anchor and Crew

As told to BigCommerce by Chris Warner, Founder at Anchor and Crew.

We launched with BigCommerce when we had only 11 stockists around the world. We are now in 90+, have several distributors and can now be found at the likes of La Redoute, Menlook, BEYMEN, The Iconic and various other market leading webstores.

With a website that fully advertises our ‘Made In Britain’ maxim, BigCommerce has enabled us to entirely customize our website to be tailored to our needs, while also providing good technology to progress us forward, for example Apple Pay.

So many people note that our website as really easy to use and highly aesthetic in our two tonal blue and white interface. Our team provides a high quality customer service to both B2C and B2B.

We undertake all changes to our website via Agile / Rapid IT technology and ‘Timebox’ all our changes, enabling us to be ahead of our competition in all system development.

With such flexibility on hand, we honestly feel BigCommerce is instrumental to such quick-fire changes that we’re able to implement. We are now launching Spanish, French and German subdomains. ANCHOR & CREW is really going places, and sees BigCommerce a fundamental part to our development.


 8. Judith Bright

As told to BigCommerce by Judith Bright, Judith Bright.

We recently moved to a new Stencil template that is mobile optimized. We have made some customizations which shows the adaptability of the BigCommerce platform. Since we moved to the platform and did a redesign, we have doubled our online sales. I think that reflects excellent design!

Start Selling Jewelry Online

Ready to sell your jewelry online (and say goodbye to Etsy fees?). Join the best in breed.


9. Cases.com

As told to BigCommerce by Slava Pupko, Cases.com.

Cases.com’s current design incorporates the majority of the features available on BigCommerce. Our site is clean, attractive and offers the best and attractive user shopping experience.


10. Gold Coast Couture

As told to BigCommerce by Nicole Betti, Gold Coast Couture.

My website doesn’t look like I have only one employee (which is myself). It looks like a it is a real company website with multiple employees.

I ship out every item myself. Since recently redesigning my website (after 6 years of lackluster progress with my old website and SEO company), and joining BigCommerce, I am now on the FIRST PAGE of Google for many big key terms, such as “Kentucky Derby Hats”.


11. The Artful Canine

As told to BigCommerce by Joanne Wood-Ellison, The Artful Canine.

We chose BigCommerce as our platform not only for its rich features, but the beautiful array of templates and layouts that we felt complimented our brand.

It’s flexibility allows us to continue to add unique features and designs that reinforce our brand message and product features. And our customers love it!


12. Lisi Lerch

As told to BigCommerce by Rachel Lerro, Designer and Developer at Lisi. 

Working with Lisi, I have redesigned her store a few times, always using BigCommerce as the ecommerce platform.

The most recent, and current design, launched November 15th 2016, was aimed at integrating Lisi’s large social media following to create a shopping experience that was as much about the jewelry she sells, as it was about the luxury lifestyle and preppy aesthetic that is Lisi Lerch.

The new design integrates a full width slider, continually updated with images from the various bloggers that wear her items, along with an Instagram feed from her account in the footer, and a simple signup form to join the newsletter.

With a large increase in new products, styles & colors, a major improvement to the site was allowing for product sorting. This most recent design update, along with a BigCommerce account upgrade, has allowed for users to access the built in product sorting to browse by color and/or style. This enabled us to create a variety of short term sales and promotions on the site to feature the newest range of colors, styles or a combination of both and directly link them via banners throughout the site and through MailChimp email promotions.

Through strategic sales and promotions on the site, like the frequent “Fri-yay Flash Sales” and “Campus Rep” programs, she has increased her following and in turn her customer base. Lisi Lerch has more than doubled yearly online sales in 2016 at $303,000, from 2015’s $120,000, and is on track to do even better this year.

The store has already made $75,000 in sales this year to date, which is a great improvement from last year, which at this point totaled $38,000. Not only has have overall sales increased, but we have also increased the customer base by 125% in 2016 compared to 2015, and this year to date we have already seen a 33% increase in new customers from 2016’s year to dates numbers.


13. Sock Tips

As told to BigCommerce by Chad Taylor, Sock Tips.

SockTips is a unique company providing effective, quality footwear products to the athletic, casual, dress, and orthotic markets. Sales are up 50% from this time last year and both traffic and conversion rates are growing. Additionally, we’re planning for a few website enhancements as new products are introduced in the near future.

Out of the Box Jewelry Themes

Launch, customize and make more online.


Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/jewelry-accessories-ecommerce-design/feed/ 0
Sports & Outdoors Ecommerce Site Design https://www.bigcommerce.com/blog/sports-outdoors-ecommerce-design/ https://www.bigcommerce.com/blog/sports-outdoors-ecommerce-design/#respond Tue, 20 Jun 2017 12:42:45 +0000 https://www.bigcommerce.com/blog/?p=21646 Sports and outdoors shoppers aren’t just shoppers –– they are fans. They are passionate. They buy in micro moments of elation…]]>

Sports and outdoors shoppers aren’t just shoppers –– they are fans. They are passionate. They buy in micro moments of elation or disappointment. And, they are incredibly particular and brand loyal.

Those are all great things for sports and outdoor brands –– but it also means their sites (and social media presence) needs to cater to personalization and treat customers like the individual fans they are. After all, no two teams are the same. Neither are any two customers.

Beyond that, sports and outdoors brands need to convey a sense of “cool.” These items are new, they are trendy, they are customized and they are exactly what you need to take your experience to the next level –– or so every sports and outdoors site should say.

But of course, you can’t just say that. That isn’t cool.

Here’s how 10 brands in the sports and outdoor vertical conveyed their cool and personalized it, to boot.

Sell Sports & Outdoors Goods Online

Ready to launch or update your sports & outdoors site? Get started here.

1. Race Wax

As told to BigCommerce by Marc Desrosiers, Owner at Race Wax.

Our homepage expresses the nature of the site, learning to DIY ski/board tuning is challenging and fun like the sport itself. It site has a clean feel, easy navigation and the learning center provides a comprehensive self help approach. It provides value to both novices and pros alike.

The Wax Wizard is a simple home-built logic-driven site resource for selecting the optimum combination waxes for best performance.

The site also offers a mobile resource to the ski/snowboard enthusiast that draws the customer back, encouraging them to brag to their friends about their great find, thereby exponentially driving more sales/customers without having to increase advertising spending.

The result is that our site has increased sales in every year of its 16 year existence while spending less on advertising each year.

It’s design and content as a resource provides a ‘snowball effect’ to drive ecommerce sales (pun intended).


2. SXC Hoverboard

As told to BigCommerce by Ghaffar Abdulrehman, SXC Hoverboards.

Our website is very attractive to our users and very mobile friendly. We have followed and focused on what our users look at , and we provide excellent service so our customers can feel comfortable buying our products.

Out of the Box Sports & Outdoors Themes

Get a theme. Customize it to your liking. Launch and make money online. That’s it.


3. Training Mask

As told to BigCommerce by Casey Danford, CEO at Training Mask.

Training Mask is a cutting edge product that has carved out its own niche within the fitness sector. It all started in 2010 when Training Mask CEO Casey Danford created the original Training Mask that put resistance breathing together with sports performance to help make athletes workouts more intense.

Since that first Training Mask, TrainingMask.Inc has grown into one of the most innovative brands in all sports with fitness training devices for men and women. Sold in over 40 countries and large retailers within the U.S.A TrainingMask.Inc looks to expand its reach domestic and abroad in 2017.


 4. Kap7

As told to BigCommerce by Alex Young, General Manager at Kap7.

We are now averaging 30% growth YoY on BigCommerce. The first year we moved over, we saw a 400% spike in sales from what we were doing on the custom platform. That was in two months of going live!

How 2 Olympians Took On and Took Down an Empire

Where there is a challenge, expect olympians to succeed. 


5. Surf Store


6. Tackle Box Tools

As told to BigCommerce by Steve Kissee., Tackle Box Tools

Our store was developed for retailing fishing products. Our home page uses rotating images, videos, special offer banners, and featured product banners. The natural navigation to all products is menu driven. All products have detailed information pages and hi-def photos. A blog is maintained as well as an endorsements page and a customer review page.


7. Ride the Tide

As told to BigCommerce by Dean Eldridge, Ride the Tide.

We have just newly designed our store. Our old store was also with BigCommerce. We have designed this store to increase traffic flow, conversions and optimization.

We believe our new store will enhance our online business. Our added features which includes a Find Your Board feature allows the customer to easily select their product based on their usage and size and will increase conversions.

We think our store is clean, user friendly and is a dramatic improvement from our last store. Our developers worked hard to customize our store.


 8. Delano Bats

As told to BigCommerce by Sarah Hokuf, Delano Bats.

First it starts with the story behind the company: young entrepreneurial kids that made a real business happen, with the help of their father.

Delano Bats make custom high quality wood bats. They make the products themselves and are selling online and in retail stores.

After having difficulty with their last shopping cart, they came to Evolve Creative to migrate their store into BigCommerce. We did so much more to add customization like the interactive Model Guide, color selector and a live text overlay for engraving. It’s very fun to click through the products and customize your own bat!


9. Moment Surf Co.

As told to BigCommerce by Jeff Mollencop, Moment Surf Co. 

Our store has a unique design that incorporates locally shot images throughout the store. Every category, subcategory, and brand has their own unique banner that visually tells a story about our brand in our unique Pacific Northwest way.

We also put a high emphasis on our homepage in establishing the fact that we are much more than a web store, we are a surf shop and a community.


 

 10. Altatac

As told to BigCommerce by Yochay Botach, Altatac.

We have a clean and nice use of our BigCommerce theme!

Leading Sports & Outdoors Retailers Choose BigCommerce

Browse our brands to see who chooses to sell more online.


Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/sports-outdoors-ecommerce-design/feed/ 0
Home & Garden Ecommerce Site Design https://www.bigcommerce.com/blog/home-garden-ecommerce-design/ https://www.bigcommerce.com/blog/home-garden-ecommerce-design/#respond Tue, 20 Jun 2017 12:41:50 +0000 https://www.bigcommerce.com/blog/?p=21594 Home and garden often sees the most difficulty in selling online where it concerns shipping and shipping costs. Many items…]]>

Home and garden often sees the most difficulty in selling online where it concerns shipping and shipping costs.

  • Many items are fragile
  • Many items are large (and require freight)
  • Many items need to be bundled (both large and small)

It’s a testament to details to get this information correct –– and show it to customers when they need to see and know it.

After all, surprise someone with massive shipping costs at checkout and you run the risk of losing them. Forget to include the pieces to put a piece of furniture together and you’ll likely be getting a bad review. Have an item break on the way to a home and, well, you can just forget about customer lifetime value at that point.

But as physical retail declines in the home and garden space, there is more and more opportunity for online brands to capture market share.

Here is how 21 online brands in the home and garden space designed to educate at every step along the path to conversion –– and then some.

Launch Your Home & Garden Store Today

Build your brand into a legacy.

1. Swoon Living

As told to BigCommerce by Patrick Fitzpatrick, Swoon.

My website www.swoonliving.com showcases why BigCommerce is such a success.

As a small business owner with limited web design knowledge, I was able to create a professionally polished ecommerce site that fulfills all of my needs.

After launching, I was able to quickly edit and smooth out any difficulties my customers encountered. This lead to mapping out all of the custom options I offer in a clean and orderly layout.

It has always been difficult to map out my custom options on various platforms, but with BigCommerce I’ve finally found a way that works.

Product photography for glassware is always tricky, but I’ve been able to capture the beauty of our glass and wood products.

The Swoon Decanters showcase what I’ve learned in product photography, as well as my skills as a glass designer. The Black Walnut Foot Decanter is the pinnacle of my current design practice and I think it is shown off quite well on the site.


2. Incy Interiors

As told to BigCommerce by Verity Muscat, Director at Pixel Eight Creative.

We moved Incy over to BigCommerce and transformed the website from an ugly duckling to a beautiful swan. The move resulted in 500% increase in sales within months. Because of the success, Incy was able to open a U.S. BigCommerce store as well.


3. Revive

As told to BigCommerce by Blake Luetjen, Revive. 

I have analyzed our basic user interactions and focused on hot spots on the site for the last 6 months.

Small changes were made once a month to monitor the website loading times of the customers, which has lead to an increased CTR. When customers have called to ask questions about the products we sell, I ask them for a real opinion.

The strong personal communications has led me to figure out exactly what the users do not like. This has been my first design experience on BigCommerce and has absolutely been a flawless, positive experience as a designer, developer, and owner.

Within the first 2 days of relaunching our site, the positive feedback from our customers has felt amazing. Providing a high-quality product means nothing, if your design and layout lack the same quality.


4. Tatine Candles

As told to BigCommerce by Margo Breznik, Tatine Candles.

We wanted our store to be a more evocative experience with gorgeous product photography to draw in the customer.

A non-traditional black background was more on-brand for us than trendy white. As opposed to a blank white background product shot, we made the singular product photographs have elements of texture and color to provide a sense of the home space where our products would be living.


5. Print Decor


6. Prune Danish


7. Grill Grate

As told to BigCommerce by Brad Barrett, Grill Grate.

We know our product is not easy to ‘figure out.’ Customers used to come with intent to buy but were confused (often). Our effort to streamline the decision tree coupled with our teams really listening to our customers helped us make it much easier to buy.

Conversions are up 20% and we get constant compliments on the site, unsolicited.


8. Luumo Design

Out of the Box Themes Made for Home & Garden

No development. Customize everything with a click of a button. Get your theme here.


9. Kenneth Lynch and Sons

As told to BigCommerce by Maria Dumoulin, Marketing Associate at Kenneth Lynch and Sons.

We are a 3rd generation corporation selling a wide range of outdoor elements to a varied market group.

The flexibility of the design platform allowed us to highlight each one of the brands that we created within our company so that we can eventually directly target these various groups.

We went from a static 20 page website to a true ecommerce site! The metrics are not even comparable. We now see a lot of return customers coming back to gather information for their projects.

The look and feel of our site is elegant and clean, which really highlights the beauty of our high end products. Our web designer helped us select the BigCommerce platform based on the flexibility that it had to offer. We are really thrilled with the results!


 10. Real Sliding Hardware

As told to BigCommerce by Caleb Wilson, Real Sliding Hardware.

Despite the high volume, we’ve been able to focus our efforts on creating an aesthetically pleasing storefront. We take pride in the quality of our products and feel that we’ve built a website that reflects that same quality.


11. Bright Agrotech

As told to BigCommerce by Chris Michael, Co-Owner and Director of Growth & Community at Bright Agrotech.

We’re a vertical farming startup on the high plains of Laramie, WY that empowers local farmers to grow better food with techniques that make sense for our resource-constrained world.

Our ecommerce store only makes up about 8-10% of our total company’s annual revenue, but it’s instrumental for us to attract new customers and help get them started in the vertical farming space.

We’re a farmer-focused company with a strong emphasis on education, so we wanted our ecommerce store to represent those same values. We worked to do just that with simple layouts, media-rich product descriptions, helpful digital resources available for purchase, an easy one-step checkout, and finally customer-focused receipt emails to round out the user experience.

Last year we had over 100,000 visitors come to our store with an average conversion rate of 1.86% and we’re already on track to beat these numbers (40% of the way there as of March 31).


12. Francine Home Collection


 13. Verve

As told to BigCommerce by Jeff Starr, Developer at Pixel Grapes. 

The Verve store features some design specific features such as an off-canvas cart & a fullscreen overlay menu. It shows how simple clean design and custom elements can be utilized to develop a stand out store.


14. Renin

As told to BigCommerce by Michal Zawada, Ecommerce Manager at Renin. 

We considered a few things when redesigning, including:

  • Picking the right content management system
  • Focused on website design and user experience practices
  • SEO Practices
  • Best practices to comply with Canada’s Anti-Spam Legislation
  • Website Speed and Website Security

15. Sod Depot

As told to BigCommerce by Luis Silva, Sod Depot.

We really found BigCommerce worth the investment. No one in our industry looks into things like this to really enhance their internet presence. Finding a partner like BigCommerce that can help achieve that is priceless and we feel like we are the leading company in our industry thanks to their help.


 16. iCustom Rug

As told to BigCommerce by Sarah Kristic, iCustom Rug.

We believe our store is the perfect design for selling products with options, and with the easy way of choosing and customizing your area rug from our website.


 17. Metro Screenworks


18. Cudesso

As told to BigCommerce by Lisa Stoch, Cudesso.

Cudesso is a new ecommerce store with more than 3,000 products and essentially 3 sites that sit on one seamless site.

With 3 distinct divisions, and thousands of products it is quite a complicated site which needed to feel easy to the consumer.

We feel it’s aesthetically pleasing, user friendly, educational and utilizes all aspects of the BigCommerce platform to create a great user experience and an awesome ecommerce site.

Color coding is consistent through each division and carried through to the most minute detail. We have pulled in social feeds in a unique way to help showcase our beautiful home projects. We feel we have the right combination of dynamic and static aspects to the site.

BigCommerce has given us the tools on the back end to be able to deliver a beautifully designed and functional web site!


19. Greenbee Landscape

As told to BigCommerce by Shawn Holstein, Greenbee Landscape. 

Greenbee Landscape was developed because a large percentage of consumers want to have the option to do some or all of the landscape work themselves (DIY), but don’t have either access to the same plant and building materials that traditional landscape companies have, or don’t have the design and/or knowledge base to make their vision come to life.

One of our clients favorite attractions is our pre-designed plant packages that provides them with a complete design, all the plants they need and step by step instructions for installation and care of the plants.

Greenbee gives consumers the options they want in a user friendly and simple online format that they can research and place their order from the comfort of their home. The overall website design does an outstanding job of bringing colors, shapes, effects, nature and creativity to life.

The Greenbee website has elevated the standard in the landscaping industry and the feedback we have gotten from our clients and others that have viewed the website has been outstanding since we officially launched it a couple of weeks ago. We’re looking forward to many more years of success partnered with BigCommerce.


20. Deck Expressions


21.Core Glow

As told to BigCommerce by Paige Whitehead, Core Glow. 

We offer a fresh design for medium- to high-tech glow stones. By combining a clean theme, professional photography, and intuitive site construction, our web sales have increased by ~200% in the first quarter compared to our outdated WordPress site.

We are new to the scene and bring a fresh and professional face to all things glow.

Leading Home & Garden Stores Choose BigCommerce

Get more design inspiration here.


Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/home-garden-ecommerce-design/feed/ 0
Food & Beverage Ecommerce Site Design https://www.bigcommerce.com/blog/food-beverage-ecommerce-design/ https://www.bigcommerce.com/blog/food-beverage-ecommerce-design/#respond Tue, 20 Jun 2017 12:41:42 +0000 https://www.bigcommerce.com/blog/?p=21567 Selling food and beverages online isn’t the easiest task. Different parts of the world have different restrictions, and even within…]]>

Selling food and beverages online isn’t the easiest task. Different parts of the world have different restrictions, and even within the U.S., various states have different requirements.

To launch an online store in this vertical requires in depth knowledge of local rules, regulations and how to message those requirements to users long before they even hit checkout.

Add to that the complexity around large catalogs for many food and beverage brands, as well as product variant needs and ecommerce suddenly becomes much more complex than your average launch.

Here’s how 12 food and beverage brands make it work.

Sell Food & Beverage Products Online

Spread the deliciousness across the globe. Launch your online store now.

1. Breakaway Matcha

As told to BigCommerce by Eric Gower, Creative Director at Breakaway Matcha.

We go deep inside a hyper-niche: the world of incredibly high quality Japanese matcha.


2. Teatulia

As told to BigCommerce by Matt Rogers, BlueSky.

Teatulia, a premium tea provider, had been successful in leveraging a content strategy that earned top rankings and solid traffic to their site.

Teatulia asked BlueSky to help modernize their online store as they felt it no longer reflected the caliber of their products and as a result, was negatively impacting sales.

With the redesign, the goal was to transition from a content-first mindset to a modern ecommerce site that integrated strong visuals, streamlined shopping and purchase flows, and increased conversion rates from their extensive Tea 101 content area.

To address the growing list of categories, products and content pages within the existing site, our team chose to implement a custom megamenu with an area for promo imagery. We super-sized the search bar and put it in the center of the header, making it convenient for visitors to search from any page on the site. We also overhauled the product detail page by arranging content in an easy-to-read format and added an award & certification ribbon next to the shopper actions to boost shopper confidence at a critical point in the path to purchase.

We incorporated helpful Tea 101 guides at the bottom of every tea category page to enhance the shopping experience and create a more informed and satisfied customer.

The outcome of the redesign was an updated mobile experience, implementation of a desktop megamenu and a clean and modern design reflecting the premium Teatulia brand.

The numbers below illustrate the fantastic results just 4 months after redesign launch:

  • Overall performance
    • Sessions increased 7.9%,
    • Pages per session increased 5%
    • Time on site increased 16%
    • Transactions went up 22%
    • Conversion Rate increased by 13%
  • SEO Performance
    • Organic search sessions increased by 11%
    • Conversion Rate increased 52%
    • Revenue was boosted by 74%
  • Mobile Performance
    • New user sessions increased by 15.5%
    • mobile transactions increased by 11.5%.

3. Taffy Shop

As told to BigCommerce by Jeff Wilson, Taffy Shop.

Taffy makes people happy, period. We have loved making people happy and BigCommerce has helped us spread taffy smiles to the tune of over 25,000 orders via our BigCommerce Store.

We have used BigCommerce on an old theme and averaged about 5% conversion rate. Recently, we did a brand update (which looks rad) and upgraded our theme to the Merchant Classic.

Our conversion rate has jumped to about 9%. That is pretty exciting!

We credit both the vintage yet modern brand refresh along with the integrated tools and design from the Merchant Theme.

All said, we have shipped more than 1 million pieces of taffy from our BigCommerce orders.

With the increased conversion rate, the optimized theme (especially for mobile devices), and the overall look and feel of the new website, our goal is to ship another million pieces of taffy but in half the amount of time that it took to ship the first million.

Our tagline is “Oh what a treat!”. Customers around the world are enjoying our taffy treats by the thousands and we thank BigCommerce for truly partnering with us in our rapid growth and expansion. Thanks for your support!

Out of the Box Food & Beverage Themes

No custom development needed. Get your theme and get launched today.


4. Newport Jerky Company

As told to BigCommerce by Jason Souza, Newport Jerky Company.

Our site is 10x better than any of our competitors’.


5. Om Foods

As told to BigCommerce by Cobi Delfiner, Manager at Om Foods. 

We base our design off of the feedback of our customers, carefully listening and learning from the user what is helpful for a clean and easy shopping experience. We keep the site simple, with a spotlight on what is important: product.

We use the colors in the images to do the marketing and keep the site clean and simple.

The site has been designed with all users in mind – from the elderly or non-computer literate to fully versed designers.

All this taken into account, we have seen a continual increase in conversion, visitors, and revenue.


6. New Zealand Whey

As told to BigCommerce by Richard Mehta, New Zealand Whey. 

We did a good job with our design. It’s clean and user friendly!


7. Fronks

As told to BigCommerce by Jordan Fronk, Fronks.

The site was carefully created over months with Foda Studio in Austin, Texas. It is designed on Stencil and used a lot of great custom BigCommerce offerings.

Our organic nut milk is certainly the best around but our site gets just as much recognition from our customers.

Leading Food & Beverage Brands Choose BigCommerce

Just take a look for yourself.


8. Darn Spice

As told to BigCommerce by Shawn Haddaway, Darn Spice. 

My store was conceived and designed to help a band of enthusiastic chili eaters to acquire a range of top quality British chili products.


9. Simply Snackin’

As told to BigCommerce by Susan Kramlich, Simply Snackin’. 

Our site is beautiful and easy to use.


10. Java Dave’s Coffee

As told to BigCommerce by Mike Tiernan, Java Dave’s Coffee.

Red Head Labs in Tulsa Oklahoma made our site. I think it looks great and I am proud of our site!


11. Raw Forest Foods

As told to BigCommerce by Ryan Wade, Owner and Lead Product Development at Raw Forest Foods.

As an early adopter for the Stencil platform, we abandoned our custom designed and built theme to make use of the new platform–– and I am so glad we did.

We routinely receive compliments and inquires regarding our store, and have even been featured on the Pixel Union blog as a “Shiny New Store.”

I believe that our store truly highlights and exemplifies the full extent of what is possible using a stock (not custom) theme on the new platform. I hope that our store both demonstrates the power of this new platform and can serve as an inspiration for new BigCommerce customers and shop-owners.


12. Cafe Milagro

As told to BigCommerce by Travis Day, Cafe Milagro.

Since 1994 Cafe Milagro has been roasting Costa Rica’s finest coffees and it was not until we discovered BigCommerce that we realized the ease with which we could ship our fine coffees around the globe.

Our clean and fresh website offers our customers a place to review our newest releases and order with ease. Including partner programs like S Loyalty and ShipRush has allowed us to go “all in” with BigCommerce, creating not only a front-end user experience that is refined and easy to use, but also a back-end platform for our staff that is awesome and functional.

Since our time with BigCommerce we have seen consistent growth in sales and hope to continue that trend.


Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/food-beverage-ecommerce-design/feed/ 0
Crafts, Gifts & Non-Profit Ecommerce Site Design https://www.bigcommerce.com/blog/crafts-gifts-ecommerce-design/ https://www.bigcommerce.com/blog/crafts-gifts-ecommerce-design/#respond Tue, 20 Jun 2017 12:40:20 +0000 https://www.bigcommerce.com/blog/?p=21516 Crafters and gifters often first launch on Etsy –– where transaction fees cut into margins and you don’t own the…]]>

Crafters and gifters often first launch on Etsy –– where transaction fees cut into margins and you don’t own the customer relationship (Etsy does). That can spell bad new when your sales spike –– meaning less revenue in the short-term and much, much less repeat business in the long-term.

And then, for the non-profit industry, where resources and funds are already low, so many forgo an ecommerce option due to budget restrictions rather than looking for solutions that can fulfill brand needs.

All in all, it’s time for crafters, gifters and non-profits to make a lot more money –– and better engage their audiences. After all, the audiences for these segments are some of the most engaged in the industry!

Here is how 11 ecommerce brands in this vertical set up shop to sell more online –– today and well into the future by increasing customer lifetime value.

Less Etsy. More Ownership.

Get started selling your speciality items on your own, branded site right now.

1. The Favor Design Studio

As told to BigCommerce by Tawnya Zebrowski, The Favor Design Studio.

We love design and have given a lot of thought to our photos and layout to give our site a custom look while using a BigCommerce template.


2. BobbleGram

As told to BigCommerce by Brina Bujkovsky, BlobbleGram.

BobbleGram creates custom wedding cake toppers sculpted to look like the bride and groom.

Out of all the ecommerce solutions currently available, the BigCommerce platform was the only solution that allowed for a varied product option functionality. Our customers are able to select from other products (to mix and match figures), upload their face and hair photos, select the colors for their hair, skin and eyes and enter custom text for their nameplate.

The process of customizing a cake topper is super simple and easy for our customers to understand. BigCommerce makes that possible. I think our store fully exemplifies the flexibility and robustness of the product option and product option set functionality.


3. Man Crates

As told to BigCommerce by Kristin Peters, Man Crates.

At Man Crates, we believe men deserve better gifts – gifts that are just as exciting to give as they are to receive. Gifts you can’t wait to arrive because you know the recipient will love opening them. The gifts of water cooler legend!

We are Man Crates, and we create awesome gifts for men. Our CEO, Jon Beekman, started Man Crates in his apartment in 2011 and funded it by selling his motorcycle and getting $1K in seed funding from his wife, Mariam, who in turn placed the very first order for Man Crates’ BigCommerce site on 11/1/2011.

Man Crates is 100% not a bro or frat brand. We strive to be edgy and fun, not offensive. Because more than three-fourths of our customers are women, we work to make our products, our site experience, and our customer experiences welcoming, lightheartedly sincere and humorous.

Our ManCrates.com site design reflects this: our browsing experience rewards you with the thrill of discovering thoughtfully curated products in unique & unusual packages that are sure to delight the man you are shopping for. We’ve elevated the PDP to an artform with our entertaining copy and clear communication & visuals that outline exactly how each product ships, which minimizes confusion and ensures a great customer experience.

Our site also showcases the actual people who are responsible for putting together each and every order, ensuring our customers are delighted and come back again and again. And if you should happen to need additional instructions on how to open your Man Crate gift, our site provides that too.

How an API Helped Man Crates Grow 4000%

APIs are powerful. BigCommerce’s are especially so. Here’s how Man Crates leveraged ecommerce APIs to automate and scale to one of the fastest growing online retailers in the U.S.


4. Planet Applique

As told to BigCommerce by Rehbecca Lowder, Planet Applique.

Our website went from Cubecart to BigCommerce in Feb of 2016. We took great care to import products, categories, and customers and it went very smoothly.

We have enjoyed the mechanics of BigCommerce and have seen a sharp rise in sales due to the ease of use of our new website and loyalty points program.

Our customers no longer complain about the website. Our left hand category menu assists our customers in quickly finding what they need. We have also modified our store so that customers can still access their orders from the old cart system.

We use the cart discount rules constantly! Banners and store slideshow are very important to the eye candy of our website and these items are placed clearly on the front page for clear presentation of current promos and offers.

We no longer get emails about problems with login, problems downloading. It’s a win for us, but most importantly, it’s a win for our customers. Thanks Bigcommerce for a profitable 2016 and a bright 2017!


5. Moonlight Feather

As told to BigCommerce by Justin Quan, President at Moonlight Feather.

Moonlight Feather is exclusively an online retailer of feathers and feather products. Because the company has no retail presence ,we felt it was top priority to give customers an enjoyable and easy to navigate buying experience. With MoonlightFeather.com we have achieved that. The website beautifully showcases the company’s products, video and blog content.


6. CARE

As told to BigCommerce by Ken Bess, Manager of Web Development at CARE. 

I selected BigCommerce because of its flexibility and its API.

At CARE, we were able to turn the traditional ecommerce model into one to make in kind donations that matter to people, and allow the ability to ‘gift’ a donated item to another buy tying together an ‘ecard’ system that builds a custom card with their custom message using a webhook over to my server the second an order is processed.

Never seen another store do anything like this!

How a 70-Year-Old Non-Profit Boosts the Bottom Line

Learn how Care.org set up a gifting website –– and how it powers their revenue to do more and give more than ever before.


7. A Gentleman’s Trove

As told to BigCommerce by Stephen Thomas, A Gentleman’s Trove.

The goal of A Gentleman’s Trove is to make shopping for gifts for men easier, and the site allows for just that.


8. Jessica Lynn Original

As told to BigCommerce by Jessica Mould, Owner at Jessica Lynn Original.

As a small business owner, I love the flexibility that BigCommerce allows me.

Out of the Box Gift Themes

Forgo custom design and use a gift and specialty shop specific theme.


9. Cabany Co.

As told to BigCommerce by Jason Alex, Cabany Co.

Out design flows greatly with animation to  display our products for our customers to easily be able to browse and find what they are looking for perfectly.


10. White Dragon Miniatures

As told to BigCommerce by Alan Crookes, White Dragon Miniatures.

I have spent time developing the free theme provided by BigCommerce to bring about a style that fits the company perfectly . I feel very proud of the look of the store. Not only is it very practical, but looks so professional that customers can’t believe the company is run by just myself.


11. National Autism Resources

As told to BigCommerce by Bonnie Arnwine, CEO at National Autism Resources.

I am super happy with our new site and the BigCommerce platform. Since migrating to BigCommerce last year, we have seen a 13% increase in online revenue and a 20% jump in Google organic traffic.

Our offline orders are up too!

We’ve implemented an upload a PO option and are customers are downloading our W-9s. We love the free shipping calculator, ship rate calculator, and the new simplified checkout.

Our customers love the new design and our seamless integration with Olark and MailChimp is awesome. Check us out!

Leading Toy & Game Stores Choose BigCommerce

See which other toy and game online sellers use BigCommerce to sell more.


Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/crafts-gifts-ecommerce-design/feed/ 0
Health & Beauty Ecommerce Site Design https://www.bigcommerce.com/blog/health-beauty-ecommerce-design/ https://www.bigcommerce.com/blog/health-beauty-ecommerce-design/#respond Tue, 20 Jun 2017 12:39:15 +0000 https://www.bigcommerce.com/blog/?p=21569 The health and beauty vertical has two distinct requirements: Build trust through recommendations and ingredients listings Look as beautiful on-site…]]>

The health and beauty vertical has two distinct requirements:

  • Build trust through recommendations and ingredients listings
  • Look as beautiful on-site as the product looks in person (or will make someone look)

After all, health and beauty products are items you put in or on your body. They need to be tried. They need to be true. Often, they need to be FDA approved.

Beyond that, these products need to explain what is in them so those with allergies can avoid anything that won’t work for them.

And, finally, these sites must be beautiful. After all, they are selling health and beauty.

Here is how 10 health and beauty brands make these requirements come to life.

Leading Health & Beauty Brands Choose BigCommerce

See for yourself.

1. RAD Soap

As told to BigCommerce by Max Kerber, RAD Soap.

We are a family run business out of Albany that creates all natural products with a purpose that work. We started in our kitchen and now have expanded into a 21,000 sq ft facility.

We have put a lot of time and energy into our site, which we learned how to build with the help of the BigCommerce support team. We are a proud example of hard work and the ability to do anything you put your mind to.

Without BigCommerce’s support team, our website wouldn’t have been possible.


2. Mehron

As told to BigCommerce by Adam McBryde, Mehron.

Mehron.com has pushed the limits of the BigCommerce platform with a custom theme developed to showcase two separate product lines.

Thanks to the great customer supplied content and a slideshow app, the site has already received rave reviews and is a growing success in ecommerce.


3. Lady Burgundy

As told to BigCommerce by Amrit Bal, Lady Burgundy.

I am a novice when it comes to website design and by only using BigCommerce as a guide, I created a website that I am very happy with.

It has a great showcase of our products and is also very easy to use. We have received a lot of positive feedback from our customers as well that it’s vibrant and minimalistic at the same time.


4. Morning Song Gardens

As told to BigCommerce by Patrick McDaniel, Morning Song Gardens. 

Our store design was a complicated one as it needed to wear several hats. The design itself needed to reflect the brand while keeping in mind functionality and usability.

I wanted it to be easy for our baby-boom demographic, while keeping something fresh and new age for our younger demographic and avoid high bounce rates.

This was a fine line while still keeping the brand torch well lit! The result works pretty well for all demographics and funnel flow to the checkout.


5. Badass Beard Care

As told to BigCommerce by Charles Moyer, Badass Beard Care.

We designed our store to not only have a beautiful design, but also have a functionality, ease of use, and flow that customers really enjoy. This has helped us to achieve an average conversion rate of over 9% for this year to date.

A Beauty Experiment for Beards Goes Viral

Find out how Badass Beard Care came to be so…well…you get it.


6. Therapist Candles

As told to BigCommerce by Beatrix Nemeth Therapist Candles.

Playful colors are represented on our site that capture the attention of the visitor. With great features and tools, it is easy to navigate and explore all the bits of treasures our website has to offer.

From effective email sign up integration, blogs, to a splendid shopping experience, our site provides a millennial approach to customers who are also looking for a fast checkout in their busy lives.


7. Actesso

As told to BigCommerce by Michael Cox, Actesso Medical.

A bespoke design using Aylis, our site is designed to be user friendly, responsive, and lovely to look at.


8. Good Fortune Soap

As told to BigCommerce by Jennifer Strain, Owner at Good Fortune Soap. 

Our website, goodfortunesoap.com, embodies our storefront’s atmosphere and our natural brand.

As soon as the home page loads, you feel relaxed and inspired by the beautiful custom photography of fruit, herbs, and organic skin care. We strive to make our online store easy to use, and pleasant to look at.

We’ve integrated several apps for accounting and shipping to help run the business more efficiently. Our most interesting website feature is custom category.

Customers can build their own custom scented body products using product option drop down menus. They can choose their own blends of essential oils and fragrances to create signature scents and perfumes.

Sell Health & Beauty Products Online Now

Have health or beauty products to sell to the world? Get up and running right here.


9. Dermelect

As told to BigCommerce by Stephanie Matos, Dermelect.

Dermelect Cosmeceuticals is a forerunner of targeted treatments to provide real solutions for the woman experiencing changes in her appearance. Our line focuses on key multi-tasking skin care categories as well as the 1st peptide-infused, anti-aging nail care treatments.

Since switching to a responsive view, we’ve seen more than double the visitors on our website.

Our clean and modern layout is not only easy for our customers to access on desktop, mobile, or tablet; it also reflects our simple and efficient approach to skin care.

A few notable customizations to our site include our interactive nail polish product page and our shoppable Instagram feed in the website footer.


10. Gold Medical Supplies

As told to BigCommerce by Adam Guthrie, Gold Medical Supplies.

While having owned and operated a few ecommerce stores hosted on other platforms in the past, this was our first store with BigCommerce.

We had heard great things within the industry, so decided to give it a shot. The interface is powerful and flexible, yet extremely straightforward to setup and develop on. We were able to set our site up with over 4,000 SKUs and have it up and running within a few weeks time.

Want to see even more stellar health and beauty websites? Here are 18 more striking designs.

Out of the Box Health & Beauty Themes

Themes designed to get you live and selling beautifully, right now.


Want more insights like this?

We’re on a mission to provide businesses like yours marketing and sales tips, tricks and industry leading knowledge to build the next house-hold name brand. Don’t miss a post. Sign up for our weekly newsletter.

]]>
https://www.bigcommerce.com/blog/health-beauty-ecommerce-design/feed/ 0