The 15 greatest “Meet the Crew” pages I’ve ever seen

I’ve labored on many web sites which have fairly normal “Meet the Crew” pages. However I believe it’s an enormous missed alternative on your model in the event you don’t attempt to get somewhat inventive or, on the very least, be sure the web page is partaking and updated.

One consumer I labored with had spent the time to customise everybody’s picture with animated branding components, for instance. Whether or not it’s traders or prospects, individuals go to the Meet the Crew web page to get a way of who you’re as a enterprise. It’s a chance to place faces to names and provides your model a extra human factor.

With HubSpot’s drag-and-drop web site builder, creating this web page is simple, easy, and extremely customizable. You’ll be able to showcase your group members with a private contact, making it simpler for guests to attach with your small business.

However what ought to the web page appear like? Listed below are just a few of the perfect examples I’ve seen to offer you some inspiration.

1. Humaan

Humaan has carried out an awesome job on the person “Meet the Crew” part on their “About” web page. The photographs are skilled and constant in type, with names and roles clearly labeled.

However they’ve actually taken it to the following stage with numerous group photographs all through the remainder of the web page, exhibiting the group having some enjoyable with the idea.

Why I believe this works: It pairs completely with the “Digital Merchandise. Human Experiences.” tagline and the movement scroll results on the web page are the cherry on high. It additionally stays true to the branding and positioning on the remainder of the web site, giving customers a constant expertise and reinforcing the general model values.

2. Fishfinger

Fishfinger is a inventive company, and their Meet the Crew web page reinforces that truth and is a wonderful showcase of the group’s skills.

Once I scrolled on their “About” web page, every scroll provides a full-screen dedication to a particular group member, full with an animated cartoon representing them and a customized description and “favourite” part.

Why I believe this works: As a inventive company, Fishfinger is utilizing each alternative to showcase its talents. However it’s additionally a chance to offer the model a really human factor, particularly with the personalization of every description.

One individual might need a “Declare to Fame” paragraph whereas one other has a “Favourite Tom Hanks Film” part. I additionally actually like the extent of interactivity and on-page animations to spice up engagement.

3. Buffer

As a bigger firm, Buffer would not give attention to particular person headshots and profiles. However they do discover a distinctive and intelligent solution to spotlight the distant nature of their workforce and their world presence.

The Meet the Crew part exhibits what number of group members they’ve and the variety of nations, whereas a spinning globe dotted with headshots emphasizes the purpose properly.

Why I believe this works: If I had been making use of for a job at Buffer and visited this web page, I’d immediately get a way of how they work and their values as an employer. For different guests, the copy highlights how distant working is baked into the corporate’s values and operations.

4. GitLab

Regardless of the massive dimension of the group, GitLab lists all its staff on the Meet the Crew web page. However, they get round any person expertise points by offering a filtering choice on the high of the web page.

Every group member’s profile incorporates an non-obligatory headshot, record of abilities, and a hyperlink to their LinkedIn web page.

Why I believe this works: It is a nice solution to spotlight the broad experience and technical talents throughout the complete group, an necessary issue for a tech-focused firm. However I like that they nonetheless use visuals so as to add a human contact to the bios, too.

5. Major Tom

Main Tom is a model and advertising and marketing company and so they maintain it good and easy with their “Meet the Crew” part.

Headshots are constantly styled and captions are minimal with only a identify and title for a very clear look.

Why I believe this works: For me, the worth of this Meet the Crew web page is how they’ve constructed the remainder of the web page round it. They’ve employee-led movies all through the web page highlighting the corporate’s values and dedication to service ranges, together with what makes them distinctive to work with.

Video is an effective way to spice up engagement on a web page that may typically fall somewhat flat with out some further creativity.

6. IDEO

IDEO will get loads of issues proper with its Meet the Crew web page. All the things is constantly styled, and so they’ve even added microinteractions that highlights the group member and flips the picture to a barely totally different model, so it nearly appears just like the group member has simply smiled at you as you hover over them.

Plus, like GitLab, they’ve offered a filter so you possibly can browse the experience every lead brings to the desk – an necessary factor for a enterprise that depends on its human capital to distinguish.

Why I believe this works: The web page is an ideal mix of excellent info and microinteractions to spice up engagement. It engages with out overwhelming and helps every group member shine to drive person belief.

7. Crowd

At first look, Crowd’s Meet the Crew web page appears fairly fundamental. They’ve used a basic black-and-white remedy for the group headshots and offered their titles.

However after I scrolled, I seen they’ve added tiles to showcase further info like what number of languages are spoken throughout the group – good if your organization is making an attempt to draw worldwide shoppers.

As soon as I scrolled a bit extra, I noticed that after I hover over a group member, the photographs flip by a sequence of private photographs from residence life and pets to holidays and hobbies. It finishes with some fast bullet factors of private info.

Why I believe this works: It was a very nice shock to come back throughout these microinteractions as I scrolled by what I first thought was a reasonably fundamental design. I believe it is an ideal instance of how one can construct the “delight the person” idea into your internet design.

8. Lush

As a big retail group, Lush focuses solely on government management and board members on the Meet the Crew web page. The web page has a pleasant split-screen format with solely the best part containing the group bios shifting on scroll.

The bios include loads of element, together with anecdotes from working at Lush, quotes from the group members, and a historical past of their time on the firm. A number of the government management group members began in entry-level positions on the firm and labored their method up, so their bio focuses on that journey.

Why I believe this works: Somewhat than shying away from detailed bios and plenty of copy, Lush chooses to current their Meet the Crew web page nearly as an prolonged editorial concerning the government management group members. For traders, potential staff, and prospects alike, it’s a superb solution to study concerning the values of the decision-makers on the firm and the general positioning and imaginative and prescient for the model.

9. Monzo Bank

I’ve obtained loads of extremely inventive, typically quirky examples on this record. However that isn’t the best strategy for each model. Monzo Financial institution retains it very simple on their Meet the Crew web page with a headshot, identify, and function for every member of their management group.

They nonetheless maintain the styling of every picture constant when it comes to framing and using a blurred background.

Why I believe this works: On this occasion, the purpose is extra about constructing model belief and showcasing the individuals in cost. As a monetary providers firm, that is extra necessary for the Monzo Financial institution web site than choosing flashy animations.

10. Adchitects

Once I loaded the About web page on the Adchitects web site, it first loaded a full display exhibiting a buyer testimonial earlier than transitioning to the remainder of the web page showcasing the group. As somebody who’s all the time looking for inventive methods to place social proof entrance and middle on web sites, I assumed this was a very intelligent play.

The manager group is highlighted with a pleasant, clear set of tiles that includes constant photographs, names, and roles.

It’s not something fancy, however I actually favored {that a} additional scroll took me to an prolonged record of the opposite group members.

This record consists of pop-up animated cartoon graphics personalised for every group member and a hyperlink to their LinkedIn profiles. I believe it’s an effective way to make use of photographs for a human contact and nonetheless showcase the remainder of the group with out an countless scroll by a grid of tiled headshots.

Why I believe this works: Between the shopper testimonial transition, management photographs, and intelligent animation on the profiles of different group members, I actually favored how Adchitects has made this an interactive and interesting space of their web site.

11. Series Eight

There was loads occurring after I loaded the About web page of Collection Eight, an online design company.

Microinteractions and animations seem on each scroll, from a full-screen emblem on preliminary web page load to bouncing smiley face emojis.

However essentially the most spectacular animation is within the Meet the Crew part which, despite the fact that I needed to scroll fairly a bit to get to it, didn’t disappoint.

As you load every row of group members, it appears just like the graphic variations of their headshots are being drawn in entrance of you in actual time. The yellow accent on every can be a stunning use of branding.

Why I believe this works: The About web page highlights loads. It consists of award wins, buyer testimonials, and a short founders story. Using animation on the Meet the Crew part is actually distinctive and so they don’t overwhelm by including bio textual content or gridlines which retains the design actually clear.

12. Pitch

Pitch is a SaaS entry in an inventory that has loads of inventive businesses within the combine. Somewhat than sticking with a grid type, their photographs are stacked irregularly however all have the identical fascinating coloration remedy.

Once I hovered over a picture, I might see the individual’s identify, function, and a hyperlink to their LinkedIn web page. Additional down the web page are photographs of the group at work, at social occasions, and photos of private components like pets.

Why I believe this works: Pitch has chosen to maintain their headshot part quite simple, however nonetheless discovered a solution to showcase the group and firm tradition with a gallery additional down the web page. I’ve labored with loads of SaaS corporations, and few can strike this stability between skilled and private so properly.

13. Dapper Agency

Dapper is one other instance of find out how to use animations and microinteractions properly. The About web page loaded with a video of the group within the hero. As I scrolled, the video expanded to fill the display earlier than I scrolled additional all the way down to the Meet the Crew part.

The Meet the Crew part begins with a heading that clearly re-states who the corporate is and what they do. It additionally makes use of a staggered format moderately than a typical grid, which is fascinating.

Once I hovered over a group member, the location highlighted them with a aspect tilt and grayed out the opposite profiles. I additionally obtained somewhat pop-up LinkedIn icon to click on by to their profile.

Why I believe this works: There’s a good mix of video content material, photographs, and textual content on Dapper’s About web page. It retains the person shifting to view the Meet the Crew part however makes nice use of the web page’s actual property to showcase their values and reinforce their total model positioning.

14. Zoocha

Zoocha shows that you don’t need to go all out with unique animations to make a Meet the Team page engaging.

I loaded the page and found a relatively standard headshot grid, albeit with consistent and on-brand images. After one scroll, I noticed they had included a few “Office Doggo” profiles in the section.

Why I think this works: I like this because it’s a great example of how even the small things can make a big difference. Something as simple as showing off the team’s pets made the page feel more human to me and made me want to keep scrolling.

15. Snyk

I’m typically undecided about having hyperlinks to individuals’s LinkedIn pages on a Meet the Crew web page. On the one hand, it’s a straightforward method for individuals to attach with group members. However it does take individuals off your web site. I additionally like that individuals can click on to study extra about them with out cluttering the web page with bio copy.

Snyk marries each of those ideas with a easy microinteraction.

Alongside a picture grid that incorporates hyperlinks to LinkedIn bios, I might click on the “Bio” icon and the picture would flip to disclose a concise part on the group member’s background.

Why I believe this works: When I’ve to make a web site design resolution that should stability having the optimum content material on a web page, designs like Snyk’s Meet the Crew web page give me inspiration for find out how to obtain this with quite simple strategies. Irrespective of how a person needs to work together with a person group member, all of the choices are there with out sacrificing the look of the tidy grid design.

“Meet the Crew” Web page Finest Practices

There was loads to love concerning the examples I’ve gathered up, so I’ve translated the perfect elements into some greatest practices you should utilize by yourself Meet the Crew web page.

Use high-quality photographs.

I’ve seen Meet the Crew pages the place photographs have totally different contrasts, some are extra zoomed in than others, and there’s even a random black-and-white shot in a sea of coloration.

For my part, it’s definitely worth the expense to make use of knowledgeable headshot vendor or graphic designer to maintain the photographs high-quality and constant. Once you merely carry individuals’s LinkedIn profile photographs, I discover the design can begin to look fairly messy and distracting.

So be sure to maintain consistency throughout picture high quality, remedy, and dimensions. If that is tough to realize, you possibly can go the illustration route like a few of my examples above.

Be constant.

Consistency applies to all components of the web page and group member bios, not simply photographs. From a person perspective, inconsistency appears complicated and may diminish the belief you’re making an attempt to construct in your model.

I had a consumer some time again who had bios for every group member that had been utterly inconsistent. Some had been for much longer than others, some shared private info and a few didn’t. It wasn’t a superb look, so we spent the time homogenizing the type of every bio for higher consistency.

And it doesn’t simply make your web page look higher. Consistency can be turning into an more and more necessary part of name fairness scores. One 10-year study discovered that its significance rose from 25% in 2014 to 36% by 2024.

Write compelling worker descriptions.

On the very least, I like to recommend that every member’s profile embrace a photograph, identify, and job title. However a bio provides a complete different layer of human connection and social proof for customers. I’m notably eager on together with bios for government group members, even when not for the remainder of the group.

Highlighting an individual’s background, abilities, and expertise builds belief. It’s particularly necessary for corporations in high-trust industries, massive multinationals that concentrate on investor relations, and companies the place human capital is a part of their distinctive promoting level.

If it suits along with your total model, I’d advocate having a little bit of enjoyable with the bios and including some private particulars or enjoyable Q&A mode tidbits.

Embrace social hyperlinks.

In case you’re going to make use of social hyperlinks in individuals’s bios, I like to recommend sticking solely with LinkedIn. As knowledgeable community, you possibly can fear much less about private info or opinions than with X or Instagram. However social hyperlinks are helpful to incorporate, particularly for bolstering consumer relationships in a B2B setting.

An extended-term consumer would possibly wish to join with their account director, for instance, and it’s an effective way to foster continued relationship constructing and model loyalty. The truth is, 66% of pros say they’d be extra more likely to recommend a brand in the event that they adopted one among its executives on social media.

Showcase persona.

As you possibly can see from the instance record, there are many methods to do that. Even when your model isn’t “humorous” or “quirky,” there’s room to share the human aspect of your small business.

My private favourite from the examples was the groups that shared photographs of pets or movies of group outings as a part of the general web page.

Even design results might be sufficient so as to add somewhat bit extra persona to the general web page or particular person profiles. It helps to make your web page, group, and values extra memorable for potential prospects.

Showcase your group in type.

“Meet the Crew” pages resonate as a result of individuals like to purchase from actual individuals.

However the type you choose must also come out of your core mission and values, so the web page helps to raise them, moderately than conflict with them. That might imply tremendous inventive animations or a easy however constant grid show.

Both method, guests will respect having the ability to put a face to your model.

Editor’s be aware: This submit was initially revealed in December 2016 and has been up to date for comprehensiveness.