Can you improve you onsite customer experience?
According to a McKinsey study, "customer experience leaders gain rapid insights to build customer loyalty, make employees happier, achieve revenue gains of 5 to 10 percent, and reduce costs by 15 to 25 percent within two or three years."
I want to explore how to create effective customer experience strategies.
The first section creates a basic framework to build better customer experiences.
Then, we apply this framework to common customer experience touch points such as navigation bars, category pages, and product pages.
To help illustrate, we pull examples from top DTC and international brands.
Skip to the eCommerce customer experience examples here, or read on for a detailed framework for improving customer experience strategy.
Why is digital customer experience important?
We've highlighted some benefits of superior customer experience strategy.
The challenge is creating a simple framework to create superior customer experiences.
Defining the problem is the first step.
When we say customer experience, we mean how a brand interacts with it's customers over the entire customer journey.
This includes before, during, and after a sale.
In 2020, the challenge for many eCommerce stores is a) how to provide a seamless customer experience across devices and b) how to create an omnichannel customer strategy to deliver superior experiences regardless of channel.
“Customer experience leaders... achieve revenue gains of 5 to 10 percent, and reduce costs by 15 to 25 percent within two or three years.” - McKinsey and Company
For eCommerce brands, a customer's experience strategy revolves around a customer's digital customer journey.
What is a digital customer journey?
Understanding your customer's digital journey is the first step to creating a customer experience strategy.
A customer journey is simply the series of touch points your customers have. Importantly, a journey is "end-to-end". It isn't one, siloed function within your company such as onboarding or support.
How to improve customer experience?
Now that we've defined both customer experience and digital customer journeys, we can create a framework for building customer experience strategies.
There are three steps.
The touch point will determine what you want to optimize.
A customer who is on the checkout page is trying to complete their purchase as soon as possible. Compare that to a customer on a category page who is looking for the perfect product.
By understanding customer's intention at each step of the process, we can anticipate needs and create a seamless customer experience.
Below we break down a few common elements in eCommerce digital customer journeys.
eCommerce customer experience examples: navigation bar
eCommerce navigation bars remain a staple UI element.
Effective customer experience strategy requires addressing multiple buyer journeys at once. Your navigation bar is the most important tool in allowing customer types to reveal themselves and dynamically address their particular needs.
The goal is to shorten the path to purchase. Here's some examples.
Create Personalized Customer Journeys
Barilliance empowers hundreds of eCommerce stores to create personalized customer journeys with advanced behavioral targeting, real time dynamic content based on in-session data, and dozens of custom widgets.
Click here to see if Barilliance is the right personalization partner for you.
Parachute's navigation bar customer experience strategy
Parachute uses a mega menu design.
The top level navigation features two types of categories. The first are product based categories (bedding, bath, mattress and decor).
The second type is behavior and merchandise based. They offer short cuts to the most popular items, new products, and products that are being rotated out.
Once a category is selected, a drop down dynamically populates. Here we select the "Bedding" category.
The mega menu reveals four sub-categories. Again, there is a split between product defined categories and curated categories. In the most prominent spot are "Featured Bedding" which again offers new arrivals, popular selections, and bundled savings.
Adjacent are two product based categories: sheetings + top of bed, as well as bedding inserts. Finally, there is an option to shop by material.
We can draw a number of lessons from the way Parachute approaches navigation.
eCommerce customer experience examples category pages
Similar to navigation bars, category pages are an essential step in a buyer's digital customer journey.
On category pages, you should optimize your customer experience for quick product discovery.
Provide deep product taxonomies and sub-categories like Target
When applicable, customers should be given the ability to navigate to sub-categories.
Above is a screenshot of Target's top level category of "Woman's Clothing". They quickly and visually allow buyers to navigate to the appropriate location.
Create advanced filtering options like Target
Providing advanced filtering options creates convenience and lets customers find their ideal products soon as possible.
Again, Target provides an excellent example. On their category page, there are 7 filtering options and mentions immediately available.
1. "Filter Results" header
Target places front and center that you are able to Filter Results.
This gives customers confidence they can interact with the page and get what they want if the initial options are not what they are looking for.
2. Filter by delivery type
Your buyers have different expectations for delivery. Target understand that some digital shoppers are ok waiting for products to ship.
But others are expecting to research online and pickup in store. Target gives buyers the option upfront.
This prevents shoppers from being annoyed with items not available in their preferred delivery.
3. More filters
Target is an excellent example of a company that understands the importance of filters.
Each item is thoroughly scoped with meta data. In the dress examples, these include type, neckline, length and pattern.
Customers can quickly select which attributes are important to them and see the product selection change in real time.
Below you can see how helpful this is.
I simply select that I am looking for an "a line" style of dress with polka dot patters. One second later Target presents the right selection.
Create Dynamic Product Recommendations Like Target
Barilliance helps hundreds of eCommerce stores create dynamic product recommendations. You can easily set up advanced merchandising rules or allow our AI to present the most relevant items.
Click here to see if Barilliance is the right solution for you.
4. Filter by Occassion
Customers often shop with intention. In target's case, they "need something for work", or "a dress for a special occasion".
Target does a beautiful job entering this conversion. Filtering by occasion is the most prominent option. Buyers can express their desire and be served with highly relevant items that fill their expressed need.
5. Sort by common filters
Basic sorting functionality is expected.
Target incorporates common eCommerce filtering techniques in the far right drop down menu.
The drop down includes sorting such as "Price- low to high", "Price - high to low", "Best sellers" and defaults to "Featured".
6. In widget similar items
On load Target takes a best guess at which products buyers are interested in. But for each product, they allow you to see "similar items".
When a buyer interacts with the button, a side widget pulls up displaying similar items.
7. In widget item variations
Again, the main purpose of the category page is to facilitate shopping.
In addition to similar items, buyers can also preview variations of the current item they are looking at without leaving the category page.
This saves buyers from having to click into a product, click various colors, and then click back out to the category page to continue shopping.
Parachute's category page customer experience strategy
Parachute has a much smaller product catalogue than Target.
However they still incorporate advanced optimizations. One of the more clever was to show each product in a different color.
In Parachute's case, most products are available in the same collection of base colors. By showing a variety of colors on the category page, customers are able to preview many colors at once.
eCommerce customer experience examples: product pages
We've covered the importance of product page design in depth here.
Effective product pages depend on optimizing
Below we quickly explore Parachute's product page customer experience strategy.
Parachute's product page customer experience strategy
The most common customer needs on product pages are a) item selection and b) item valuation.
When a customer is ready to purchase, they need to be able to quickly select which product variation they want and proceed to the checkout.
However, it is also common for customers to be in an evaluation stage on the product page. Here, they are trying to determine if this is the right product for them.
Selecting product attributes
Parachute does a fantastic job at limiting the interactions needed by customers before they can checkout.
All options are presented upfront in a clear, image oriented way.
Contrast this to product pages that feature drop down menus, tabs, or other elements that require customer interaction to see what options are available.
Additionally, when a customer attempts to add the product to cart without selecting a product attribute, clear helper text is presented (highlighted above).
Once a product is added to the cart, a side widget slides in. It shows confirmation that the product was successfully added, allows customers to update the quantity, and gives clear next step to checkout.
When you go to update the quantity, a simple dropdown is presented.
They also give a monthly payment option through Affirm. The text snippet is dynamically placed above the checkout button which lowers the perceived cost of the item.
They address the most common cause for cart abandonment - shipping costs, by providing free shipping and returns.
Lastly, they reduce risk by giving a 60 day trial, no questions asked.
Creating social proof with product page reviews
For customers in the evaluation stage, they also provide a review widget. The widget is a carousel that gives customers the ability to scroll through and read reviews.
Each individual review captures a number of important pieces of data for customers.
We covered some major eCommerce customer experience factors including navigation bars, category pages, and product pages.
If you'd like to see how Barilliance can help you create personalized experiences for your customers you can request a demo here.