Purpose-Driven Web Design for B2B Brands
Design is about more than color schemes and typefaces.
We use design to align the needs of your audiences and users with your business goals, ensuring that every interaction is consistent and facilitates a deeper, long-term relationship with your brand. Walker Sands designers work closely with your team to understand who we are communicating with, what we want them to feel, and how we can strategically apply design principles to create experiences that will resonate.
If you are ready for a website redesign or creating a new business website from scratch, we’ve put together a guide to help you create an effective and successful web design. This tip filled guide covers the following seven areas of concern:
- Aligning the website to your company’s business goals
- Aligning the design to your user’s needs
- Creating a professional design
- Designing pages that lead to conversion
- Search Engine Optimizing the design
- Using best-practice design elements
- Designing for future growth
Align the Website to Your Company’s Business Goals
First and foremost, your website needs to be aligned to your company’s business goals. For a business website, the most common goals are:
- Generating and nurturing leads
- Establishing credibility
- Demonstrating industry thought leadership
- Supporting sales efforts (direct and indirect)
The design and placement of your messaging, content and how users interact with features has a tremendous impact on meeting business goals.
- Every page should have at least one above-the-fold, obvious call-to-action that’s associated with business goals
- Help fill your sales funnel by incorporating newsletter sign-ups, contact forms, whitepaper downloads
- Tagline should make your company’s purpose clear.
Align to the User’s Need
Visitors to your website have their own business needs. Depending on the circumstances of how they reached your website, they will often have different goals in mind. Their needs may be different depending on where they are in the sales/revenue cycle.
Making it easy and quick for users to find the information they are looking for is critical for success. Often just including your company’s phone number where it’s expected to be can help make the phone ring.
- Have a clean looking and obvious main navigation that at-a-glance lets users know what your companies does and where to find the information they are looking for.
- Prominent phone number on every page, and/or distinct “contact us” link on every page
- Use terminology that your customer speaks, not the way your employees do.
Professional Website Design
The design should be industry appropriate and accurately reflect the company’s brand. It should appeal most to the target audience. It should set your company apart from the competition, but shouldn’t stray from what’s expected in your industry.
No matter what page a user enters your site on, it should be readily apparent to the visitor what type of business your company is in, and what value it provides. Visitors tend to quickly scan the page when they first land on your website. First impressions will likely come from your logo, tagline, main navigation elements, images and calls to action.
- Use a creative brief to communicate the brand identity and target audience to stakeholders and the designers.
- Use white space around elements such as the logo, tagline and text to help create a cleaner less cluttered design.
- Font size and spacing should make text it easy to read.
- Text-to-background color contrast ratio is enough to make text easy to read.
- Imagery should resonate with target audience.
Design for Conversion and Lead Generation
Design with the end-game in mind. Ask yourself, “What actions do we want users to take?” Make these tasks the most obvious and easiest to accomplish. Users should be directed or guided to take a path that leads to a reaching one of your company’s business goals.
Draw attention to and make visitors want to click on your calls to action. Your calls to action should use action or end user benefit terms such as “Get a Quote”, “Register Now!” or “Download White Paper” instead of “learn more”, “click here” or “submit.”
Once a user gets to a form, only collect the minimum information necessary to complete the transaction. Only include fields that you need, not what you want. Long forms can often be a barrier to completion, so keep them short. Also, users filling out forms should have all information readily at hand, so don’t ask for something they will require them to leave your page to look up.
- Keep the primary calls-to-action above the fold. Don’t make a user scroll to see them.
- Use strong action oriented terms that align to tasks users want to complete.
- Use attention getting typography, colors and/ or imagery to get your call-to-action noticed.
- Design with quick page load time in mind. Don’t make potential customers wait.
Optimize for Search (SEO)
Your potential customers are using search to try to find solutions to their business problems. A great way to grow your business is to attract customers before they are aware of your company. Having great rankings for the search terms your customers are searching for can build brand awareness and give you the opportunity to reach them first.
The design of your website can impact your search rankings. Extensive use of flash for delivering content and for navigation may look great, but it causes problems for search engines.
A proper balance between visual design and SEO should be a design goal.
- Avoid using flash for primary content delivery and navigation.
- Use text links instead of images for your navigation.
- Have many (25-50) links from your website’s homepage to content deeper in the website.
- If the company has a local presence, the company’s address and local phone number should appear on the homepage (in text, not in an image).
- Interior pages should have category or related navigation to other pages on the website.
- Design for on-page content hierarchy. Visually distinctive page heading and sub-headings.
Utilize Best Practices for User Interface Elements
Websites that are easy-to-use often place and use elements that users are familiar with. After using the web for years, your customers have trained themselves to expect to find certain items in certain places on websites.
- Use a tabbed main navigation, most often horizontally near the top of the page
- Place Contact info, such as a phone number or contact link in the upper right corner
- Clicking on the logo, should take user’s to the homepage
- Subscribe link to your RSS feed should use some variation of the RSS logo
Design with Room to Grow
Your business is likely to evolve and grow in the months and years after your design goes live. The designer should allow for this inevitability.
The homepage should have an area that updates regularly. News, events, new products, promotions, etc. The design should allow for content in these areas that isn’t the exact same size every time it changes.
It should also be easy for you to make changes as your business grows. You shouldn’t have to always contact a designer to make a new navigation element if you add a new page or category.
- Leave room in your main navigation to add at least one more category.
- Use text links for navigation. This allows the company to easily change the text of links or add new page links.
- On interior pages, the space allocated for links to other related pages should not be completely fixed in size. It should allow the addition of or removal of new links
At Walker Sands, we utilize a web design and development process that incorporates all these elements, and more, to help us build successful websites that meet or exceed the business goals of our clients.
Intentional Website Design Services that Inspire Action
The Walker Sands design team understands how B2B buyers consume information. Working in collaboration with content strategists, developers and project managers, we ensure that your copy, images, videos and illustrations are easily navigated, absorbed and acted upon.
Walker Sands designers are here to enhance your:
- Logo and Identity Systems
- Template Development
- Strategy and Positioning
- User Experience
- Information Architecture
- Website Design
- Conversion-optimized Landing Pages
- Digital Strategy
- White Papers
- Data Studies