The world’s best B2B ecommerce UX: Massey Ferguson (5/5)
Tags: ux, opensource, webdev, programming
Published: 2022-12-22 12:57:25

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 B2B websites 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)](https://medusajs.com/blog/9-best-ecommerce-ux-practices-with-examples/)
2. [Top 5 B2B Ecommerce sites: Grainger (2/5)](https://medusajs.com/blog/top-5-b2b-ecommerce-sites-grainger/)
3. [Top 5 B2B Ecommerce sites: Amy Myers MD (3/5)](https://medusajs.com/blog/top-5-b2b-ecommerce-sites-amy-myers-md/)
4. [Top 5 B2B Ecommerce sites: Blake (4/5)](https://medusajs.com/blog/top-5-b2b-ecommerce-sites-blake/)

## Medusa’s UX and B2B Focus

[Medusa](https://medusajs.com/) 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](https://medusajs.com/b2b-commerce-platform/).

# Massey Ferguson

[Massey Ferguson](https://www.masseyferguson.com/) is a world-famous brand supplying a huge range of tractors and agricultural machinery. It provides a limited number of products, but each product is complex and has a lot of details. 

Also, each product comes with a manual that allows customers to figure out whether the product fits their needs or not. 

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

- Intuitive and Smooth Navigation: provide the navigation that helps your customers find what they need.
- Summarized Product Section on The Homepage: the homepage is typically the first page your customers will see. Utilize it to show your customers what your store offers.
- Highlighted Promotions: motivate your customers to purchase by emphasizing the promotions you offer.

## 1- Intuitive and Smooth Navigation

Your website navigation menu is the key to success in your ecommerce website. The easier and more engaging your navigation experience is, the easier it will be for customers to find what they need.

Some good navigation tips that Massey Ferguson applies:

- In the products dropdown menu, customers can see the main two categories at the top of the menu and can select one of them based on what exactly they looking for.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oehy6dznwggz9tqo7uzv.png)

- When a customer hovers over one of the subcategories, the product names under these subcategories are shown next to the main category. This gives the customer a glimpse of the available products before diving into a category and helps narrow their options.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjx6bgbntyxi9f9g7py3.png)

- Similarly, when the customer hovers over a product’s name, the product’s image and details are shown in the menu. Customers can easily navigate between available products before deciding on which one fits their needs.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jlu8diwy0db7dkls1fv9.png)

## 2- Summarized Product Section on The Homepage

As the homepage is most likely the first page a customer will see of your website, you can utilize it to show a selection of your store’s products.

For B2B ecommerce websites, the homepage should show the customer what this store specializes in and the overall available products and options.

Massey Ferguson utilizes the homepage to showcase their available products by doing the following:

- Customers can see the main categories on the home page as filters. They can choose between the available categories to get a quick overview of the available products under that category.
    

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jy9um142r32qb9xp0yxs.gif)
    
- Quick view to view more information for all products in the grid, or per product instead of viewing the product page. Other information can serve as a significant motivator for different types of customers, so Include information extras that will nudge customers to purchase.
- The products’ main details can be easily viewed right from the homepage by toggling the Quick View option. Customers can easily find what they’re looking for without leaving the home page.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vekwkmb8b69odz545zi9.gif)

- Product details are shown as short details with clear icons. Customers can easily scan the details of the products in seconds.

## 3- Highlighted Promotions

B2B customers come to your store with specific products in mind, but promotions are always appealing. It’s important to properly highlight your promotions, as it catches the customer’s eye immediately.

Massey Ferguson does a good job of highlighting its promotions:

- Promotions are shown in the hero section, which is the first section of the website that the customer sees.
    

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/shl1nbitcbg8tis4d25c.png)
    
- On the Offers page, promotions are shown with an expiry date. This urges customers to quickly purchase before the promotion ends.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gl46ejrwk1pqzjh8eif2.png)

- The offer details are noticeable, and the time of the offer is spotlighted on the product card, to ensure that all customers are aware of the promotions details and it’s impossible to miss. Also, it’s easy to check more details by clicking the “Find out more” button which opens the details on the same page and that doesn't distract the customer by navigate between pages.
- For each promotion, its details and expiry date are shown in the offers list. Customers can check if there are any promotions for the products they want to purchase directly from the list.
    

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/26qpsvblhcks8pyxsgl7.png)
    

## 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](https://medusajs.com/b2b-commerce-platform), and follow this tutorial to [start building your B2B store](https://medusajs.com/blog/medusa-b2b-part-1).

## Want More UX Tips?

1. [The world’s best B2B ecommerce UX: McMaster-Carr (1/5)](https://medusajs.com/blog/9-best-ecommerce-ux-practices-with-examples/)
2. [Top 5 B2B Ecommerce sites: Grainger (2/5)](https://medusajs.com/blog/top-5-b2b-ecommerce-sites-grainger/)
3. [Top 5 B2B Ecommerce sites: Amy Myers MD (3/5)](https://medusajs.com/blog/top-5-b2b-ecommerce-sites-amy-myers-md/)
4. [Top 5 B2B Ecommerce sites: Blake (4/5)](https://medusajs.com/blog/top-5-b2b-ecommerce-sites-blake/)