“Meet the Team” Pages: Examples and Trends

Advertisement

In any industry where the people behind a company are as important as the company itself, you’re likely to find a kind of expanded “about” page that includes information on individual employees. “Meet the Team” pages are popular among web design and other creative firms, but are also found on sites within various other industries. These pages are a valuable addition to any site where human contact is an important part of the industry. It adds a personal touch to the company and can lend trust to visitors.

There’s suddenly faces behind the names, and it becomes a “real” company to the visitor, rather than just another website. This builds credibility for many, especially considering how concerned many people are with online scams and phishing schemes. Adding information to a website on a company’s key employees is a simple but effective way to make that company stand out in the mind of its prospective clients. Below are a handful of trends and some interesting examples of “Meet the Team” pages.

Trends

In reviewing “Meet the Team” pages, a few trends began to emerge. While some are present on almost every site (employee photos), others are used less often (animations). All were present on at least a handful of sites, though, and are worth mentioning.

1. Employee Photos

Virtually all of the pages included here have images associated with each employee. Most opt for photos of each employee, though some opt for avatars or other images to represent each person. This is a great way to let an employee’s personality shine through while keeping the design professional and consistent.

Object Adjective1 has a simple team page, with a photo and brief bio about each member, as well as their contact information and a link to their downloadable vCard.

Screenshot2

2. Social Media Links

Considering how many professionals are likely to have LinkedIn, Twitter, or other social media accounts, linking to those accounts can be a great way to let current and potential clients connect with employees. Some of the pages featured include only professional accounts, while others include virtually any account the employee has. Some sites use icons for each social media service, while others use text, or a combination of the two.

A word of warning, though: if employee accounts are going to be linked to a professional website, make sure the content they’re posting on those sites is appropriate and won’t damage the company’s reputation.

Chromatic3 only includes profiles for their leadership team. They include a pic and brief bio of each team member, as well as links to their Twitter and LinkedIn profiles. Each team member also has their latest tweet featured next to their profile.

Screenshot4

3. Unique, Humorous or Campy Features

A lot of the sites featured have unique, humorous or even campy takes on the more traditional “Meet the Team” format. For some, this is done through the employee photos, while others have added in additional content that lets team members better express themselves.

Be aware, though, of how this information can come across to professionals from different industries. What might be acceptable for a creative site might not go over so well in the finance or legal industries. It’s also important to consider how a site’s visitors will perceive a humorous or campy touch. While it adds personality, if overdone or done in the wrong industries, it can come across as unprofessional.

Th_nk5 uses animated photos for each of their team members, and modal windows to display information about each team member.

Screenshot6

4. Animations

A significant number of “Meet the Team” pages have incorporated some kind of animation into their designs. For most, this is done through employee photos or avatars, though some take it even further, with the entire page animated.

Ola Interactive Agency7 uses an animated meet the team page, with each team member’s photo part of the animation. Click on a team member and their profile appears, including links to their Twitter and LinkedIn profiles, and their email. It’s a very casual, fun page design.

Screenshot8

5. Expanded Profiles

While many sites opt to only include basic information about each of their team members, others opt to include extended profile information. For some, this is done through the use of sliders or modal windows, but for others it’s done on an entirely separate page. Extended profile information is a great way to give clients and prospects more insight into the employees behind a company.

9miles Media9 uses photos of each of their members, which, when clicked on, display each person’s profile information, including links to social media accounts. It’s a simple but effective design.

Screenshot10

More Examples

Below are twenty examples of great “Meet the Team” pages.

StationFour11
StationFour has a very clean and streamlined team page, though they inject a bit of personality by categorizing their employees as “The Chrises” and “The Non-Chrises”. They also include links to each employee’s LinkedIn profile, Twitter, and blog posts.

Screenshot12

Efelle Media13
This is another simple team page, with a brief quote about each team member. Also included are links to each member’s full profile.

Screenshot14

MW Design Interactive15
This is about as minimal as team pages get, with just a photo, name and title for each major member of the team.

Screenshot16

Wax Creative Design17
Wax Creative Design keeps each team member’s information organized with an unordered list, but also adds personality to their page by included each member’s favorite cupcake.

Screenshot18

HBCWeb.com19
HBCWeb.com keeps their meet the team page casual, with candid photos of each team member as well as a brief bio of each.

Screenshot20

Arc9021
Arc90 adds some punch to their meet the team page by having each team member’s photo change upon rollover from a straight-forward, business-casual-style pic to a candid shot. They also included a color-coded key for determining what each team member does.

Screenshot22

Wildbit23
Wildbit shows only one (random) team member’s profile at a time under the list of team members. They also include links to each member’s Tumblr, Twitter, and Flickr profiles, if applicable.

Screenshot24

AtlanticBT25
AtlanticBT has a number of interesting features on their team page. Each employee has a photo that, upon hover, slides down to show their name and position. There’s also a drop-down menu at the top that lets you switch between their main photos, action figures, sports teams, movie posters, and favorite foods.

Screenshot26

Blue Sky Resumes27
Blue Sky Resumes uses consistent photos for each of their team members, something that isn’t often seen. In addition to a bio for each team member, they also provide links to their Twitter and LinkedIn accounts.

Screenshot28

MetaBroadcast29
MetaBroadcast uses a straight-forward and simple design, with icons for social media accounts for each of their team members.

Screenshot30

2Cs Communications Ltd31
2Cs shows photos of their team members just below the header, with low opacity except for the active profile. Images also come into full color when they’re hovered over. It’s a great way to manage a large team, while still giving everyone equal space.

Screenshot32

glue Isobar33
glue Isobar uses animated pixel artwork for each of their team members and Top Trumps-style profiles appear for each when clicked on. It’s a really unique and fun design.

Screenshot34

CampaignMonitor35
CampaignMonitor uses brief profiles for each team member, accompanied by photos of each. What sets them apart is that in the background of each photo is a map, showing the location of each employee.

Screenshot36

WooThemes37
WooThemes uses a simple design that puts the focus on the founders of the company, but also gives plenty of space to the other team members. Links to Twitter and each team member’s blog are also included.

Screenshot38

nGen Works39
nGen Works uses a simple avatar/name/campy title format, with a link to more in-depth profiles for each team member. It’s unique and fun while also maintaining a professional appearance.

Screenshot40

BrightSpark41
BrightSpark uses a simple, one-column layout for their team page, with pics of each team member as well as a couple paragraphs about each.

Screenshot42

Etsy43
Etsy takes a unique approach to their team page by putting different departments into separate columns, and displaying photos of each team member within that department. Each photo then links to more information about that employee. It’s a neat format, since it gives an immediate impression of how large each department is (the Engineering department gets 3 columns, and Support gets 2).

Screenshot44

SmallBox45
SmallBox uses a simple grid of employee photos, each with the person’s name and title underneath. What sets them apart, though, are the individual team member profile pages. In addition to the usual bio information, they include each person’s top 5 strengths in “StrengthsFinder 2.0″. It’s an interesting and personal touch.

Screenshot46

Caxiam Group47
Caxiam Group is another site where the individual team member profile pages are what make it stand out. On these pages you can find a keyword cluster that describes the team member, as tabs that give information on their inspriations hidden talents, unknown facts, and more.

Screenshot48

Tumblr49
Tumblr has the simplest “Meet the Team” section of any site on this list. It just consists of the avatars of each of their employees, with a link to each person’s Tumblr blog. It’s simple but works well, considering what the company is all about.

Screenshot50

Footnotes

  1. 1 http://objectadjective.com/about/team/
  2. 2 http://objectadjective.com/about/team/
  3. 3 http://www.chromaticsites.com/about-us
  4. 4 http://www.chromaticsites.com/about-us
  5. 5 http://www.think.eu/who-we-are/our-people/
  6. 6 http://www.think.eu/who-we-are/our-people/
  7. 7 http://www.olainteractiveagency.com/
  8. 8 http://www.olainteractiveagency.com/
  9. 9 http://9milesmedia.com/about/
  10. 10 http://9milesmedia.com/about/
  11. 11 http://www.stationfour.com/about-s4/team.aspx
  12. 12 http://www.stationfour.com/about-s4/team.aspx
  13. 13 http://www.efellemedia.com/profile
  14. 14 http://www.efellemedia.com/profile
  15. 15 http://www.michaelwilliamswebdesign.com/about-new-york-web-design/about_team.asp
  16. 16 http://www.michaelwilliamswebdesign.com/about-new-york-web-design/about_team.asp
  17. 17 http://www.waxcreative.com/profile/team.php
  18. 18 http://www.waxcreative.com/profile/team.php
  19. 19 http://www.hbcweb.com/about/team/
  20. 20 http://www.hbcweb.com/about/team/
  21. 21 http://arc90.com/people/
  22. 22 http://arc90.com/people/
  23. 23 http://wildbit.com/
  24. 24 http://wildbit.com/
  25. 25 http://www.atlanticbt.com/employees.php
  26. 26 http://www.atlanticbt.com/employees.php
  27. 27 http://www.blueskyresumes.com/about-us/#our-team
  28. 28 http://www.blueskyresumes.com/about-us/#our-team
  29. 29 http://metabroadcast.com/team
  30. 30 http://metabroadcast.com/team
  31. 31 http://www.2cs.com/Meet-The-Team/
  32. 32 http://www.2cs.com/Meet-The-Team/
  33. 33 http://www.gluelondon.com/theteam.php
  34. 34 http://www.gluelondon.com/theteam.php
  35. 35 http://www.campaignmonitor.com/meet-the-team/
  36. 36 http://www.campaignmonitor.com/meet-the-team/
  37. 37 http://www.woothemes.com/meet-the-team/
  38. 38 http://www.woothemes.com/meet-the-team/
  39. 39 http://www.ngenworks.com/team
  40. 40 http://www.ngenworks.com/team
  41. 41 http://www.brightspark.com/team-corporate
  42. 42 http://www.brightspark.com/team-corporate
  43. 43 http://www.etsy.com/about.php
  44. 44 http://www.etsy.com/about.php
  45. 45 http://www.smallboxweb.com/about_small_box_web/our_team/
  46. 46 http://www.smallboxweb.com/about_small_box_web/our_team/
  47. 47 http://www.caxiamgroup.com/about/
  48. 48 http://www.caxiamgroup.com/about/
  49. 49 http://www.tumblr.com/about
  50. 50 http://www.tumblr.com/about

↑ Back to top Tweet itShare on Facebook

Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

Advertising
  1. 1

    This is a sweet article. A much undervalued part of a company’s message. I want more of these.

    0
  2. 52

    very nice

    0
  3. 103

    I got some ideas now, gonna create Our Team screen. Thanks for the inspiration guys!! Gud job!!

    0
  4. 154

    You can find a rather nice representation of the team on this page
    http://www.bossdev.com/#/who-we-are.html
    Thanks to flash, user can scroll avatars.

    0
  5. 205

    This is a trend we were particularly interested in when re-designing our own website. You can find out a lot about a company from their about pages. I also may be slightly biased but I like our about pages: http://www.foolproof.co.uk/our-people/management-team/. Also check out http://www.soup.co.uk/people

    0
  6. 256

    You forgot the best illustrated one. House Industries. http://www.houseind.com/contact/

    0
  7. 307

    Very good examples and good moment to finally redesign my Team page…

    0
  8. 358

    Went through this quick so not sure if this was mentioned http://www.joepublic.co.za/
    Seriously Awesome

    0
  9. 409
  10. 460

    This is a little bit of unsolicited promoting but I quite like my place of work’s people section. Some creative video ties in well with the theme of the website.

    http://h18.com/our-people/all

    1
  11. 511

    Dave Cartledge

    June 2, 2010 6:56 am

    Nice examples there :)

    I love this one personally: http://www.outsidethebox.co.uk/people/meet-some-of-our-people.aspx

    0
  12. 562
  13. 613

    We concentrated on the resizing feature on our contact page. I think it came out pretty good

    http://taiste.fi/#/contact

    0
  14. 664

    Oh geez, these are all great. Now I have to redesign our team page. Maybe someone out there will “like” ours, http://www.wisnet.com/team.iml, so I can spend more time creating team videos http://www.youtube.com/watch?v=BdNJz6n4F3c.

    Even the sites mentioned in the comments are great. I think smashing magazine should make a big glossy hardcover book showcasing all this magnificent team pages.

    What a fun article!

    0
  15. 715

    Duncan Buchanan

    June 2, 2010 3:44 pm

    Check out my mate’s company page. Animations of all the employees fall from the sky, and you can pick them up and throw them around… very cool!

    http://visualjazz.com.au/

    1
    • 766

      He, he this one’s really fun and great animations. Particularly like the guy with the light sabre.

      0
  16. 817

    I like this one as welll…..http://wildfireapp.com/buzz/team

    0
  17. 868

    I’ve been waiting for a post like this! I am currently doing out meet the team page, this will be great inspiration thanks!

    i would also advise checking out the meet the team website of Shaw Australia. a very classy and professional example shawaust.com.au

    0
  18. 919

    OMG this is some unique collection :-) I also liked few of the links that people have posted in comments. These kind of team pages talk so much about the company culture itself. It’s exciting to see sites experimenting this area too instead of always keeping it typical corporate. Awesomely thoughts!!

    deepikadutta.wordpress.com

    1
  19. 970

    I just wanted to add my company’s teampage for all of you to see. We are Dutch so you probably won’t understand the tekst, but the design speaks for itself ;)

    http://www.pangaea.nl/internet-team

    Let me know what you think about it :)

    0
  20. 1021

    this is the weakest post on smashing mag in years.

    these meet the team pages are absolutely pathetic. nothing new, nothing creative, plain boring.

    there are hundreds of better ones.

    -1
  21. 1072

    sandro @ guavestudios

    June 3, 2010 3:26 am

    i think ours with video statements from the team is also quite nice: http://www.guavestudios.com/#/team/our-team?l=de-de

    0
  22. 1123

    Bryon Leigh Reece

    June 3, 2010 1:38 pm

    I liked the flash site with the movement of the staff but some examples I visited were incomplete and should have not been listed as examples.

    0
  23. 1174

    I’ve always liked Fuse8. http://www.fuse8.com/people. They have the whole team’s baby/child photos as the profile pics.

    0
  24. 1225

    Another one example with funny pictures:
    http://every1knows.com/about/

    0
  25. 1276

    Not ever is a good idea to have a team page, only if your team is already fully stabilished and you wont have lots of updates, aditions and so one… for my company that is on it’s beginnig it’s even harder to have a page for the team, butthese examples are very good!

    0
  26. 1327

    We do a team page that first just has a line-up of everyone’s shoes, when moused over it shows head shots and a fav. link – http://www.pensardevelopment.com/#/culture/

    0
  27. 1378

    Hahaha. This article has reminded me of circa early 1990s when I was getting mentored by my old design boss about the merits of using staff photos in a magazine. My boss stated to the client, look unless your staff are celebrities or really good looking I would advise not to show them in the magazine. No one wants to look at ugly people. I still laugh when I think about the look on the clients face…

    0
  28. 1429

    This one from the Lost Boys is also pretty impressive!

    http://lbi.lostboys.nl/bedrijf/mensen

    1
  29. 1480

    You should take a look at http://www.electricbrandy.no/ as well… This agency are working in front of the live webcam :)

    0
  30. 1531

    Adii, you’re a douche not a rockstar. Knock it off.

    0
  31. 1582

    Danielle Molenaar

    June 4, 2010 5:53 am

    Not only cool but very inspirational, thanks Smashing!

    0
  32. 1633

    I loved it! And since we are making a few changes on our site, this really comes in handy, however I’m really proud of our About us page as it is: http://www.codemyconcept.com/about-us/

    Of course after reading this, we should start thinking bigger….

    0
  33. 1684

    Floris Fiedeldij Dop

    June 5, 2010 2:31 am

    Great to see a tweet suggestion about “meet the team” make it into an article ;-)

    In the mean time we’ve started with our first version of introducing our members to the community; example: http://wetalknation.net/team/79988-floris/

    0
  34. 1735

    Demircan Celebi

    June 5, 2010 9:27 am

    This is a nice example, too: http://myk-medya.com/biz-kimiz

    0
  35. 1786

    I like this “Who we are” page: http://web.burza.hr/en/who/is/njava/#leftCol

    0
  36. 1837

    Awhile back I ran across this site: http://www.silegal.com/attorneys/. If you click on one of the attorneys names it takes you to a bio of them. I really liked how they handled their pictures and bookmarked it for future inspiration.

    0
  37. 1888

    DazzleCat Digital Agency

    June 6, 2010 4:51 pm

    Fabulous inspiration here for our own About Us/Meet the team page. The arc design is my personal fav.

    0
  38. 1939

    Carsonified has a really neat team page.

    http://carsonified.com/team/ryan/

    0
  39. 1990

    Kenneth Dahlin

    June 7, 2010 5:16 pm

    the best one I have seen is still http://www.newgrounds.com/staff where it is presented as an oldschool game character select, like streetfighter. Check it out

    0
  40. 2041

    some are worth looking at but others are too poorly designed to make you want to read more….

    you may want to check out this one

    http://inbox-online.com/page/about/en/life.html

    0
  41. 2092

    i think another great people page is
    http://www.wearehughes.com/People.html

    0
  42. 2143

    Nice idea, but the examples aren’t great. One of the best I have seen is here:
    http://www.baigent.com/About-us/The-team/

    All images are relatively serious, and on mouse-over reveal a funny picture.

    0
  43. 2194

    Rebecca Reuben

    June 9, 2010 6:33 am

    another great example of a great “Meet the team” page

    http://ctpboston.com/agency/people/

    0
  44. 2245
  45. 2296

    Jeroen Marechal

    June 10, 2010 1:51 am

    Cool list of team page designs! We’ve got a nice one too at http://www.tirato.nl/team-tirato/ even including our office-dog, motivator, inspirator Guus!

    0
  46. 2347

    you have been started a good work.
    i’ll see it late.
    great example of team page.

    0
  47. 2398

    How about this one: http://psmediadesign.com/ganimisy/ …. It was my student work but i do something similar for a client of mine…..:)

    0
  48. 2449

    Amazed you would use 9miles Media as an example, a bunch of teenagers with a basic site and no real customers….yeah they are a good example of what to do right.

    -1

    0
  49. 2500
  50. 2551

    I love glue Isobar, wish I could convince the company I work for to have such a cool meet the team page. ^^

    -1

↑ Back to top