Headed to INBOUND '16? We'd love to connect with you!  Meet With New Breed

New Breed Blog

Get Blog Updates

6 Incredible Examples of B2B Web Design

Olivia Perek
Jan 21, 2016 9:30:00 AM  |  Olivia Perek

b2b_web_design_examples.jpg

We’re obsessed with Web design here at New Breed, and rightfully so. Design and development has 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

zendesk_homepage.png

Why we love it: Advanced animation

Motion attracts attention and Zendeck has done a phenomial 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

quid_homepage.png

Why we love it: Functional minimalism

In 2015, we saw a populationization of 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

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 a 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 mininum 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 help 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

distillery_homepage.png

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

It is a complete and total myth that 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 scolling. 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

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!

 

Growth Driven Design eBook: Reboot Your Website Into a Lead Generation Machine

 

Design
Business2Community
User Experience

Comments

Comments

Olivia Perek

This post was written by Olivia Perek

Olivia is an Inbound Marketing Strategist with a focus on lead generation and marketing + sales alignment. She's a rockstar at helping our customers build their HubSpot database and marketing processes while coming up with fresh ideas to generate qualified site traffic and leads. Her main goal is to help both customers and New Breed reach their marketing and revenue goals.

Connect with Olivia

    Inbound-Marketing-Guide