HubSpot website enables B2B sales for international fruit importer

Sbrocco International, a wholesale fruit importer needed a complete digital transformation to support their sophisticated sales process. Without a B2B, sales and marketing enabled website in place, the company was missing out on key opportunities to educate business prospects, track contact behaviors, and qualify leads.

Topline Results

132% increase in organic traffic month over month

Entrances to the site month over month increased 119%

Contact page view to submission rate 10.6%

The Challenge

Build a B2B website to inform and convert prospects

With keyword research, competitor analysis, and an original photography treatment in hand, we set out to create a dynamic website to meet the following objectives:

  • Objective 1: Modernize their digital footprint to match their high quality product and excellent reputation

  • Objective 2: Educate newer buyers or ones that have switched categories

  • Objective 3: Better clarify the company’s products and services

  • Objective 4: Communicate federal safety compliance and national food safety certifications

  • Objective 5: Support the outbound sales team with strategic  content

Our Approach

HubSpot Website Development

Integration with the CRM

The selection of the HubSpot Website CMS was a purposeful choice. For a B2B website, it is critical that recorded user actions and behaviors are made accessible for sales teams to use to inform their communication with prospects. Sbrocco International’s website is constantly tracking back to the CRM, or customer relationship manager. All button interactions, form fills, and page views are recorded under each individual contact.

Additionally, the reporting feature of HubSpot makes it easy for Sbrocco to log in and review the overall performance of their site, track qualified leads, see the status of opportunities, number of deals, and closed business, along with sales team productivity.

Using HubDB for the Product Library

Mole Street uses HubSpot’s HubDB feature to create product libraries for Sbrocco. This makes adding or hiding products to different sections of the site a breeze. The feature allows Sbrocco to simply go into the back-end of HubSpot, click ‘Add New Product’ and have access to the library of products and their categories. This was built in a database-driven way so that long-term Sbrocco could extend into areas such as online-ordering and ecommerce without the need for a brand new website in the future. Should Sbrocco require ecommerce or online ordering in the coming years, HubDB can serve as their product catalogue and be fully integrated with ecommerce features without needing to spin up some other ecommerce website or store.

Employ best practices for inbound marketing and sales enablement

We approached the B2B website with the following defining strategies:

  • Develop a custom template within the HubSpot CMS to connect the website platform with the sales CRM

  • Prioritize their page structure and content to be the basis for a future SEO program

  • Organize product pages and navigational elements based on best practices for wholesale website design

  • Produce an original photo shoot to effectively capture the quality of the produce they import

7 keywords ranking in the top 20 positions for Google within the first month of launch

Developed URL structure to support products and search engine indexing

Added a “When to Buy Chart” to promote purchasing to support sales

SEO Best Practices for HubSpot Website Design

With nearly forty products and eight categories to include in the HubSpot website, we made the strategic decision that the page and URL structure must be modeled after ecommerce website design. This would ensure that clusters of products (i.e. lemons, navel oranges) were properly collected under a parent hub (i.e. citrus).

To this end, we implemented the following solutions:

  • 3-Level System: (i) Our Produce > (ii) Category pages (i.e. apples) > (iii) Individual product pages (i.e. royal gala apples)

  • Unique descriptions and information on each product permalink

  • Breadcrumbs for internal linking between products and categories

  • A pillar page for each service offering

  • Consistent URL structure

Content Strategy

Dynamic Content

In addition to the SEO strategies discussed above, we wanted to ensure the client had the flexibility to create dynamic content to communicate seasonal offerings and product favorites. We implemented a Best Sellers row on the homepage to showcase the top selling products. We also included a “featured product” section that highlights a specific product in a full-width row.

Educational Content

Through user research, we discovered that many procurement managers that are responsible for buying produce had varying degrees of inexperience and unfamiliarity with the individual products and the seasonality of the buying process. Because of this, we created an interactive When to Buy chart that shows the user when products are available and when our target buyers should place an order.

UX/UI:

A successful B2B website standardizes the design language across the entirety of the website. Good UX/UI instantly and subconsciously communicates a system and order with the viewer that encourages the user to find, discover, and interact with the content.

We included in our design:

  • Mega menu for desktop navigation

  • Hamburger menu for mobile devices

  • A color system for each category (i.e. blue for berries, purple for grapes, orange for citrus)

  • Merlot red color that’s used solely for call to action buttons

  • Collapsible content that works on both desktop and mobile

  • Standardized thumbnail specifications for product images

Web Photography

Product Photography

Our client displayed a proud commitment to quality of product. To do the fruit justice, we inevitably went in the direction of original photography. Working with professional product and portrait photographer, Jason Varney, and Hadas Smirnoff, food stylist, we produced a 3-day in-studio photo shoot to capture the authenticity, simplicity and quality of Sbrocco fruit. We strategically chose backdrops and surfaces that were complementary to the fruit. Images for website service pages were styled to look abundant, fresh and overflowing, while photos for product and category pages were compositionally pared down to focus on the special qualities of the produce itself.

Portrait Photography

We also spent time with the Sbrocco team to take individual headshots for each team member – capturing natural and authentic moments that allow the user to feel more connected to the brand.

Do you want to drive more traffic and convert higher quality leads?

Schedule a connect  call with Brendan Walsh, Principal at Mole Street.
Set Up A Call
Related Projects