The world’s best team-focused 'about' pages

All websites should have an ‘about’ page, containing information on the company’s history, news and people. Some firms create a dedicated area to display team members, and I’ve spotted a few that are doing this remarkably well.

These pages are clean, creative and compelling. Some of them prove beyond doubt that a clever idea doesn't mean that you need to use sluggish technology. 

The first example is genius…

LATERAL

Lateral’s team page is a fantastic ad for its core skillset, which is focused around design and build. Monochrome thumbnails of its 26 team members come to life when you move your mouse around. Hover over a person and the rest of the Lateral team will look at them. The person you hover over will also appear in colour. Note too the job openings in the bottom row (something I'm seeing more of on team pages). This is a deceptively simple, effective idea, and it has been brilliantly executed. Maximum kudos.

Sidekick Studios

This firm also displays its 11 team members on its about page, but has chosen to use animated gifs that come to life, providing depth to the page. It’s the little things…

Teehan+Lax

This is a clean page with a winning layout, easy-to-digest copy and great typography. The image at the top of the page has a offers horizontal scrolling, so you can take a look at the entire team. Neat. 

Tumblr

A big counter at the top of the page (not yet realtime) displays the number of Tumblr posts and blogs, followed by a widescreen image slideshow of the company office and nearby environment. Tumblr also displays a bunch of mugshots, which in this case are not animated but definitely tie in nicely with the Tumblr product, as each picture links directly to that team member’s Tumblr blog. 

Threadbird

Extended staff profiles provide a little personality, with favourite TV shows, books and music listed underneath an image and brief description of what that individual does. 

37 Signals

Unsurprisingly this is a beautifully designed page, with lots of little touches that make it special. After a positioning statement the key focus is on a timeline, starting in 1998 and featuring key milestones (company and industry). It encourages the user to scroll down the page, where the key players in the 37 Signals team are listed, followed by its product suite. Classy.

Amazee Labs

Team-focused and uber-transparent, with telephone numbers, email addresses and Twitter accounts all listed to make it easy for visitors to make contact. Reminiscent of print design, which is no bad thing.

Obox Design

This firm makes good use of video on its about page, to enhance the personality-driven copy. I’m not a fan of video-only pages (of any kind), but a blend of video and text works just fine.

Adham Dannaway

Adham, a front-end designer and one-man band, has opted for an infographic-based layout for his 'about me' page. It works well. 

Can you suggest any others that are similarly compelling, or innovative, or downright amazing?

Chris Lake is Director of Product Development at Econsultancy, an entrepreneur and a long-term internet fiend. Follow him on Twitter, Google+ or connect via Linkedin.

Add your own

Reader comments (11)

  1. Graham Charlton Graham Charlton Staff

    Editor at Econsultancy

    11:10AM on 26th May 2011

    That Lateral one is pure genius. I'd hire them for that alone.

  2. Avatar-blank-50x50 Werner

    11:22AM on 26th May 2011

    Nice examples, I liked http://www.tribal.nl/over-ons/medewerkers as well, even though it's a Dutch page. Hover over the employees, and you'll see what I mean...

  3. Chris Lake Chris Lake Staff

    Director of Product Development at Econsultancy

    11:38AM on 26th May 2011

    @Werner - thanks, that's another absolutely tremendous example! Well worth checking out...

  4. Avatar-blank-50x50 Dharithri

    11:58AM on 26th May 2011

    Kudos to Lateral... Werner, its a nice addition to the list

  5. Avatar-blank-50x50 Peter Austin @MarketingXD

    12:03PM on 26th May 2011

    Re Lateral's about page.

    Try this on your mobile (I used Nexus One). The person you click shows in color, but all the others look vertically down - not towards them. Seems they are not brilliant at testing!

  6. Avatar-blank-50x50 Dom

    10:58AM on 27th May 2011

    What a needlessly link-baity title to give this. World's best? Prove it or just simply give it a more relevant title. Grumble grumble.....

  7. Chris Lake Chris Lake Staff

    Director of Product Development at Econsultancy

    1:35PM on 27th May 2011

    @Dom - in my opinion... besides, there's nothing much wrong with linkbait.

  8. Avatar-blank-50x50 Adham Dannaway

    5:42AM on 29th May 2011

    Thanks for the mention guys. The Amazee Labs page is pretty cool :-)

  9. Ian Hughes Ian Hughes Silver

    Managing Director at LHM Media Ltd

    11:16PM on 1st June 2011

    Some great site examples here.

    We have had some great feedback on our new agency 'About Page', really tells a story about our team using visual props that make them who they are.

    I always think these pages are more important than people often think, first impressions and familiarity are important for any business relationship.

  10. Avatar-blank-50x50 Tipu

    3:41PM on 19th June 2011

    @Peter Austin @MarketingXD:
    I'm curious as to how exactly can you "hover" on a Nexus One. I believe you're confusing hover with tapping/clicking (which are totally different events). Cheers!

  11. Avatar-blank-50x50 Adham Dannaway

    10:59AM on 4th December 2011

    Thanks for the mention guys!

Log in to post a comment