Connect with us

MARKETING

18 Best B2B Website Examples & How to Design a Great B2B Website

Published

on

18 Best B2B Website Examples & How to Design a Great B2B Website

The right B2B website makes all the difference when it comes to converting visitors into buyers. In this post, we’ll share the best B2B website examples we’ve ever seen, then dive into three tips for building your site.

By the end, you’ll be able to create a site that drives conversions and keeps buyers coming back. Let’s get started.

With a host of great B2B website examples out there, we’ve curated a list of sites that stand out.

1. Blake Envelopes

b2b website examples: blake envelopes

Are envelopes exciting? Not really, but you wouldn’t know it from the Blake Envelope website. The colors are vibrant, the envelopes are everywhere, and the site manages to convey a sense of movement that makes you want to click through and see exactly what they have to offer. That’s exactly what you want from a B2B website.

2. Pixelgradeb2b website examples: pixelgrade

Pixelgrade makes it clear up front what they’re about: Offering simple WordPress themes to help anyone get their website up and running quickly. There’s no extraneous information here — they state their value proposition and offer a direct link to browse the themes they offer.

3. Reputation Squad

b2b website examples: reputation squad

Reputation management is key to online success for organizations. If companies can’t see what customers are saying about them, they could miss critical opportunities to improve.

Reputation Squad helps companies track their reputation online with a responsive monitoring system. Scrolling through their website gives the feeling they’re operating in the future; backgrounds move and shift as you head down the page and the content is set up in a way that’s easy to view, read, and contextualize.

4. Evernote

b2b website examples: evernote

Evernote isn’t new to the B2B space, but their site continues to make it abundantly clear what they’re good at: Taming your work and organizing your life by making it easy for you to take notes and keep schedules. Even more telling is their aim to help you “remember everything”, which suggests this isn’t just a single-function solution but a multipronged performance tool.

5. Dropbox

b2b website examples: dropbox

The five “S’s” here quickly communicate what Dropbox is all about. Not only can you store and sync files but easily share them and even add eSignatures. That’s it. That’s the value proposition. No fancy graphics, no beating around the bush — just getting straight to the point about how they can help.

6. Shepper

b2b website examples: shepper

Shepper is all about collecting data. And not just any data — the data you tell them you need to collect and analyze. This could be product or advertising information, or data about the overall customer experience. No matter what data you need or where it’s stored worldwide, Shepper can help.

7. HubSpot

b2b website examples: hubspot

We’ll admit it. We’re also pretty great at this B2B stuff. We’re also modest — you’ll notice HubSpot isn’t first on the list — but our site makes it clear what we offer: An easy-to-use CRM than can streamline your current processes and revolutionize the way you work. With both free and premium options, you’re in good hands with HubSpot.

8. Orbital Sidekick

b2b website examples: orbital sidekick

Orbital Sidekick delivers information from space to help government and commercial organizations meet their goals around environmental, social, and governance objectives. Using what’s known as “hyperspectral analysis” from a fleet of satellites, Orbital Sidekick gives companies the data they need to make decisions on-demand.

9. Trello

b2b website examples: trello

Trello is a collaboration tool designed to streamline operations. Given the increasing number of these tools on the market — and the fact that some hinder more than help — Trello makes it clear that no matter where or how teams prefer to work, the solution can help teams move forward.

10. Hootsuite

b2b website examples: hootsuite

Hootsuite’s tagline is simple: “Social is your superpower”. Combined with an image of a woman seemingly taking off into the air and backed by familiar social images and icons, it’s clear right away that Hootsuite is all about helping you get the most of your social media channels.

11. Yapstone

b2b website examples: yapstone

It’s a funny name with a great B2B angle: Local payment for global businesses. Not only does this tagline provide a sense of confidence and familiarity, but also manages to simultaneously suggest that Yapstone can help businesses anywhere power their payment platform.

12. Grammarly

b2b website examples: grammarly

Grammarly cuts right to the chase to showcase what it does best: Detecting and correcting grammar and spelling mistakes. An animated image takes users through a quick demonstration of what Grammarly has to offer, making it clear what users will get when they download and install the app.

13. Acme

b2b website examples: acme

Acme automates industrial warehouse operations. The sepia tones of its website combined with warehouse images and a clear message about what Acme does leave no room for misinterpretation. If you’re their target audience, you’ll click through. If not, you’ll leave.

14. Mailchimp

b2b website examples: mailchimp

Email platform Mailchimp is well-known for its work in marketing emails, and its website makes it clear that the goal of the platform is to grow both business audience and revenues with the help of automated tools and expert advice. With the goal of outperforming your last campaign, it’s a solid pitch for B2B sales.

15. Packlane

b2b website examples: packlane

Consumers don’t just want great products. They want great packaging that is interesting to look at, fun to open, and (ideally) environmentally sustainable. Packlane lets companies create custom packaging and boxes that best suit their products, and provides instant quoting to help companies quickly make a decision.

16. HireLevel

b2b website examples: hirelevel

Aside from making a great pun (higher level — get it?), HireLevel also does a great job of clearly defining what they do. Need a job? They can help. Looking to improve workplace management? They’ve got services to bridge the gap.

17. Netbase Quid

b2b website examples: netbase quid

Netbase Quid is all about consumer and market intelligence. The seven colored tabs on the homepage make it clear exactly how they can help, from tracking brand health to delivering trend analytics to improving crisis management.

18. Square

b2b website examples: square

Square is a payment platform that immediately prompt customers to get started as a first step to entering the site. It’s the first — and nearly only — thing a visitor encounters upon landing on the home page. That information allows Square to offer customers what feels like a much more customized web experience.

1. Make your website about the customer — not about you.

After reviewing hundreds of B2B websites across every major industry, we found only a handful that purposefully invite customers into a conversation. To do that, suppliers need to stop talking so much about themselves.

Rather, they should provide customers with an opportunity to share something about who they are and what they’re looking to do.

Really, it’s no different than common courtesy at a cocktail party. No one wants to be stuck talking to the person droning on about who they are and what they do. Yet that’s precisely what the vast majority of B2B websites do.

Not only is that kind of self-centered approach disengaging, but it also leaves the buyer wondering, “Do they even know who I am? Or what I actually do?” Or worse, “Do they even care?” It’s impersonal at best, and off-putting at worst — fostering questions rather than connections, and distance rather than assistance.

That said, we found a handful of websites that do, in fact, actively invite customers to engage on their terms. One example is vAuto.com. A division of Cox Automotive, vAuto sells enterprise software to auto dealers around world. Among those dealers are both used and new car sellers, along with wholesalers — some franchise-based, and some independent.

b2b website example: vauto

Those distinctions matter — not only for finding the appropriate vAuto solution, but they help to identify how that customer thinks about themselves.

vAuto has designed the front page of its website to allow buyers to self-identify along the dimensions most important to them, prior to going any deeper. The customer’s first choice upon landing at vauto.com is declaring, “I manage new vehicles,” “I manage used vehicles,” “I buy wholesale,” or “I manage reconditioning.”

Notice that even the pronouns are specifically chosen to position the website as a learning and buying tool for customers, rather than a broadcasting tool for the supplier.

Questions to ask yourself:

  • How do our customers define themselves?
  • In their minds, which aspects of their identity most affect the way they look at suppliers like us?

2. Emphasize your customers’ outcomes.

Just as the best websites invite customers into a conversation, they also guide buyers to supplier solutions using the language of customer outcomes — rather than supplier capabilities.

The best companies take the time to understand the specific business objectives customers are seeking to achieve, then organize their sites using language immediately recognizable to customers along those particular outcomes. That way, customers don’t have to translate.

Here’s another place where vAuto excels. The company employs actual customer-articulated business problems as the organizing framework for diving deeper into their broad solution set. It organizes this information around headings like, “Show me how to beat the competition,” and, “Show me to source more profitably.”

At every step, the goal is to make online learning and buying as easy and as resonant as possible — all through an easy-to-follow path of breadcrumbs leading directly to vAuto’s unique solutions.

Questions to ask yourself:

  • What help are customers seeking from a supplier in your category?
  • What specific language would best resonate with your customers to describe that help?

3. Help customers do what they are on your site to do.

Finally, the best websites identify and then facilitate the specific tasks that customers come to your website to complete.

Take something like a cost calculator embedded directly into a website. A tool like that enables customers to independently calculate the costs of (in)action, rather than relying on sales reps to make the case for change. It’s a simple, practical idea, but it’s deployed with single-minded purpose: to allow the buyer to easily progress along the journey, while remaining in her preferred channel of choice.

Questions to ask yourself:

  • What specific buying tasks are your customers coming to your website to complete?
  • How easy is it to find support for those tasks on your site right now?

Building a Better B2B Website

There’s a great deal to be learned from the handful of world-class websites we found. When it comes to building a better B2B site, it’s all about giving buyers an easy entry point, communicating your solutions in language they understand, and making it simple for them to do what they want to do.

Not sure where to get started? Check out the examples above for inspiration and then grab HubSpot’s free ultimate workbook for redesigning your B2B site.

Editor’s note: This post was originally published in January 2018 and has been updated for comprehensiveness.    

Blog - Website Redesign Workbook Guide [List-Based]

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

MARKETING

YouTube Ad Specs, Sizes, and Examples [2024 Update]

Published

on

YouTube Ad Specs, Sizes, and Examples

Introduction

With billions of users each month, YouTube is the world’s second largest search engine and top website for video content. This makes it a great place for advertising. To succeed, advertisers need to follow the correct YouTube ad specifications. These rules help your ad reach more viewers, increasing the chance of gaining new customers and boosting brand awareness.

Types of YouTube Ads

Video Ads

  • Description: These play before, during, or after a YouTube video on computers or mobile devices.
  • Types:
    • In-stream ads: Can be skippable or non-skippable.
    • Bumper ads: Non-skippable, short ads that play before, during, or after a video.

Display Ads

  • Description: These appear in different spots on YouTube and usually use text or static images.
  • Note: YouTube does not support display image ads directly on its app, but these can be targeted to YouTube.com through Google Display Network (GDN).

Companion Banners

  • Description: Appears to the right of the YouTube player on desktop.
  • Requirement: Must be purchased alongside In-stream ads, Bumper ads, or In-feed ads.

In-feed Ads

  • Description: Resemble videos with images, headlines, and text. They link to a public or unlisted YouTube video.

Outstream Ads

  • Description: Mobile-only video ads that play outside of YouTube, on websites and apps within the Google video partner network.

Masthead Ads

  • Description: Premium, high-visibility banner ads displayed at the top of the YouTube homepage for both desktop and mobile users.

YouTube Ad Specs by Type

Skippable In-stream Video Ads

  • Placement: Before, during, or after a YouTube video.
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Vertical: 9:16
    • Square: 1:1
  • Length:
    • Awareness: 15-20 seconds
    • Consideration: 2-3 minutes
    • Action: 15-20 seconds

Non-skippable In-stream Video Ads

  • Description: Must be watched completely before the main video.
  • Length: 15 seconds (or 20 seconds in certain markets).
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Vertical: 9:16
    • Square: 1:1

Bumper Ads

  • Length: Maximum 6 seconds.
  • File Format: MP4, Quicktime, AVI, ASF, Windows Media, or MPEG.
  • Resolution:
    • Horizontal: 640 x 360px
    • Vertical: 480 x 360px

In-feed Ads

  • Description: Show alongside YouTube content, like search results or the Home feed.
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Square: 1:1
  • Length:
    • Awareness: 15-20 seconds
    • Consideration: 2-3 minutes
  • Headline/Description:
    • Headline: Up to 2 lines, 40 characters per line
    • Description: Up to 2 lines, 35 characters per line

Display Ads

  • Description: Static images or animated media that appear on YouTube next to video suggestions, in search results, or on the homepage.
  • Image Size: 300×60 pixels.
  • File Type: GIF, JPG, PNG.
  • File Size: Max 150KB.
  • Max Animation Length: 30 seconds.

Outstream Ads

  • Description: Mobile-only video ads that appear on websites and apps within the Google video partner network, not on YouTube itself.
  • Logo Specs:
    • Square: 1:1 (200 x 200px).
    • File Type: JPG, GIF, PNG.
    • Max Size: 200KB.

Masthead Ads

  • Description: High-visibility ads at the top of the YouTube homepage.
  • Resolution: 1920 x 1080 or higher.
  • File Type: JPG or PNG (without transparency).

Conclusion

YouTube offers a variety of ad formats to reach audiences effectively in 2024. Whether you want to build brand awareness, drive conversions, or target specific demographics, YouTube provides a dynamic platform for your advertising needs. Always follow Google’s advertising policies and the technical ad specs to ensure your ads perform their best. Ready to start using YouTube ads? Contact us today to get started!

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

Why We Are Always ‘Clicking to Buy’, According to Psychologists

Published

on

Why We Are Always 'Clicking to Buy', According to Psychologists

Amazon pillows.

(more…)

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

A deeper dive into data, personalization and Copilots

Published

on

A deeper dive into data, personalization and Copilots

Salesforce launched a collection of new, generative AI-related products at Connections in Chicago this week. They included new Einstein Copilots for marketers and merchants and Einstein Personalization.

To better understand, not only the potential impact of the new products, but the evolving Salesforce architecture, we sat down with Bobby Jania, CMO, Marketing Cloud.

Dig deeper: Salesforce piles on the Einstein Copilots

Salesforce’s evolving architecture

It’s hard to deny that Salesforce likes coming up with new names for platforms and products (what happened to Customer 360?) and this can sometimes make the observer wonder if something is brand new, or old but with a brand new name. In particular, what exactly is Einstein 1 and how is it related to Salesforce Data Cloud?

“Data Cloud is built on the Einstein 1 platform,” Jania explained. “The Einstein 1 platform is our entire Salesforce platform and that includes products like Sales Cloud, Service Cloud — that it includes the original idea of Salesforce not just being in the cloud, but being multi-tenancy.”

Data Cloud — not an acquisition, of course — was built natively on that platform. It was the first product built on Hyperforce, Salesforce’s new cloud infrastructure architecture. “Since Data Cloud was on what we now call the Einstein 1 platform from Day One, it has always natively connected to, and been able to read anything in Sales Cloud, Service Cloud [and so on]. On top of that, we can now bring in, not only structured but unstructured data.”

That’s a significant progression from the position, several years ago, when Salesforce had stitched together a platform around various acquisitions (ExactTarget, for example) that didn’t necessarily talk to each other.

“At times, what we would do is have a kind of behind-the-scenes flow where data from one product could be moved into another product,” said Jania, “but in many of those cases the data would then be in both, whereas now the data is in Data Cloud. Tableau will run natively off Data Cloud; Commerce Cloud, Service Cloud, Marketing Cloud — they’re all going to the same operational customer profile.” They’re not copying the data from Data Cloud, Jania confirmed.

Another thing to know is tit’s possible for Salesforce customers to import their own datasets into Data Cloud. “We wanted to create a federated data model,” said Jania. “If you’re using Snowflake, for example, we more or less virtually sit on your data lake. The value we add is that we will look at all your data and help you form these operational customer profiles.”

Let’s learn more about Einstein Copilot

“Copilot means that I have an assistant with me in the tool where I need to be working that contextually knows what I am trying to do and helps me at every step of the process,” Jania said.

For marketers, this might begin with a campaign brief developed with Copilot’s assistance, the identification of an audience based on the brief, and then the development of email or other content. “What’s really cool is the idea of Einstein Studio where our customers will create actions [for Copilot] that we hadn’t even thought about.”

Here’s a key insight (back to nomenclature). We reported on Copilot for markets, Copilot for merchants, Copilot for shoppers. It turns out, however, that there is just one Copilot, Einstein Copilot, and these are use cases. “There’s just one Copilot, we just add these for a little clarity; we’re going to talk about marketing use cases, about shoppers’ use cases. These are actions for the marketing use cases we built out of the box; you can build your own.”

It’s surely going to take a little time for marketers to learn to work easily with Copilot. “There’s always time for adoption,” Jania agreed. “What is directly connected with this is, this is my ninth Connections and this one has the most hands-on training that I’ve seen since 2014 — and a lot of that is getting people using Data Cloud, using these tools rather than just being given a demo.”

What’s new about Einstein Personalization

Salesforce Einstein has been around since 2016 and many of the use cases seem to have involved personalization in various forms. What’s new?

“Einstein Personalization is a real-time decision engine and it’s going to choose next-best-action, next-best-offer. What is new is that it’s a service now that runs natively on top of Data Cloud.” A lot of real-time decision engines need their own set of data that might actually be a subset of data. “Einstein Personalization is going to look holistically at a customer and recommend a next-best-action that could be natively surfaced in Service Cloud, Sales Cloud or Marketing Cloud.”

Finally, trust

One feature of the presentations at Connections was the reassurance that, although public LLMs like ChatGPT could be selected for application to customer data, none of that data would be retained by the LLMs. Is this just a matter of written agreements? No, not just that, said Jania.

“In the Einstein Trust Layer, all of the data, when it connects to an LLM, runs through our gateway. If there was a prompt that had personally identifiable information — a credit card number, an email address — at a mimum, all that is stripped out. The LLMs do not store the output; we store the output for auditing back in Salesforce. Any output that comes back through our gateway is logged in our system; it runs through a toxicity model; and only at the end do we put PII data back into the answer. There are real pieces beyond a handshake that this data is safe.”

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending