Boring. Plain. Uninviting. Jargon overload. Too often this is what we see when we visit a B2B website.
But this isn’t how your B2B (business to business) website has to be. This isn’t how your B2B website should be. For years, B2B organizations have used bland websites, typical branding, and expected marketing. We’re finally starting to see significant changes.
According to a study conducted by Google and Millward Brown Digital, almost 90% of B2B researchers use the internet to research a potential purchase. They conduct 12 searches on average before connecting on a specific brand’s website. Not surprising when you discover nearly half of B2B researchers are Millennials (ages 18-34). Senior level executives may still make the final decision, but more than 80% of non-C-suiters have a say in purchasing decisions. Those Millennials aren’t just looking for you on their desktops. More than 40% of researchers use a mobile device during the B2B purchase process!
If your website is not engaging or mobile-friendly, you’ll lose potential sales. People who don’t find what they need quickly (10 seconds or less) will jump to another link, another site, another company. When your website IS engaging, visitors will explore, read, download, click-through and eventually, connect.
Meet today’s B2B website standards
Whether the purpose of your website is to build brand awareness, establish credibility, or function as a sales funnel, you must meet today’s B2B website standards. What does that mean? Two words: engaging design.
What works is good, integrated design that fills a need—carefully thought out, well executed, and tested.
― Steve Krug, Don’t Make Me Think: A Common Sense Approach to Web Usability
For many, the term website design triggers the idea of “a beautiful website.” As Steve Krug says, that’s not what good web design is truly about. It’s actually about how you guide visitors and potential customers through your website to find what they’re looking for. We’ve seen many beautiful websites that needed redesign… because they were beautiful but confusing, and not intuitive. Or a fantastic design, but the wrong context.
5 steps to a more engaging website design
So we’re in agreement, your B2B website needs more engaging design and you need a team of webpage designers.. Now what? It may surprise you but these 5 steps don’t have you “designing” at all. Even those of you who, like me, aren’t exactly artistic can get started on a design that draws your visitors in to your content!
Step 1: Get your audience personas on fleek
(Fleek … a Millennial term for flawlessly styled, on point … originally applied to perfect eyebrows)
As Krug stated, design is carefully thought out… that means your design is carefully thought out from your audiences’ point of view, by people who are professional designers.
Revisit how many different audiences you have and why they come to your website. With a B2B website, you probably have multiple audiences to consider: The CEO, the non-C suiter, maybe a few people in between, a purchasing manager and/or an end user. When each audience shows up, what are they looking for? What do you offer that makes you the best answer or choice?
Jot down what you know about who is a potentially great customer or referral source. Summarize what they’re looking for when they find you. Talk to your sales team, what are the most frequently asked questions? What are the results or outcomes your audiences want from what you provide?
Step 2: Get clear about your positioning
Your “wow!” should be one of the first things visitors see, along with a clear statement about what you offer.
Before designing get clear about your positioning within your industry. What makes you different? Why do people choose you over your competitor? And how do you best express that? The words and images you choose can transform your website from bland to memorable.
If you think your “wow” is “quality service” … I say go back to the drawing board. Dig deeper. What is truly unique about your what you do or sell and how do you best express that from your audiences’ perspective? (What’s in it for me?)
Step 3: Organize information in a hierarchy
Many B2B businesses make the mistake of dumping lots of information on their website without any structure to guide the visitor through. We’ve all seen it. Lists of products and services. Technical jargon. Don’t be that website.
Gather all of the current content on your website (photos, diagrams, pdfs, copy, sales info, more) and the information you’d like to add. Now sort it into buckets or categories based on your audience personas or based on the common reasons they have for wanting what you offer. Then, find buckets of content within each bucket. Do this sorting process as many times as it takes to create easy-to-follow paths from your home page to specific details.
Try and put yourself in the shoes of your audience–talk to your sales people about the way a sales conversation usually evolves. How do people decide? What are the triggers to buy? What factors will pull them in further to the sales conversation? Use those ideas to frame up the hierarchy.
Remember, the goal of your home page is to draw visitors into the next pages, the ones that will deliver what they are looking for.
Step 4: Map out navigation and your home page
You’re finally ready for a basic layout of your website. No, as promised you still don’t need to be an artist. Your main navigation is going to be your top level (big) buckets of information. The lower level (smaller) information buckets will become gallery pages, content pages, or separate pieces of information on a single, long page.
Choose the page type based on how much information you have in each small bucket and how much emphasis you want to put on that information. And … get away from the old-style boxy, squared off websites to make full use of your images and text on a large monitor.
Now that you have your navigation set, figure out how your home page will reflect that navigation. Put your “wow!” factor at the top. Use pictures that tell a story instead of just showing off your products or plant. Whether you choose to do a slider of images, a single main image, or a banner make sure the image and the text work together to present your wow at a glance.
Don’t forget your mobile viewers! Put contact information at the top to make it easy to reach you. The structure of the rest of your home page is completely dependent on what you offer and the navigation you’ve chosen.
Need an example? Check out the McMinnville Economic Development Partnership (MEDP) website. The home page slider starts with the wow: Exceptional performance. Enviable lifestyle. The navigation is based on their four different audiences.
When you click through the four, audience-focused tiles on the home page, you get to a category page which links to the next set of information specific to that category. Clicking on a blue tile gets you to a content page. Sidebar navigation makes other parts of the category easily accessible without deterring visitors from their current path. Layered navigation also keeps the focus on the four main categories. It provides quick access to an information-rich site.
Step 5: Design the layout for each page type
With your navigation and home page in place, you will know how many different kinds of pages you need. Do you need a category page? A content page? A team page? A photo gallery? Each page type needs a layout template. Each layout will be designed using the same process you followed for the home page.
Decide what needs to be at the top and work your way down. This is where some design knowledge is useful. It helps to know what should be a button, a colorful badge, or text with links. Don’t “dead-end” visitors on a page. Ensure there is a next step or call to action on each page.
As you work through your pages, keep basic website design standards in mind, such as easy-to-read font size, mobile-friendly, clear calls to action… You can make it easy on yourself and download our website essentials checklist:
Bonus step: Choose photos that are meaningful to your audiences
Although the tendency on many B2B websites is to show pictures of the products, in many cases these photos are meaningless to the visitor. Manufacturing heaters? Showing a big blue box doesn’t solve the visitor’s problem or help them understand which model to buy. Proud of your facility? An aerial photo of a giant roof and parking lot doesn’t inspire response from your visitors.
Choose your images carefully. Our brains process pictures 60,000 times faster than words. Your pictures should communicate user-focused information or results customers want from your products or services. Save the product shots for the specifications pages.
Time for the extinction of lame B2B websites
This is a call for the end of the expected, boring, impossible to navigate, information overloaded B2B website. Today your website–whether you’re marketing to consumers or to other businesses–is the center of your marketing. It can build your brand reputation. It can deliver warm leads to your sales team (see our posts on inbound marketing). Stop losing out on business opportunities with a website that doesn’t engage your potential customers. Stop damaging your credibility. With a lot of thought and a hint of creativity, you can be the one fulfilling your audiences’ expectations… and closing more business.