Inbound Marketing + Sales Blog

January 21, 2016

6 Incredible Examples of B2B Web Design

Written by: Olivia Perek  |  Share:

b2b_web_design_examples.jpg

We’re obsessed with web design here at New Breed and rightfully so. Design and development have drastically evolved over the past couple years leading to some unique modern design trends–and that makes our job a lot more fun. Today B2B sites are colorful and use advanced functionality to captivate and convert visitors into leads. Not only that, but they create a narrative your prospects want to read and give the company life.

Now, I may not be a designer/developer, but I still love a well-designed website–and I love searching for them. Patrick, our CEO, recently discovered a site called Crayon. Crayon is the “most comprehensive marketing inspiration search engine.” So, of course, I spent an embarrassing amount of time checking it out and discovered some new (and old) B2B companies with incredible websites.

Let’s check them out!

1. Zendesk

zendesk_homepage.png

Why we love it: Advanced animation

Motion attracts attention and Zendesk has done a phenomenal job adding in subtle, yet advanced, animations across their site. They utilize animations for a number of reasons: to draw attention, increase the user's experience and have fun. Animations, like the alligator on their Overview page, help to establish a personality for the company, which can be difficult to do as a software-as-a-service (SaaS) company.

2. Quid

quid_homepage.png

Why we love it: Functional minimalism

In 2015, we saw a trend toward minimalism–in other words, using only the essential elements on-page. Minimalist design is particularly helpful in decreasing load time and increasing readability–in Quid's case, it also helps you scan through the site and still leave with an understanding of their product. Not only does a minimalist style help UX, but also adds sophistication. Quid doesn't clutter their pages and uses increased size and asymmetry to make small bits of content captivating.

3. Pulse 220

pulse220_homepage.png

Why we love it: Card layout

Popularized by the mobile movement, card layouts are a great way to concisely present content in an organized and user-friendly way. Pulse 220 uses the card layout a couple different ways: to present case studies and their team. I love card layouts because (for me) it's a prerequisite to display a minimum amount of information about what I'm clicking into in order for me to actually click. With card layouts, like Pulse 220's, you're presented with general, relevant information that helps you determine if you really want to continue reading (like topic tags for a case study or the role a person plays in the company).

Download our free eBook to learn how to make your website a more effective lead  generation tool.

4. Dstillery

distillery_homepage.png

Why we love it: Long scrolling (to the next level)

It is a complete and total myth that users don't scroll and with mobile usage surpassing desktop, long-scrolling pages are one of the most popular design trends today. Long scrolling helps to increase the user experience on both desktop and mobile while giving the company a chance to tell their story. Dstillery takes long scrolling to the next level with fixed, long scrolling. That means, there are static elements on the page, but the main content changes as you scroll down, but the page never moves. It's revolutionary and changing product marketing.

5. Yapstone

yapstone_homepage.png

Why we love it: Captivating photography

I've never heard of Yapstone before, but the whole reason I found the site is due to its screen-sized, beautiful photography. When I was perusing Crayon, I scrolled by and then back to a small thumbnail of Yapstones' homepage–all I saw was a photograph of a stylish woman sipping out of a small teacup. But it wasn't just the content, it was how the photo was composed. As I navigated to the site and starting exploring, I realized the whole reason I stayed was because of the photography. It truly is incredible what quality photography can do for visits and conversions.

(By the way, you must check out their About Us page. It truly is unique.)

6. Grammarly

grammarly_homepage.png

Why we love it: Flat design

Now, we love the Grammarly site for a lot of reasons, some of which I've already discussed (long scrolling, functional minimalism, and animation). But the biggest reason is the use of flat design. Not just flat design, but design that fills up the entire screen. The laptop on their site uses flat design, which helps with load time and responsiveness for mobile devices.

Alright, so I could go on and on showing the best B2B website design out there, but I know you've come across some great sites in your day. What sites do you love and what makes them so loveable? I'd love to hear (and see) about your aspirational websites–there are so many out there.

Happy designing!

The design elements of your website aren't the only aspect you should consider. Next, learn how to turn your website into an effective lead generation tool by integrating conversion optimization. What's conversion optimization? Download the eBook to find out:

Lead Gen Machine guide download button 

 

Topics: Website Strategy

About The Author

Olivia is a Principal Inbound Strategist who focuses on lead generation and marketing and sales alignment. She excels at helping clients identify, build and execute scalable demand generation strategies using the HubSpot ecosystem.

Ready to transform your current marketing + sales teams?  Request a free assessment and get started today. Free Consultation