presents
Push Your Ecommerce Site Design Further with BigCommerce and Shogun 5 Stunning Examples
Crafting a Powerful First Impression with Your BigCommerce Site Design
In this ebook, you'll learn:
Building an engaging ecommerce website warrants a balance of design and customer experience.
5
What A+ BigCommerce page design looks like
12
GE Appliances
You need to consider how shoppers navigate your site and discover your products in relation to page layout, imagery, typography, and calls to action (CTAs).
14
Nextbase
16
Badgley Mischka
When building your BigCommerce store, it’s important to use tools that not only help you work smarter, but that enable you to design the website you envision.
18
Lyre’s Spirit Co.
20
BearPaw
Shogun Page Builder integrates seamlessly with BigCommerce, empowering your team to create and optimize on your terms.
Heads up: This resource contains glimpses of store pages frozen in time. Ecommerce is always changing, and so are these custom pages. Check them out, though some URLs may be updated/redirected as our customer’s stores grow!
2 | Introduction
3 | Introduction
What does great ecommerce page design look like? Do you know how long you have to make a strong first impression after customers land on your website?
Milliseconds While that statistic may be nerve-wracking, it’s a great opportunity to instantly show customers why they should stick around instead of instantly bouncing. There are several elements on a highconverting ecommerce site that signal to shoppers, “What you’re looking for is right here!” That said, let’s look at a few of the most important elements.
5 | What does great ecommerce page design look like?
It’s easy to navigate Customers must be able to browse your site without issue. If they can’t figure out how to get to your product pages or FAQ page, keeping them on your site will be challenging. Think about how you want shoppers to discover your brand and products.
For customers that know what they’re looking for (e.g., they came to your site with the intent to browse a certain product), make sure your main navigation helps them get to the right place. Cafe Appliance’s website is a great example of this.
This main navigation makes it easy for customers to shop by appliance type, but it also allows them to explore collections just as quickly.
King’s Hawaiian does a great job of organizing their site content—both in the main navigation and throughout the site—in a way that makes product discovery easier.
For customers that aren’t sure what they’re searching for, navigation is all the more important.
Prioritize simplicity when it comes to your site navigation, as King’s Hawaiian does on their homepage.
6 | What does great ecommerce page design look like?
7 | What does great ecommerce page design look like?
It includes high-caliber, compelling visuals Visuals are a critical part of any ecommerce site. It’s how your brand conveys product information like quality, material, size, and use. But before that, visuals help customers determine if they want to keep shopping on your site as soon as they land.
With your visuals, aim to communicate not only what your brand sells but your brand ethos, too. Look to Yeti Cycles, for example.
Yeti Cycles includes a great mix of product imagery and branded photography to communicate what they sell and what they’re about—having the ultimate two-wheeled adventure. Yeti Cycle’s BigCommerce site shares imagery of real customers using their products on various adventures.
8 | What does great ecommerce page design look like?
9 | What does great ecommerce page design look like?
This storytelling demonstrates how Yeti Cycles products enable you to have the best adventure—from high-quality bikes to every accessory you could possibly need. The visuals throughout Yeti Cycle’s site speak to what matters most to their brand: bringing people together to have an adventure.
It’s designed to be mobile-first and fast Speed and responsiveness go handin-hand in ecommerce.
With 5.22 billion people using their smartphones to browse and buy, brands must lean into responsive design. Plus, it impacts your site’s search rankings. In terms of speed, did you know that even a one-second boost in site speed could mean a 27% increase in mobile conversions for your brand? That’s why meeting shoppers where they are—whether it be on a tablet, smartphone, or desktop—with a responsive and speedy site design is table stakes for brands.
Brands using ecommerce solutions like BigCommerce and Shogun Page Builder can build pages for their site with confidence knowing mobile responsiveness and speed are baked into the functionality of these tools.
10 | What does great ecommerce page design look like?
11 | What does great ecommerce page design look like?
5 Examples of stellar BigCommerce stores
GE Appliances Recognizing the untapped potential of their direct-to-consumer web channel, GE Appliances made strategic investments to leverage its revenue-driving capabilities.
Learn more about GE Appliances success with Shogun and BigCommerce.
After migrating to BigCommerce from a static HTML-driven site, they added Shogun to their tech stack for even more customization capabilities.
The powerful combination of BigCommerce and Shogun allows GE Appliances to create engaging, tailored site content.
Not only can the team build stunning landing and product pages in a fraction of the time, but their entire team is empowered to experiment with page design.
What we love about this site:
12 | 5 examples of stellar BigCommerce stores
•
Well-organized site navigation makes it easy for customers to shop GE Appliance’s large catalog
•
Meeting shoppers where they are with buttons on collection pages to buy online instantly or locate a store nearest them if they want to check out the item in-person
•
The power to keep their umbrella of brands consistent with Shogun features like pre-built custom templates, drag-and-drop page elements, content syncing, and customizable Global Snippets
13 | 5 examples of stellar BigCommerce stores
Nextbase Nextbase is an award-winning dash camera brand offering front and rear cameras and accessories.
Nextbase uses Shogun and BigCommerce to build and maintain a powerful, engaging online shopping experience.
Being a visual product, Nextbase set out to build an ecommerce experience that highlights that aspect while communicating quality.
For example, a blend of high-quality product images, background videos, and interactive design elements—like how mousing-over feature icons reveal a branded color gradient:
What we love about this site:
14 | 5 examples of stellar BigCommerce stores
•
Crisp, clean page design sets customers up for easy, enjoyable shopping
•
Ample CTAs throughout each page help customers jump to product pages quickly and easily
15 | 5 examples of stellar BigCommerce stores
Badgley Mischka Badgley Mischka adds a contemporary flair to timeless styles, ranging from evening wear and wedding dresses to exquisite jewelry.
Badgley Mischka added BigCommerce and Shogun to their tech stack.
With a focus on elegance, their creations have been predominantly available at renowned department stores such as Neiman Marcus and Saks Fifth Avenue.
Now, they have more control over their site design and the ability to make site-wide updates as needed—all with less dependence on external partners for custom code.
However, recognizing the growing demand for online shopping, the brand has taken the next step in reaching customers who prefer ecommerce.
Learn more about Badgley Mischka’s tech stack and how they boosted their AOV by
What we love about this site:
16 | 5 examples of stellar BigCommerce stores
•
Elegant brand images and videos throughout the site convey Badgley Mischka’s luxurious quality
•
Using Shogun’s Snippets feature to save preferred styling, allowing the team to create pages faster (like product pages) without compromising on quality and consistency
•
Customized templates give Badgley Mischka a starting point for any new page design
•
Using BigCommerce integration, Bolt, for a speedy, one-click checkout experience
17 | 5 examples of stellar BigCommerce stores
Lyre’s Spirit Co.
In response to the growing trend of consumers opting for booze-free beverages, non-alcoholic brand Lyre’s Spirit Co. enhanced the accessibility and interactivity of their BigCommerce site with Shogun Page Builder.
From high-quality brand visuals across the site to store locator and recipe pages to speak to their unique audience personas, Lyre’s ecommerce experience—built using Shogun’s reusable page templates and Global Snippets—is as smooth as their Amaretti.
Learn more about how Lyre’s increased their conversion rate by 15% with Shogun and BigCommerce.
What we love about this site:
18 | 5 examples of stellar BigCommerce stores
•
Their Mixology Hub is a great way for Lyre’s to not only inspire their customers’ next cocktail but is a great way to encourage conversions
•
Using BigCommerce and Shogun enables Lyre’s to expand globally and manage all eight stores in one place
•
A combination of typography, imagery, copy, and page layout gives this site a unique yet sophisticated look and feel
•
Using Shogun’s Global Snippets feature to capture preferred styling in a block of content, which makes page building and updating faster and consistent across global sites 19 | 5 examples of stellar BigCommerce stores
BearPaw
BearPaw is a shoe brand known for their super-soft slippers and comfortable boots.
The brand chose BigCommerce and Shogun Page Builder to build a truly customized ecommerce experience that highlights what makes them stand out from other shoe brands.
Bearpaw uses Shogun features like Snippets to save favorite page styles and layouts for fast and easy building.
What we love about this site:
20 | 5 examples of stellar BigCommerce stores
•
A blend of product, brand, and customer-generated imagery throughout the site gives shoppers tons of context about Bearpaw shoes
•
A hero slider on the homepage highlights new and on-sale products
21 | 5 examples of stellar BigCommerce stores
Create a highconverting ecommerce site with BigCommerce and Shogun BigCommerce has hundreds of ready-to-customize themes for popular industries like health and beauty, home and garden, and food and beverage. Shogun can help you take that theme customization a step further with page elements (like sliders, videos, countdowns, and more). Features like Shogun’s Custom Elements allow your dev team to create reusable code snippets that can be used across your site. With BigCommerce and Shogun, you can build an ecommerce site experience that stands out from your biggest competitors. Best of all, as your business grows, both solutions grow with you.
22 | Create a high-converting ecommerce site with BigCommerce
23 | Create a high-converting ecommerce site with BigCommerce