The 15 best “Meet the Team” pages that I have ever seen

I have worked on many websites on which the “Meet the Team” pages have quite standard. But I think it’s a big missed opportunity for your brand if you don’t try to get a little creative, or at least make sure that the page is appealing and up to date.

A customer that I worked with had spent the time to adapt the image of all with animated branding elements. Regardless of whether it is investors or customers, people visit the meetings on the team page to get a feeling for who they are as a company. It is an opportunity to set faces for names and give your brand a more human element.

With lifting spots drag-and-drop website builder, creating this page is easy, uncomplicated and very customizable. You can present your team members with a personal touch and make it easier for visitors to connect with their company.

But what should the page look like? Here are some of the best examples that I have seen to give you inspiration.

1. Humaan

Humaan did a great job in the area of “Meet the Team” on her “About” page. The photos are professional and consistent in style, with names and roles that are clearly labeled.

But you really brought it to the next stage with various group recordings of the rest of the site and showed that the team has fun with the concept.

Why I think that works: It fits perfectly with the “digital products. Human experiences”. Slogan and the motion scroll effects on the page are the cherry above. Branding and positioning on the rest of the website also remains loyal, which enhances users a consistent experience and the entire brand values.

2. Fish finger

Fishfinger is a creative agency, and their meetings on the team page strengthen this fact and is an excellent showcase of the team’s talent.

When I scrolled on your page “About”, every charter gives a certain team member with a full -screen motif with an animated cartoon and a personalized description and a section “Favorites”.

Why I think that works: As a creative agency, Fishfinger uses every opportunity to present their skills. But it is also an opportunity to give the brand a very human element, especially when personalizing every description.

One person may have a paragraph “entitled to fame”, while another department “Favorite Film Tom Hanks” is. I also like the measure of interactivity and on-page animations to increase the commitment.

3. buffer

As a larger company, buffer does not focus on individual head shots and profiles. But they find a unique and clever way to highlight the distant nature of their workforce and their global presence.

The meeting of the team department shows how many team members you have and how many countries, while a spinning globe with head shots emphasizes the point well.

Why I think that works: If I would apply for a job at Buffer and visit this page, I would immediately get a feeling for how you work as an employer and your values. For other visitors, the copy shows how long -distance work is integrated into the company’s values and operations.

4. Gitlab

Despite the size of the team, Gitlab lists all employees on the team page. However, you will avoid problems with the user experience by providing a filter option at the top of the page.

The profile of each team member contains an optional head shot, a list of skills and a link to its LinkedIn page.

Why I think that works: This is a great way to emphasize the broad specialist knowledge and technical skills within the entire team, an important factor for a technically oriented company. But I like that you also use visuals to give the BIOS a human touch.

5. Major Tom

Major Tom is a brand and marketing agency and you keep her beautiful and easy with your section “Meet the Team”.

Head shots are consistently designed and caps are only minimal with a name and a title for a really clean look.

Why I think that works: For me, the value of this meeting on the team page is how you created the rest of the page around you. On the whole side of employees you have videos that highlight the values and commitment of the company for service levels, including what you do unique with which you can work with.

Video is a great way to increase the commitment on one side that can sometimes fall a little flat without additional creativity.

6. Ideo

With his meeting on the team page, Ideo gets many things right. Everything is made consistently and you have even added micro interactions that highlight the team member and turn the picture into a slightly different version. So it almost looks like the team member had just smiled at them when they float over them.

They also provided a filter like Gitlab so that you can search the expertise that brings every tour to the table – an important element for a company that is based on its human capital for distinction.

Why I think that works: The site is a perfect mix of good information and micro -interactions to increase the commitment. It is involved without overwhelming and helps every team member Shine to promote the trust of the users.

7. Crowd

At first glance, Crowds Meet The Team page looks pretty simple. They used classic black and white treatment for team headshots and provided their titles.

But when I scrolled, I noticed that they added tiles to present additional information on how many languages are spoken in the entire team – perfect when your company is trying to attract international customers.

After I scrolled a little more, I realized that when I hovered through a team member, I went through a number of personal recordings from home at home and pets to vacation and hobbies. It ends with some quick spheres of personal information.

Why I think that works: It was a really nice surprise to come across these micro interactions when I leafed through what I thought was a fairly simple design for the first time. I think it’s a perfect example of how you can build the “joy of the user” into your web design.

8. Lush

As a large retail organization, Lush only focuses on managers and board members on the team page. The page has a beautiful split screen layout with just the right section that contains the team BIOS that is moved on scroll.

The BIOS contain many details, including anecdotes, when they work at Lush, quotes from the team members and a story of their time in the company. Some of the members of the Executive Leadership team began in entry positions in the company and worked upwards so that their biography focused on this trip.

Why I think that works: Instead of shy away from detailed BIOS and a lot of copy, Lush decides to present their meetings on the team page almost as an extended editorial article about the members of the management team. For investors, potential employees and customers, it is an excellent opportunity to experience the values of the company’s decision -makers as well as the overall position and vision of the brand.

9. Monzo Bank

I have many very creative, sometimes quirky examples on this list. But that’s not the right approach for every brand. The Monzo Bank keeps it very easy on your team page with a headshot, a name and a role for every member of your management team.

They still keep the styling of every photo in relation to the frame and use of a blurred background.

Why I think that works: In this case, the goal is to build up the trust of the brand and present those responsible. As a financial service company, this is more important for the Monzo Bank website than the decision for conspicuous animations.

10. Adchitect

When I loaded the page on the Adchiteken website, a full picture with a customer testimonial was invited before I went over to the rest of the page and show the team. As someone who always tries to find creative ways to put websites of social evidence and bring to the center, I thought that this was a really clever game.

The Executive team is highlighted with a beautiful, clean set of tiles with consistent images, names and roles.

It is nothing special, but I really liked that another scroll has brought me to an extended list of other team members.

This list contains pop-up-animated cartoon graphics that are personalized for each team member and a link to your LinkedIn profiles. I think it is a great way to use pictures for a human touch and still present the rest of the team without an endless scroll through a network of tiled head shots.

Why I think that works: Between the certificate of the customer, the management images and the clever animations in the profiles of other team members, I really liked how Adchitects made this an interactive and appealing area of your website.

11. Series eight

There was a lot going on when I loaded the approximately side of the series eight, a web design agency.

In each scroll, micro interactions and animations are displayed, from a full screen logo on the first page to bouncing smiley-face emojis.

But the most impressive animation is in the meeting in the team section, which, although I had to scroll quite a lot, to get there, did not disappoint.

If you load every series of team members, it looks like the graphic versions of your head shots are pulled in front of you in real time. The yellow accent on everyone is also a nice use of branding.

Why I think that works: The About Page shows a lot. It contains prize settlers, customer statements and a short founder history. The use of animations in the “Meet the Team” section is really unique and they do not overwhelm by adding biotext or grid lines, which the design really keeps clean.

12. pitch

Pitch is a SaaS entry in a list that contains many creative agencies in the mix. Instead of sticking to a mesh style, your pictures are stacked irregularly, but all have the same interesting color treatment.

When I hovered over a picture, I could see the name, the role of the person and a link to your LinkedIn page. Below are pictures of the team at work, at social events and pictures of personal elements such as pets.

Why I think that works: Pitch has decided to keep your headshot area very easy, but still found a way to present the team and the corporate culture with a gallery below on the page. I have worked with many SaaS companies, and only a few can increase this balance between professional and personally.

13. Dapper agency

Dapper is another example of how animations and micro interactions are used well. The About Page was invited to a video of the team in the hero. When I scrolled, the video was expanded to fill the screen before continuing to meet the team section.

The meeting with the team section begins with a heading that clearly determines who the company is and what you do. It also uses a staggered layout instead of a standard raster, which is interesting.

When I hovered through a team member, the website lifted her out with a side tilt and gray of the other profiles. I also got a small pop-link link symbol that I can click on your profile.

Why I think that works: There is a nice mix of video content, pictures and text on Dapper’s About Page. The user moves to display the “Meet the Team” section, but uses the property of the page very much to present their values and strengthen their general brand positioning.

14. Zoocha

Zoocha shows that you do not have to go into the team page with unique animations.

I loaded the page and found a relatively standard head gristher grid, albeit with consistent and brand-non-notes. After a scroll, I noticed that they had added a few “office doggo” profiles to the section.

Why I think that works: I like that because it is a great example of how even the little things can make a big difference. Something as simple as the team’s pets made the site feel more human for me and let me continue scrolling.

15. Snyk

Sometimes I am undecided to have the left to LinkedIn sites of the people on a team page. On the one hand, it is an easy way for people to connect with team members. But it leads people from their website. I also like that people can click more about them without overloading the page with organic copy.

Snyk marries both concepts with a simple micro interaction.

In addition to a picture raster that contains links to LinkedIn BIOS, I could click on the “Bio” symbol and the picture would reveal a short section over the background of the team member.

Why I think that works: When I have to make a website design decision that has to compensate for the optimal content on one page, I inspire designs like Snyk’s Meet the Team page how I can achieve this with very simple techniques. Regardless of how a user wants to interact with a single team member, there are all options without affecting the appearance of the ordinary network design.

Best practice “meet the team” page “

The examples that I collected came to like a lot. That’s why I translated the best parts into some Best Practices that you can use on your own team page.

Use high -quality pictures.

I saw how pictures were taken on the team pages on which pictures have different contrasts, some more zooming than others, and there is even a random black and white shot in a sea of color.

In my opinion, it is worth using a professional headshot provider or graphic designer in order to keep the pictures of high quality and consistent. If you simply raise the LinkedIn profile photos of the people, the design can look pretty chaotic and distracting.

So keep in mind that the consistency over the image quality, treatment and dimensions maintains. If this is difficult to achieve, you can go the illustration route like some of my examples.

Be consistent.

Consistency applies to all elements of the page and the team member -BiOS, not just to pictures. From the user perspective, inconsistency looks confusing and can reduce trust that you want to build in your brand.

Some time ago I had a customer who had BIOS for every team member who was completely inconsistent. Some were much longer than others, some exchanged personal information and others. It was not a good look, so we spent the time to homogenize the style of every biography for a better consistency.

And it doesn’t just make your site look better. Consistency also becomes an increasingly important part of the brand value. One 10-year study found that its importance rose from 25% in 2014 to 36% by 2024.

Write convincing employee descriptions.

At least I recommend that each member’s profile includes a photo, a name and a job title. However, a biography adds a completely different level of human connection and social evidence for users. I am particularly interested in including BIOS for executive team members, even if not for the rest of the team.

The highlighting of the background, the skills and experience of a person creates trust. It is particularly important for companies in universities, large multinational companies that focus on investor relationships and companies in which human capital is part of their unique selling point.

If it fits your overall brand, I would recommend having a little fun with the BIOS and adding some personal data or funny questions about Q&A style.

Enter social links.

If you use social links in people’s BIOS, I recommend that you only stay with LinkedIn. As a professional network, you can worry less about personal information or opinions than with X or Instagram. However, social links are useful, especially for strengthening customer relationships in a B2B environment.

For example, a long -term customer wants to connect to his account director, and it is a great way to promote continued relationship structure and the loyalty to the brand. In fact, 66% of experts say that they are more likely to have a probability Recommend a brand If they followed one of his managers on social media.

Present personality.

As you can see from the unprecedented list, there are many ways to do this. Even if your brand is not “funny” or “quirky”, there is space to share the human side of your business.

My personal favorite from the examples were the teams who shared photos of pets or videos of team trips as part of the overall page.

Even design effects can be enough to give the overall side or the individual profiles a little more personality. It helps to make your site, your team and your values more unforgettable for potential customers.

Show your team stylish.

“Meet the team” sides because people like to buy from real people.

But the style you choose should also come from your core mission and your core values. The page therefore helps increase it instead of getting together with you. That could mean super creative animations or a simple but consistent raster display.

In any case, visitors will appreciate that you can give your brand a face.

Note from the publisher: This post was originally published in December 2016 and updated for completeness.