Inbound Marketing + Sales Blog

January 21, 2016

6 Incredible Examples of B2B Web Design

Written by: Olivia Perek  |  Share:


We’re obsessed with Web design here at New Breed, and rightfully so. Design and development have drastically evolved over the past couple years making it possible to create beautiful and innovative sites for companies–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 tell a story and give the company life.

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

Now, I may not be a designer/developer but I love myself 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) companies who have incredible websites.

Let’s check ‘em out!

6 Companies with Incredible B2B Web Design

1. Zendesk


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 the Overview page, help to establish a personality for the company which can be difficult to do as a software-as-a-service company.

2. Quid


Why we love it: Functional minimalism

In 2015, we saw 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 the pages and uses increased size and asymmetry to make small bits of content captivating.

3. Pulse 220


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 minimum information about what it is exactly 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).

4. Dstillery


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 a story, 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 are you scroll down, but the page never moves. Its revolutionary and changing product marketing.

5. Yapstone


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


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!

Lead Gen Machine guide download button 


Topics: Website Strategy

About The Author

Olivia is a Principle Inbound Strategist who focuses on lead generation and marketing + sales alignment. She excels at helping clients identify, build and execute scalable demand generation strategies using the HubSpot ecosystem. Her results-driven approach helps clients move the needle on key initiatives while accurately tracking campaign performance to optimize and evolve their marketing strategy as they grow.

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