To a prospect looking for out a brand new service supplier, the method is usually a little overwhelming. It is simple to surprise: Who’re the actual folks behind all of the smoke and mirrors?

meet the team; person clicking through a 'meet the team' page because of how intuitive and appealing it is

Including a “Meet the Staff” web page or part to your web site is a straightforward, efficient option to give your online business an accessible face.

This additionally offers prospects an concept of who precisely they’ll be working with and exhibits potential workers that you simply’re happy with the folks in your group.

For inspiration, see how these firms introduce guests to their most vital artistic belongings: their folks.

→ Download Now: About Us Pages Guide [Free Lookbook]

1. Yokel Local

Meet the team page — yokel local exampleYokel Native is a HubSpot Company Companion that positions itself as an extension of its shoppers’ advertising groups. For that motive, this company showcases its employees to focus on the people behind the model.

What’s pleasing about this specific web page is the simplicity: The grid design supplies a contemporary really feel, and clicking on a face opens a field with extra details about the group member, together with their bio, credentials, and social profiles.

Why this works: Yokel Native doesn’t go overboard with its “Meet the Staff” web page, and it doesn’t have to. Every little thing potential shoppers have to know is offered in a clear grid format. This fashion, it’s clear who’s behind the company.

2. Philly Reps

Meet the team page — Philly Reps exampleIn distinction to extra elaborate designs, Philly Reps is one other company that takes a cleaner, minimal strategy to its group web page.

Members are offered in grayscale photographs that take up nearly all of display house for a pleasant constant feel and look.

Under photographs are temporary descriptions of every member. Discover how Philly Reps has made every description roughly the identical size to keep up steadiness and alignment between grid components.

Most gained’t discover this element, but it surely ends in a web page with most readability.

Why this works: Massive grayscale headshots of group members carry character and persona to the model whereas sustaining visible consistency.

3. Digital Marmalade

Meet the team page — Digital Marmalade exampleSince most worker bios learn quite a bit like an inventory of stats (“10 years within the business … 4 years on the firm … Managed 80 web site redesign initiatives … “) the oldsters at Digital Marmalade determined to have a bit of enjoyable with the format.

Every worker on the London-based advertising company has a buying and selling card-style profile detailing their precise advertising accomplishments and private information.

It is a quirky twist that provides guests a snapshot of the company’s group, highlighting each their spectacular expertise and pleasant tradition.

Why this works: Digital Marmalade balances its present of technical proficiency and enjoyable with worker stats. Moreover, headshots are all comparable in composition and background.

4. CloudHorizon

Meet the team page — CloudHorizon exampleCloudHorizon is a cellular product improvement firm. Its about web page says, “A number of the extra rewarding initiatives now we have had the honour to be concerned in, began with easy concepts and grew worthwhile companies from the bottom up.”

With this in thoughts, CloudHorizon’s “Meet our group” part is an effective way as an instance that concept.

While you hover over a picture of a group member, their thumbnail flips to disclose a photograph from their childhood with a small caption of what they wished to be after they grew up.

Why this works: This intelligent concept highlights each the variety of backgrounds that the CloudHorizon group brings, in addition to the individuality of every member. It additionally supplies a way of pleasant nostalgia to new guests.

5. Bolden

Meet the team page — Bolden example

Bolden’s group bios are extra typical than others on this record, however they make up for it in model.

Hovering over every group member’s image produces a darker various, nearly like a picture adverse, revealing the worker’s title and outfit change. It is a nice instance of a minimal, accessible “Meet the Staff” web page that appears cool and introduces the faces behind the company with out going excessive.

Why this works: Bolden implements a refined however distinctive and efficient hover impact for its group member playing cards for additional visible aptitude. As a digital design company, these small moments present functionality.

6. Rock Kitchen Harris

Meet the team page — Rock Kitchen Harris exampleRock Kitchen Harris, a full-service company, determined to skip the photographs altogether and showcase the cartoon variations of their workers as a substitute.

Every worker on the English company had a customized caricature drawn up, and everybody has a special persona.

Whereas some workers opted for representations paying homage to LinkedIn profile photos, others obtained a bit of artistic, dressing their cartoon selves up as Ewoks and different characters.

Workers will also be simply filtered by specialty.

Why this works: The selection to make renderings of every worker brings lots of character and persona to this company’s web site. Plus, it offers workers the prospect to have some additional enjoyable as nicely.

7. FCINQ

Meet the team page — FCINQ exampleFCINQ, a artistic studio, introduces us to their group with a collage of colourful bubbles.

Hovering over an worker’s circle produces a zoomed-in impact, and clicking expands their headshot with their title and social profiles. The splashy setup is a trendy various to the anticipated rows of group photographs and names.

Why this works: FCINQ’s group part is a pleasant departure from the usual grid structure whereas staying intuitive and informative.

8. Zulu Alpha Kilo

Meet the team page — Zulu Alpha Kilo example

This Canadian company presents its founding group with refreshing comedic aptitude. Whereas many company leaders select to signify themselves with stoic enterprise portraits, the three leaders of Zulu Alpha Kilo opted for frolicsome photographs and cheeky bios.

This is an excerpt from the bio of Marcus Alpha — the company’s “Extremely Chief Artistic Director Officer”:

Marcus has a fame for pushing his artistic groups additional than some other artistic director. He makes them work late nights, weekends, and thru holidays in pursuit of that one actually breakthrough artistic concept.

And after they’ve lastly cracked it after weeks of grueling and thankless work, Marcus will triumphantly stand in entrance of the consumer and current it as an concept he had within the bathe that morning as a substitute.

Why this works: Zulu Alpha Kilo leverages humor with its portraits and textual content content material to attract potential shoppers seeking a accomplice on the quirky aspect.

9. Stink Studios

Meet the team page — Stink Studios exampleWe love this expertly laid out slideshow of group members from Stink Studios.

This artistic company has places of work in 5 main cities around the globe — together with New York, Paris, and Berlin — however having a personable “Meet the Staff” part helps give their enterprise an accessible edge.

They do not name themselves “a worldwide firm with a neighborhood really feel” for nothing.

Why this works: The damaged grid structure of this web site’s group web page is inviting, clear, and a contact playful as nicely.

10. Canela Vegan Bakery & Café

Meet the team page — canela example

Canela is aware of that its folks and story are simply as vital as thits scrumptious menu offeringsTheir meet the group web page contains every particular person’s title, pronouns, and a brief bio.

Staff members’ photographs typically embody a baked good or cup of espresso, conserving with the bakery’s theme. In addition they share their favourite desserts, tying again to the candy treats the bakery provides.

What we love: Every bio additionally contains the worker’s favourite tune and astrological signal. This creates a private, lighthearted contact.

11. Drexler

Meet the team page — Drexler exampleAs one of many extra artsy entries on this record, Drexler proves that you do not want an entire web page dedicated to introducing your workers — only a part can do the trick.

This straightforward however polished group member marquee seems down the homepage and performs with scrolling to disclose every group member’s portrait. The “hands-on” portrait aesthetic can be distinctive, making a homepage that solely this group may assume up.

Why this works: Drexler makes use of scrolling to current group photographs in a scanning sample, full with peculiar however fascinating portraits.

12. Matchstic

Meet the team page — Matchstic exampleAs a branding company, Matchstic is aware of the significance of id, creativity, and individuality. Not solely does its “Who We Are” part present that id by highlighting the human component of the model, but it surely additionally exhibits its artistic aspect.

While you hover over every thumbnail, a goofy illustration is overlaid onto the photograph.

As well as, the customized cursor, which solely exhibits up on the About web page, is a robust callback to the Matchstic model, implying kinetic power that begins with the lighting of a match.

Why this works: Matchstic applies a cartoon-style hover impact to its worker portraits, implying enjoyable, creativeness, and creativity behind the in any other case easy profiles. The customized cursor is an additional, pleasant contact.

13. Atlassian

Meet the team page — Atlassian exampleAtlassian, an organization behind many software program options utilized in companies worldwide, highlights photographs of their group on their “folks” web page, interacting on the workplace and exhausting at work.

Under, they showcase their management group with colourful headshots that escape of colourful background bins, just like Matchstic. While you hover over every picture, vector graphics referring to the person’s distinctive function seem.

As well as, a popup seems on click on with social icons and a bio. What’s significantly fascinating is the choice to obtain their headshot, which has some additional utility for media professionals.

Why this works: Atlassian’s folks web page is skilled and quirky, with helpful options like bios, social media hyperlinks, and an choice to obtain headshots.

14. Kota

Meet the team page — kota exampleCoronary heart Artistic presents its group members on its “about us” web page. Clicking on portraits reveals extra details about every worker.

There’s additionally one other double-vision model portrait displaying a close-up and the worker’s profile image overlapped.

Why this works: The artistic, constant colour scheme lends a contact of enjoyable to its “Meet the Staff” part by displaying various portraits on mouseover.

15. LiveChat

Meet the team page — LiveChat exampleLiveChat, an AI customer support and chatbot answer, approached its group web page fully otherwise.

As a substitute of simply itemizing out every group member’s roles and expertise, they created a photograph for every group member that illustrates who they’re in a conceptual, enjoyable, and symbolic means. Given the dimensions of the corporate, this was fairly the endeavor.

LiveChat’s strategy is extraordinarily efficient for showcasing the individuality of their group, and it compels the web site customer to take the time to have a look at every image and skim every bio.

This ends in longer time on web page, an vital engagement metric.

Why this works: The LiveChat group web page emphasizes every member’s persona and pursuits. Clearly, LiveChat values everybody and is aware of the actual power of any enterprise is the folks.

16. Etsy

Meet the team page —Etsy exampleMany massive firms forgo the standard “Meet the Staff” web page as a result of there are such a lot of group members that it does not make sense to show all of them.

At Etsy, although, they acknowledge all of the those who make the favored on-line market potential with a tiled “folks board” that scrolls for days.

Why this works: Whereas impractical to offer bios of each group member, Etsy compromises with a collage of group portraits as a testomony to the power behind the corporate.

17. UWG

Meet the team page — UWG exampleDigital content material specialists UWG have created a surprising group web page that’s as a lot about persona as it’s about personnel. Staff members are proven in full of life portraits towards stable backgrounds.

Most photographs are squares, however the web page often breaks this sample for some visible selection. You possibly can click on a portrait to open a modal for extra details about a group member.

Why this works: This group web page is straightforward, but daring and efficient. Every portrait is filled with persona, and collectively the photographs type a vibrant collage. It’s the form of “Meet the Staff” web page that makes you really wish to meet the group.

18. The Correspondent

Meet the team page — The Correspondent exampleThe Correspondent is a corporation that provides information with out fear-mongering or monetary achieve. In true journalistic model, the positioning options every group member in a fantastically rendered cartoon model, offering an inventive really feel to the web page.

Clicking on every thumbnail leads the web site customer to a spot the place they’ll subscribe to that exact author and look at a feed of their items. The person’s mission is displayed throughout the highest, and call info is within the sidebar.

Why this works: Sketch renderings of each group member lend to the publication aesthetic of The Correspondent. Readers can simply discover a specific author’s tales as nicely by clicking a card.

19. Bluleadz

Meet the team page — Bluleadz exampleWhat higher option to convey the persona of your group than to show their favourite gifs on mouse hover? That is what digital advertising company Bluleadz does. You possibly can nearly think about these people within the eventualities their gifs signify.

One other helpful characteristic of this “Meet the Crew” web page is the flexibility to filter Bluleadz workers by operate. Every button on the backside corresponds to a group and brings up the people who “make the magic occur” in that enterprise space.

Why this works: One more means so as to add persona to a group web page, Blueleadz features a favourite gif for every group member. It’s enjoyable, entertaining, and probably changing.

20. Media Junction

Meet the team page — Media Junction exampleDaring blocky pops of colour? Sure, please. HubSpot Elite Company Companion Media Junction shows their group thumbnails on stable backgrounds with vector shadows.

Every photograph is a bit of foolish, and lots of of them carry their furry pals into the image with them.

As well as, their management group’s thumbnails are clickable so that you could learn extra about them and even ship them a message for extra info.

Why this works: Media Junction isn’t afraid to point out its playful aspect on the group web page — photographs are colourful, inviting, and animated for a splash of fashion that retains customers on the web page.

21. Humaan

Meet the team page example from Humaan. Group photo of the team wearing matching outfits with bananas everywhere.Humaan is all about mixing play and enterprise with curiosity and experimentation. That’s why their “Meet the Staff” web page is crafted to showcase what they do greatest — design digital merchandise for forward-thinking manufacturers.

The Humaan “Meet the Staff” group photograph highlights their enjoyable, collaborative aspect. However, whenever you scroll down the web page, you’ll discover customized gifs of every group member and a brief (however not boring!) bio.

Why this works: The colourful group photograph screams, “We’re artistic.” However not solely does the group photograph catch the attention, every photograph (or gif) of the Humaan group showcases a little bit of their persona to create a extra, nicely, human expertise.

22. Salted Stone

Meet the team page example from Salted Stone.Salted Stone, an end-to-end digital options and consulting company, is proud to not be certain to only one hemisphere — they usually need you to comprehend it.

The person photographs of every group member are skilled photographs with the identical background and lighting. The darker background helps draw consideration to the map on the aspect of every particular person’s photograph.

Why this works: Salted Stone’s “Meet the Staff” web page focuses on particular person workers, whereas completely highlighting their location. Clients know they’ll be working with global-minded leaders.

23. Oak + Rumble

oak-rumble

In case you’re an organization that produces video, wouldn’t having high-quality video content material in your “Meet the Staff” web page make sense? Oak + Rumble thought so, and their intro video completely nails what they’ll supply shoppers.

Your bio web page does not need to be simply headshots and quick worker bios. As a substitute, be artistic and take a web page from Oak + Rumbles playbook. Add video to essentially make your story bounce off the web page.

Why this works: The Oak + Rumble intro video brings their work to life. Guests to their group web page know precisely what Oak + Rumble is nice at doing, they usually know what sort of high quality work to anticipate in the event that they work with them.

24. Fishfinger

Meet the team page example from Fishfinger.Fishfinger, a artistic company, determined to go towards the grain with its “Meet the Staff” web page.

As a substitute of displaying worker photographs, Fishfinger took the ache out of image day and created private animations for every worker primarily based on their place, likes, and preferences.

Fishfinger additionally ditched the boring bios and created quick, quirky bios for every group member.

Navigating to the following group member’s web page is a snap with the “Meet Dave” hyperlink on the backside of the web page.

Why this works: Fishfinger’s “Meet the Staff” web page completely captures readers’ consideration, showcasing the corporate’s and workers’ personalities.

“Meet the Staff” Web page Finest Practices

So, what can we study from these distinctive examples? Listed here are some ideas and design greatest practices that you may take away and apply to your individual group web page.

Use high-quality photographs.

Most guests will anticipate your group web page to characteristic photographs of your workers. Make sure that these photographs are high-quality and visually constant (together with dimensions). From there, you may add as a lot persona as you need. Or, as we noticed in some examples above, you may attempt an illustrated various.

Write compelling worker descriptions.

On the very least, every member’s profile ought to embody a photograph, title, and job title. For extra particulars, add a brief bio of every worker that outlines their function, expertise, accomplishments, and pursuits.

That is particularly becoming for companies that collaborate extensively and in particular person with shoppers — you’ll wish to construct belief, and bios are an effective way to get there.

Embody social hyperlinks.

Along with your workers’ names, titles, and bios, you may additionally hyperlink to their social media profiles. Whereas pointless, this can assist potential shoppers attain out to members by one other most popular channel.

A LinkedIn profile hyperlink is probably going sufficient, as you will be assured that workers will hold their posts skilled on the positioning. Nevertheless, hyperlink to different profiles (e.g., Twitter, Instagram) cautiously, as you may’t be certain their conduct on these websites is company-appropriate.

Showcase persona.

Sure, merely saying “persona” might appear to be a cop-out reply. We’re being deliberately obscure right here as a result of every firm can have its personal strategy to including additional character to its “Meet the Staff” web page. Relying in your model, this may embody enjoyable portraits, humorous descriptions, or eye-catching results.

As we’ve seen, the very best group pages inject persona in a means that aligns with their branding. Some pages lean formal however sneak in some enjoyable components, some clearly goal for humor, and others play it extra severely. In all instances, the pages preserve knowledgeable really feel, even these which might be humorous.

You don’t have to go overboard right here, however including one thing additional can present your organization is keen to go above and past for the very best buyer expertise. It additionally helps your online business stand out in customers’ minds who could be wading by dozens of competing websites.

Present Off Your Staff in Fashion

“Meet the Staff” pages resonate as a result of folks like to purchase from actual folks. The perfect observe is to find out what your model stands for, then create “Meet the Staff” and “About” pages that convey that within the strongest potential means.

Whether or not that’s going for an elaborate, eye-catching web page or a less complicated grid show, guests will respect having the ability to put a face to your model.

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

New Call-to-action

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *