Medusa won the Golden Kitty Award for Best Ecommerce Product ✨  Learn More

Medusa Logo
  • Developers
  • Blog
  • Pricing
  • Community
  • About
  • Careers
  • Get Started
  • Developers
  • Blog
  • Pricing
  • Community
  • About
  • Careers
  • Get Started
Perspective

Top 5 B2B Ecommerce sites: Grainger (2/5)

Get UX tips for your B2B ecommerce website from Grainger

Top 5 B2B Ecommerce sites: Grainger (2/5)

Share

Safa Emhemed
Safa EmhemedDec. 19, 2022• 4 min.

I am a UX specialist experienced in both developing and texting great UX experiences.

For this article series, I’ve spent time digging into some of the best ecommerce sites for B2B and zoomed in on what makes them stand out on their UX.

I will go through and dissect the best pages I’ve found one by one. Hopefully, this gives you some inspiration to take into your ecommerce site.

Series overview

  1. The world’s best B2B ecommerce UX: McMaster-Carr (1/5)

  2. Top 5 B2B Ecommerce sites: Amy Myers MD (3/5)

  3. Top 5 B2B Ecommerce sites: Blake (4/5)

  4. Top 5 B2B Ecommerce sites: Massey Ferguson (5/5)

Medusa’s UX and B2B Focus

Medusa provides bespoke commerce infrastructure through its composable commerce platform. Its extendible and open setup makes it well-suited to support cases that require setup flexibility and is easy to customize.

Medusa’s headless architecture makes it possible to build bespoke storefronts that can be optimized to provide a great UX, leading to customer conversion. This is needed in a B2B setting, where most stores are not set up well to cater to the particular needs of a B2B customer.

If you’d like to know more about our product and how we serve B2B users, feel free to visit our B2B page.

Grainger

Grainger is an industrial supplier that offers a large selection of private-label and brand-name products from some of the world’s top manufacturers.

With Grainger, customers can place bulk orders quickly and seamlessly. The main focus is on all-inclusive categorization. Customers can easily filter categories to narrow down their options.

This article explores some of Grainger’s powerful UX, such as:

  • Well-organized categories: assist your customers in finding exactly what they need from the first scan.
  • B2B-focused Shopping Experience: understand your customers and implement the necessary features that convert visitors to customers.
  • Powerful search experience: provide the customer with different options that lead to the results they’re looking for.

1- Well-Organized Categories

Good categorization helps customers find what they need quickly. When a customer is looking for a specific product, they’ll try to find the category that this product could fit into.

Ensuring that your B2B ecommerce website’s categories are clearly outlined and showcase enough information about their underlying products will help your customers find what they require easily.

Grainger does a good job at this by doing the following:

  • On the homepage, popular categories are shown in a grid layout. Each category has a name and a large icon that gives an idea of what products are available in the category. This makes it easier for customers to scan and find the category they’re looking for.

  • All available categories can also be browsed on a dedicated Product Categories page. Customers can use this page in case they don’t find what they require among the categories on the homepage.

  • Every category level has a detailed description. This helps the customer understand more about what the category is and what they can find in it.

  • Categories can also be browsed directly from the mega menu in the navigation bar. They are sorted in alphabetical order, making it easy to scan and find something specific.

2- B2B-focused Shopping Experience

B2B ecommerce websites should streamline the shopping and checkout experience to ensure their visitors are converted to customers, and one-time customers to returning customers.

This can be done by carefully planning and designing the shopping experience based on your customers. Provide the features that would increase the possibility of your customer placing an order.

Grainger offers some good features that show an understanding of their B2B customers, including:

  • The Add To Cart button in the Recently Viewed Products section on the homepage, is noticeable and attention-grabbing to the primary action you want the customer to take.
  • Recently viewed products are shown on the homepage. Each of these products has an Add to Cart button. This can help customers look back to what they were interested in, and consider it for purchase.

  • Bulk order is a superpower for B2B ecommerce websites. Customers can enter the SKU of the product and its quantity, and it’ll be directly added to the cart. Grainger provides this feature directly in the navigation bar. This facilitates the shopping experience of returning customers and encourages them to make more purchases.

  • Customers can quickly access a summary of a product’s details from the product's listing page. They can also directly add the product to the cart from that same page.

3- Powerful Search Experience

As B2B websites generally offer a large set of products with different details and attributes, it’s important to provide a search experience that allows the customer to find the products they’re looking for.

Making your search experience powerful is more than just showing the correct results for a search query. It’s providing options to narrow down the results, suggestions for better results, and more.

Grainger provides their customers with the following features to enhance their search experience:

  • The search bar placeholder informs the customer what keywords or attributes they can search products by, such as model or part number. This clarifies to the customer what they can look for with the search bar.

  • As the customer enters their query, they see real-time keyword suggestions, recommended products, and search results for products, product categories, and brands. Each of these helps the customer narrow down the available results to what they need.

  • Customers can quickly add the items from the search result to the cart. They can input the quantity and click the Add to Cart button. This is especially helpful for customers that already know what specific item they want.

  • Save customer search history, which personalizes the search experience and makes the customer reach quickly to products that usually purchase.
  • The customer’s search history is saved and shown when the customer clicks the search bar. If the customer has previously conducted a search and wants to look through the results again, this helps them find the results again easily.

Build your B2B Store with Medusa

With Medusa, the open-source B2B platform, build your ecommerce store to include all these features and more. Use Sales Channels, Customer Groups, Price Lists, and other features to build your B2B ecommerce store.

Learn more here, and follow this tutorial to start building your B2B store.

Want More UX Tips?

This series covers other top B2B websites that provide good UX. Check other parts out to get more tips:

  1. The world’s best B2B ecommerce UX: McMaster-Carr (1/5)

  2. Top 5 B2B Ecommerce sites: Amy Myers MD (3/5)

  3. Top 5 B2B Ecommerce sites: Blake (4/5)

  4. Top 5 B2B Ecommerce sites: Massey Ferguson (5/5)

Share

Medusa Newsletter

Stay up to date

In our Newsletter you get the most important Medusa news directly in your inbox

Up Next

Deploy a Medusa Server on AWS with Microtica

A Step-by-Step Tutorial on How to Deploy a Medusa Server on AWS

Learn how to deploy Medusa on AWS with Microtica

Person photo
Marija NaumovskaJan. 16, 2023• 3 min.

You may also like

Use ChatGPT to Automate Product Description Writing

Use ChatGPT to Automate Product Description Writing

Never think about product descriptions. Automate product description creation with ChatGPT and Medusa

Person photo
Ashutosh KrishnaJan. 19, 2023• 7 min.
Roadmap update - Jan 2023

Roadmap update - Jan 2023

Keep reading to learn about what’s in store for future versions of Medusa.

Oliver Juhl
Oliver JuhlJan. 17, 2023• 4 min.
Inspired by Git: How we Designed our Order-Editing Feature

Inspired by Git: How we Designed our Order-Editing Feature

This article covers how we adopted principles from the Git version control system and GitHub in our Order Editing API design.

Oliver Juhl
Oliver JuhlJan. 25, 2023• 4 min.
Order Edits and Payment Collections are now available

Order Edits and Payment Collections are now available

Learn more about Medusa’s new order-editing feature and how it works

Person photo
Sebastian RindomJan. 25, 2023• 2 min.
Ecommerce APIs: What they are and how they work

Ecommerce APIs: What they are and how they work

This article first discusses the basics of ecommerce APIs and an in-depth evaluation of an open source ecommerce API-first solution —Medusa.

Person photo
Esther ChristopherJan. 23, 2023• 7 min.
Use ChatGPT to Automate Product Description Writing

Use ChatGPT to Automate Product Description Writing

Never think about product descriptions. Automate product description creation with ChatGPT and Medusa

Person photo
Ashutosh KrishnaJan. 19, 2023• 7 min.
Roadmap update - Jan 2023

Roadmap update - Jan 2023

Keep reading to learn about what’s in store for future versions of Medusa.

Oliver Juhl
Oliver JuhlJan. 17, 2023• 4 min.
Inspired by Git: How we Designed our Order-Editing Feature

Inspired by Git: How we Designed our Order-Editing Feature

This article covers how we adopted principles from the Git version control system and GitHub in our Order Editing API design.

Oliver Juhl
Oliver JuhlJan. 25, 2023• 4 min.
Order Edits and Payment Collections are now available

Order Edits and Payment Collections are now available

Learn more about Medusa’s new order-editing feature and how it works

Person photo
Sebastian RindomJan. 25, 2023• 2 min.
Medusa Logo

Product

Medusa for B2BIntegrationsGet StartedCareers
We're hiring

Developers

DocsAPI ReferencesCommunityDiscussions

Medusa

BlogPricingAboutContact Us

Newsletter

Get a summary of what we’ve shipped during the last month, behind the scenes updates, and team picks. Unsubscribe any time.

© 2023 MedusaJS, Inc.