Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

“Meet the Team” Pages: Examples and Trends

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. [Links repaired January/15/2017]

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.

Further Reading on SmashingMag: Link

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 Link

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 Adjective had 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.

Screenshot

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.

Chromatic5 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.

Screenshot6

3. Unique, Humorous or Campy Features Link

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_nk used animated photos for each of their team members, and modal windows to display information about each team member.

Screenshot

4. Animations Link

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 Agency used 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.

Screenshot

5. Expanded Profiles Link

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 Media 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.

Screenshot

More Examples Link

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

StationFour7
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.

Screenshot8

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

Screenshot10

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

Screenshot

Wax Creative Design11
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.

Screenshot12

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

Screenshot14

Arc90
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.

Screenshot

Wildbit15
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.

Screenshot16

AtlanticBT17
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.

Screenshot18

Blue Sky Resumes19
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.

Screenshot20

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

Screenshot22

2Cs Communications Ltd23
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.

Screenshot24

glue Isobar25
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.

Screenshot26

CampaignMonitor27
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.

Screenshot28

WooThemes29
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.

Screenshot30

nGen Works
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.

Screenshot

BrightSpark
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.

Screenshot

Etsy31
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).

Screenshot32

SmallBox33
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.

Screenshot34

Caxiam Group35
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.

Screenshot36

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2009/06/welcoming-and-informative-introductions-in-web-design/
  2. 2 https://www.smashingmagazine.com/2009/07/best-practices-for-effective-design-of-about-us-pages/
  3. 3 https://www.smashingmagazine.com/2012/01/stop-designing-pages-start-designing-flows/
  4. 4 https://www.smashingmagazine.com/web-design-essentials-examples-and-best-practices/
  5. 5 http://www.chromaticsites.com/about-us
  6. 6 http://www.chromaticsites.com/about-us
  7. 7 http://www.stationfour.com/about-s4/team.aspx
  8. 8 http://www.stationfour.com/about-s4/team.aspx
  9. 9 http://www.efellemedia.com/profile
  10. 10 http://www.efellemedia.com/profile
  11. 11 http://www.waxcreative.com/profile/team.php
  12. 12 http://www.waxcreative.com/profile/team.php
  13. 13 http://www.hbcweb.com/about/team/
  14. 14 http://www.hbcweb.com/about/team/
  15. 15 http://wildbit.com/
  16. 16 http://wildbit.com/
  17. 17 https://www.atlanticbt.com/about-us/
  18. 18 https://www.atlanticbt.com/about-us/
  19. 19 http://www.blueskyresumes.com/about-us/#our-team
  20. 20 http://www.blueskyresumes.com/about-us/#our-team
  21. 21 http://metabroadcast.com/team
  22. 22 http://metabroadcast.com/team
  23. 23 http://www.2cs.com/Meet-The-Team/
  24. 24 http://www.2cs.com/Meet-The-Team/
  25. 25 http://www.isobar.com/de/en/about-us/
  26. 26 http://www.isobar.com/de/en/about-us/
  27. 27 http://www.campaignmonitor.com/meet-the-team/
  28. 28 http://www.campaignmonitor.com/meet-the-team/
  29. 29 https://woocommerce.com/about/
  30. 30 https://woocommerce.com/about/
  31. 31 http://www.etsy.com/about.php
  32. 32 http://www.etsy.com/about.php
  33. 33 http://www.smallboxweb.com/about_small_box_web/our_team/
  34. 34 http://www.smallboxweb.com/about_small_box_web/our_team/
  35. 35 http://www.caxiamgroup.com/about/
  36. 36 http://www.caxiamgroup.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.

  1. 1

    great! i love your posts Chapman! ^^

    thx alot!

    0
  2. 2

    This is really awful listicle! Lot of these are so straightforward that probably they had to pay to get listed here..!

    -3
  3. 3

    Quality – Good to see Jesus is diversifying these days

    0
  4. 4

    Actually I like some of these. I think there’s a fine line between being fun, conservative, and looking like a stock photo.

    The first example is the BAD, I think.

    Object Adjective… wow. I do not think that a potential client would want their work in the hands of an Emo Crispin Glover scratching his head. And seriously, lose the bird. Personally (from experience) one should save that for a portfolio site if they wish, but not a business site.

    I hesitate to use a designer whose photos appear to be lifted from Myspace or Facebook, and not more professional looking.

    1
  5. 5

    I was just looking for some inspiration on team pages!

    Thanks sm :)

    0
  6. 6

    Just what I wanted.

    Long live Smashingmagazine.

    0
  7. 7

    Those are pretty cool. Thanks for the post!

    0
  8. 8

    Hipsters 2.0

    0
  9. 9

    Where do you draw the line with meet the team pages between relaxed and professional appearances. I suppose it would depend mainly on the industry?

    0
  10. 10

    Kendell Warner

    June 1, 2010 9:05 am

    Hey I really like that one, cool stuff!

    0
  11. 11

    Am I the only one who finds “Head of Backend Team” slightly humorous? Anyway, great (and thorough) list. Thanks!

    0
  12. 12

    @Off topic: by the way, I think smashing magazine should have a script to redirect iPhone and blackberry user to mobile version site. I was looking for it. And I found it here.

    0
  13. 13

    Charlie Pratt

    June 1, 2010 7:57 pm

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

    0
  14. 14

    Prabhakaran.G

    June 1, 2010 11:05 pm

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

    0
  15. 15

    I love how Matt can’t smile for pictures without his eyebrows raising a good inch. This only happens in photos or moments of extreme sarcasm.

    0
  16. 16

    Srecko Bradic

    June 2, 2010 3:08 am

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

    0
  17. 17

    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.

    -2
  18. 18

    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
  19. 19

    Rachel Buck

    June 3, 2010 12:55 am

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

    0
  20. 20

    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
  21. 21

    Daniel Miguel

    June 3, 2010 3:24 pm

    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
  22. 22

    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
  23. 23

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

    0
  24. 24

    Danielle Molenaar

    June 4, 2010 5:53 am

    Not only cool but very inspirational, thanks Smashing!

    0
  25. 25

    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
  26. 26

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

    0
  27. 27

    Bad article

    June 16, 2010 7:55 am

    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
  28. 28

    Nicole Bauer

    July 6, 2010 1:34 am

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

    0
  29. 29

    I found this very helpful, my company is currently looking to redo their team page. Lots of great ideas!

    0
  30. 30

    Hey,
    I am using WordPress and was looking for some easy way to make a Meet the Team page….
    Is there any plugin or page layout already ?
    Or I have to make the custom page for this ?

    Thanks,
    Niks

    0
    • 31

      Niks,
      Did you ever find any WP plugins to use for “meet the team” page? I love these examples but I want to know how they were created. Thanks for any info you found out. Do you also have an example of what you ended up creating?
      Thanks
      Mary

      0
      • 32

        Did you ever end up finding wordpress plug-ins to help create neat pages like these? I’ve been searching everywhere–thanks!

        0
        • 33

          Since no one has addressed this, I’ll chime in as an experienced Web/WordPress developer.

          Simply put, if you want the kinds of cool animations, and interesting layouts you see here, you’ll either need to code it yourself or hire a professional to do it for you.

          There’s no magical plugin to save the day, because truly unique work actually requires effort.

          0
  31. 34

    Nathalie Soeteman

    January 8, 2011 9:22 am

    Just what we needed, thanks! :)

    0
  32. 35

    I was disappointed in all but the th_nk team’s pages.

    I’m looking for something interesting, not too flashy, that’ll bring a smile to our team’s faces. Any ideas?

    0
  33. 36

    I can’t stand the way some of these pages are done, very much a case of “oohh, look at me! look how wonderful I am!”

    Makes me cringe. Just keep it simple, straight forward, and NOT pretentious.

    0
  34. 37

    Fantastic Collections…

    Thanks CC… :)

    0
  35. 38

    BigWillyStyles

    July 5, 2011 1:10 am

    Thank you, thank you thank you for producing this feature.

    You have helped me massively in my quest to make a dull static page into something special. Just need to get the money to develop.

    You rock!

    0
  36. 39

    We are looking to add a team page to our website localstomper. We thought about adding it to the home page and having it fun and serious. Our team has a lot of credibility, so we thought adding bios and fun info might be a good idea. What do you think?

    0
  37. 40

    An superb read, thank you. It really is getting harder and harder to sift through all the garbage on-line these days.

    0
  38. 41

    ** update **

    Our team has doubled in size in the past year, so our old design wasn’t working anymore. The new page (copio.us/about/) does a better job of conveying who we all are together as a team. We found that as our team grew, it was overwhelming to read detailed info for each person in order to form an opinion of who we all are.

    I love how the new page sums it up with “We’re a team of artists, scientists, & digital advocates.”

    ‘Nuff said.

    0
  39. 42

    Ethan Ferdosi

    August 13, 2013 3:53 pm

    Very cool! I am about to redesign my website and really gave me some ideas!

    0
  40. 43

    Great article, thanks for the examples, they’re great ideas.

    Also, for the “We are Atlantic BT” example all I could think of is “We’re all White People”.

    0

↑ Back to top