Saturday, June 17, 2023
HomeB2B Marketing24 Finest “Meet the Crew” Pages We’ve Ever Seen

24 Finest “Meet the Crew” Pages We’ve Ever Seen


To a prospect in search of out a brand new service supplier, the method is usually a little overwhelming. It is simple to marvel: 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 Crew” web page or part to your web site is a straightforward, efficient method to give what you are promoting an accessible face.

This additionally provides prospects an thought of who precisely they’ll be working with and exhibits potential workers that you just’re pleased with the folks in your crew.

For inspiration, see how these firms introduce guests to their most essential inventive property: their folks.

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

1. Yokel Native

Meet the team page — yokel local exampleYokel Native is a HubSpot Company Associate that positions itself as an extension of its purchasers’ advertising groups. For that cause, this company showcases its workers to spotlight the people behind the model.

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

Why this works: Yokel Native doesn’t go overboard with its “Meet the Crew” web page, and it doesn’t have to. All the things potential purchasers have to know is offered in a clear grid format. This manner, 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 crew web page.

Members are offered in grayscale photographs that take up the vast majority of display screen house for a pleasant constant feel and look.

Beneath photographs are transient descriptions of every member. Discover how Philly Reps has made every description roughly the identical size to take care of stability and alignment between grid parts.

Most received’t discover this element, nevertheless it leads to a web page with most readability.

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

3. Digital Marmalade

Meet the team page — Digital Marmalade exampleSince most worker bios learn rather a lot like an inventory of stats (“10 years within the business … 4 years on the firm … Managed 80 web site redesign tasks … “) the parents at Digital Marmalade determined to have a bit 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 details.

It is a quirky twist that provides guests a snapshot of the company’s crew, 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 cell product improvement firm. Its about web page says, “A number of the extra rewarding tasks 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 crew” part is a good way as an instance that concept.

If you hover over a picture of a crew 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 thought highlights each the variety of backgrounds that the CloudHorizon crew brings, in addition to the individuality of every member. It additionally offers a way of pleasant nostalgia to new guests.

5. Bolden

Meet the team page — Bolden example

Bolden’s crew bios are extra standard than others on this checklist, however they make up for it in fashion.

Hovering over every crew member’s image produces a darker different, virtually like a picture adverse, revealing the worker’s identify and outfit change. This can be a nice instance of a minimal, accessible “Meet the Crew” web page that appears cool and introduces the faces behind the company with out going excessive.

Why this works: Bolden implements a delicate however distinctive and efficient hover impact for its crew member playing cards for further 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 an alternative.

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

Whereas some workers opted for representations harking back to LinkedIn profile photos, others received a bit inventive, dressing their cartoon selves up as Ewoks and different characters.

Workers may also be simply filtered by specialty.

Why this works: The selection to make renderings of every worker brings a whole lot of character and persona to this company’s web site. Plus, it provides workers the possibility to have some further enjoyable as effectively.

7. FCINQ

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

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

Why this works: FCINQ’s crew 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 crew with refreshing comedic aptitude. Whereas many company leaders select to symbolize 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 Inventive Director Officer”:

Marcus has a popularity for pushing his inventive groups additional than every other inventive director. He makes them work late nights, weekends, and thru holidays in pursuit of that one actually breakthrough inventive thought.

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 thought he had within the bathe that morning as an alternative.

Why this works: Zulu Alpha Kilo leverages humor with its portraits and textual content content material to attract potential purchasers searching for a associate on the quirky aspect.

9. Stink Studios

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

This inventive 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 Crew” part helps give their enterprise an accessible edge.

They do not name themselves “a world firm with an area really feel” for nothing.

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

10. Canela Vegan Bakery & Café

Meet the team page — canela example

Canela is aware of that its folks and story are simply as essential as thits scrumptious menu offeringsTheir meet the crew web page contains every individual’s identify, pronouns, and a brief bio.

Crew members’ photographs usually embody a baked good or cup of espresso, maintaining with the bakery’s theme. In addition they share their favourite desserts, tying again to the candy treats the bakery affords.

What we love: Every bio additionally contains the worker’s favourite music 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 checklist, Drexler proves that you do not want a complete web page dedicated to introducing your workers — only a part can do the trick.

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

Why this works: Drexler makes use of scrolling to current crew 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 ingredient of the model, nevertheless it additionally exhibits its inventive aspect.

If 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 crew on their “folks” web page, interacting on the workplace and exhausting at work.

Beneath, they showcase their management crew with colourful headshots that escape of colourful background packing containers, just like Matchstic. If you hover over every picture, vector graphics regarding the person’s distinctive function seem.

As well as, a popup seems on click on with social icons and a bio. What’s notably fascinating is the choice to obtain their headshot, which has some further 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 Inventive presents its crew members on its “about us” web page. Clicking on portraits reveals extra details about every worker.

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

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

15. LiveChat

Meet the team page — LiveChat exampleLiveChat, an AI customer support and chatbot resolution, approached its crew web page utterly otherwise.

As an alternative of simply itemizing out every crew member’s roles and expertise, they created a photograph for every crew member that illustrates who they’re in a conceptual, enjoyable, and symbolic approach. Given the scale of the corporate, this was fairly the endeavor.

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

This leads to longer time on web page, an essential engagement metric.

Why this works: The LiveChat crew 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 giant firms forgo the standard “Meet the Crew” web page as a result of there are such a lot of crew members that it would not make sense to show all of them.

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

Why this works: Whereas impractical to supply bios of each crew member, Etsy compromises with a collage of crew 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 shocking crew web page that’s as a lot about persona as it’s about personnel. Crew members are proven in energetic portraits in opposition to strong backgrounds.

Most photographs are squares, however the web page often breaks this sample for some visible selection. You’ll be able to click on a portrait to open a modal for extra details about a crew member.

Why this works: This crew web page is easy, but daring and efficient. Every portrait is filled with persona, and collectively the pictures type a vibrant collage. It’s the sort of “Meet the Crew” web page that makes you truly wish to meet the crew.

18. The Correspondent

Meet the team page — The Correspondent exampleThe Correspondent is a corporation that gives information with out fear-mongering or monetary acquire. In true journalistic fashion, the positioning options every crew member in a fantastically rendered cartoon fashion, offering a creative really feel to the web page.

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

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

19. Bluleadz

Meet the team page — Bluleadz exampleWhat higher method to convey the persona of your crew than to show their favourite gifs on mouse hover? That is what digital advertising company Bluleadz does. You’ll be able to virtually think about these people within the eventualities their gifs symbolize.

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

Why this works: One more approach so as to add persona to a crew web page, Blueleadz features a favourite gif for every crew 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 Associate Media Junction shows their crew thumbnails on strong backgrounds with vector shadows.

Every photograph is a bit foolish, and plenty of of them convey their furry buddies into the image with them.

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

Why this works: Media Junction just isn’t afraid to indicate its playful aspect on the crew web page — photographs are colourful, inviting, and animated for a splash of favor 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 Crew” web page is crafted to showcase what they do finest — design digital merchandise for forward-thinking manufacturers.

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

Why this works: The colourful group photograph screams, “We’re inventive.” However not solely does the group photograph catch the attention, every photograph (or gif) of the Humaan crew showcases a little bit of their persona to create a extra, effectively, 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 — and so they need you to realize it.

The person photographs of every crew 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 Crew” web page focuses on particular person workers, whereas completely highlighting their location. Prospects know they’ll be working with global-minded leaders.

23. Oak + Rumble

oak-rumble

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

Your bio web page would not must be simply headshots and brief worker bios. As an alternative, be inventive and take a web page from Oak + Rumbles playbook. Add video to actually make your story leap off the web page.

Why this works: The Oak + Rumble intro video brings their work to life. Guests to their crew web page know precisely what Oak + Rumble is sweet at doing, and so they 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 inventive company, determined to go in opposition to the grain with its “Meet the Crew” web page.

As an alternative 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 brief, quirky bios for every crew member.

Navigating to the subsequent crew 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 Crew” web page completely captures readers’ consideration, showcasing the corporate’s and workers’ personalities.

“Meet the Crew” Web page Finest Practices

So, what can we be taught from these distinctive examples? Listed below are some ideas and design finest practices that you would be able to take away and apply to your personal crew web page.

Use high-quality photographs.

Most guests will anticipate your crew web page to function photographs of your workers. Be sure these photographs are high-quality and visually constant (together with dimensions). From there, you possibly can add as a lot persona as you need. Or, as we noticed in some examples above, you could possibly strive an illustrated different.

Write compelling worker descriptions.

On the very least, every member’s profile ought to embody a photograph, identify, 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 individual with purchasers — you’ll wish to construct belief, and bios are a good way to get there.

Embrace 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 purchasers attain out to members by one other most well-liked channel.

A LinkedIn profile hyperlink is probably going sufficient, as you may be assured that workers will hold their posts skilled on the positioning. Nonetheless, hyperlink to different profiles (e.g., Twitter, Instagram) cautiously, as you possibly can’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 may have its personal strategy to including further character to its “Meet the Crew” web page. Relying in your model, this may embody enjoyable portraits, humorous descriptions, or eye-catching results.

As we’ve seen, the perfect crew pages inject persona in a approach that aligns with their branding. Some pages lean formal however sneak in some enjoyable parts, some clearly goal for humor, and others play it extra critically. In all circumstances, the pages preserve an expert really feel, even these which are humorous.

You don’t have to go overboard right here, however including one thing further can present your organization is prepared to go above and past for the perfect buyer expertise. It additionally helps what you are promoting stand out in customers’ minds who could be wading by dozens of competing websites.

Present Off Your Crew in Fashion

“Meet the Crew” pages resonate as a result of folks like to purchase from actual folks. One of the best follow is to find out what your model stands for, then create “Meet the Crew” and “About” pages that convey that within the strongest doable approach.

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

Editor’s word: This publish was initially printed in December 2016 and has been up to date for comprehensiveness.

New Call-to-action



Supply hyperlink

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments