To a prospect in search of out a brand new provider supplier, the method is usually a little overwhelming. It is simple to marvel: Who’re the true other folks in the back of all of the smoke and mirrors?

Including a “Meet the Group” web page or segment on your web page is a simple, efficient strategy to give your online business an obtainable face. As considered one of your most important pages, it provides possibilities an concept of who precisely they are going to be running with, and displays doable staff that you are happy with the folk for your staff.

For some inspiration, see how those corporations introduce guests to their maximum essential inventive belongings: their other folks.

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

Cool ‘Meet the Group’ Pages

1. Yokel Local

Yokel Native is a HubSpot Company Spouse that positions itself as an extension of its shoppers’ advertising and marketing groups. Because of this, this company showcases its body of workers to spotlight the people in the back of the emblem.

What is pleasant about this actual web page is the simplicity: The grid design supplies a modern feel, and clicking on a face opens a field with extra details about the staff member, together with their bio, credentials, and social profiles.

Why this works: Yokel Native doesn’t move overboard with its “Meet the Group” web page, and it doesn’t want to — the whole thing doable shoppers want to know is gifted in a blank grid structure. This fashion, it’s transparent who’s in the back of the company.

meet the team page: yokel local example

2. Philly Reps

As a distinction to extra elaborate designs we’ll see later on this listing, Philly Reps is some other company that takes a cleaner, extra minimum solution to its staff web page. Participants are offered in grayscale pictures that take in the vast majority of display area for a pleasant constant feel and appear.

Under pictures are transient descriptions of every member. Realize how Philly Reps has made every description kind of the similar duration to take care of steadiness and alignment between grid components. Maximum received’t realize this element, nevertheless it leads to a web page with most clarity.

Why this works: Massive grayscale headshots of staff contributors deliver persona and character to the emblem whilst keeping up visible consistency.

meet the team page: philly reps example

3. Digital Marmalade

Since maximum worker bios learn so much like a listing of stats (“10 years within the business … 4 years on the corporation … Controlled 80 web page redesign initiatives … “) the parents at Virtual Marmalade determined to have somewhat amusing with the structure.

Each and every worker on the London-based advertising and marketing company has a buying and selling card-style profile detailing their precise advertising and marketing accomplishments and private info, in addition to their fictional superhero skills. It is a quirky twist that provides guests a colourful snapshot of the company’s staff, highlighting each their spectacular enjoy and pleasant tradition.

Why this works: Virtual Marmalade balances its display of technical talent and amusing with worker stats that listing each abilities and “superpowers.” Moreover, headshots are all identical in composition and background.

meet the team page: digital marmalade example

4. CloudHorizon

CloudHorizon is a cell product building corporation. On its about web page, it says, “Probably the most extra rewarding initiatives now we have had the respect to be interested in, began with easy concepts and grew successful companies from the bottom up.”

With this in thoughts, CloudHorizon’s “Meet our staff” segment is an effective way as an instance that concept. While you hover over a picture of a staff member, their thumbnail flips to show a photograph from their formative years with a small caption of what they sought after to be after they grew up.

Why this works: This suave thought highlights each the range of backgrounds that the CloudHorizon staff brings, in addition to the distinctiveness of every member. It additionally supplies a way of pleasant nostalgia to new guests.

meet the team page: cloud horizon example

5. Bolden

Bolden’s staff bios are extra standard than one of the most others in this listing, however what they lack in invention they make up for in genre.

Soaring over every staff member’s image produces a darker choice virtually like a picture unfavourable, revealing the worker’s identify together with an outfit trade. This can be a nice instance of a minimum, obtainable “Meet the Group” web page that manages to appear cool and introduce the faces in the back of the company with out going excessive.

Why this works: Bolden implements a delicate however distinctive and efficient hover impact for its staff member playing cards for some further visible aptitude. As a virtual design company, those small moments display capacity.

meet the team page: bolden example

6. Rock Kitchen Harris

Rock Kitchen Harris, a full-service company, determined to skip the footage altogether and show off the sketch variations in their staff as an alternative.

Each and every worker on the English company had a customized cool animated film drawn up, and each unmarried one has a unique character. Whilst some staff opted for representations paying homage to LinkedIn profile footage, others were given somewhat inventive with it, dressing their sketch selves up as Ewoks and different characters. Staff will also be simply filtered via strong point.

Why this works: The selection to make renderings of every worker brings a large number of persona and character to this company’s web page. Plus, it provides the danger for staff to have a bit of of additional amusing as smartly.

meet the team page: rock kitchen harris example

7. FCINQ

FCINQ, an inventive studio, introduces us to their staff with a collage of colourful bubbles.

Soaring 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 trendy choice to the predicted rows of staff footage and names.

Why this works: FCINQ’s staff segment is a pleasant departure from the usual grid format whilst staying intuitive and informative.

meet the team page: fcinq example

8. Zulu Alpha Kilo

This Canadian company items its founding staff with refreshing comedic aptitude. Whilst many company leaders make a choice to constitute themselves with stoic industry portraits, the 3 leaders of Zulu Alpha Kilo opted for frolicsome footage and cheeky bios.

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

Marcus has a name for pushing his inventive groups additional than another inventive director. He makes them paintings past due nights, weekends and thru vacations in pursuit of that one in point of fact step forward inventive thought. And after they’ve in spite of everything cracked it after weeks of grueling and thankless paintings, Marcus will triumphantly stand in entrance of the buyer and provide it as an concept 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 doable shoppers searching for a spouse at the quirky aspect.

meet the team page: zulu alpha kilo example

9. Stink Studios

We adore this expertly color-coordinated slideshow of staff contributors from Stink Studios. This inventive company has places of work in 5 main towns world wide — together with New York, Paris, and Berlin — however having a personable “Meet the Group” segment is helping give their industry an obtainable edge. They do not name themselves “an international corporation with an area really feel” for not anything.

Why this works: The damaged grid format of this web page’s staff web page is colourful, inviting, blank, and a slightly playful as smartly.

meet the team page: stink studios example

10. CRUX

The video professionals on the company CRUX have crafted a in point of fact charming web page that makes very good use in their medium. All the web page is gifted as a “video” inside of an enhancing program; guests can “play” the video via scrolling or by means of the timeline on the backside of the display.

While you succeed in the “About” segment, every staff member drifts into focal point along a funny description. This web page is in contrast to the rest we’ve observed prior to and establishes this staff as distinctive, formidable thinkers and creators.

Why this works: CRUX takes a one-of-a-kind solution to its staff web page (and its complete web page) that cleverly combines visible options of a web page with the ones of a video enhancing program.

meet the team page: crux example

11. Drexler

As some of the extra artsy entries on this listing, this “Meet the Group” segment from Drexler is evidence that you simply are not looking for a complete web page dedicated to introducing your staff — only a segment can do the trick.

This easy however polished staff member marquee seems down the homepage and performs with scrolling to show every staff member’s portrait. The “hands-on” portrait aesthetic is surely distinctive as smartly, making a homepage that best this workforce may suppose up.

Why this works: Drexler makes use of scrolling to provide staff footage in a scanning development, entire with strange however charming portraits.

meet the team page: drexler example

12. Matchstic

As a branding company, Matchstic is aware of the significance of identification, creativity, and individuality. No longer best does its “Who We Are” segment supply that identification via highlighting the human part in their emblem, nevertheless it additionally displays their inventive aspect. While you hover over every thumbnail, a goofy representation is overlaid onto the photograph.

As well as, the customized cursor, which best displays up at the About web page, is a sturdy callback to the Matchstic emblem, implying a kinetic power that begins with the lighting fixtures of a fit.

Why this works: Matchstic applies a cartoon-style hover impact to its worker portraits, implying amusing, creativeness, and creativity in the back of the another way simple profiles. The customized cursor is an additional, pleasant contact.

meet the team page: matchstic example

13. Atlassian

Atlassian, an organization in the back of lots of the device answers utilized in companies international, highlights footage in their staff on their “other folks” web page, interacting on the workplace and difficult at paintings.

Under, they show off their management staff with colourful headshots that escape of colourful background containers, very similar to Matchstic. While you hover over, vector graphics seem when it comes to the person’s distinctive position.

As well as, a popup seems on click on with social icons and a bio. What is in particular attention-grabbing is the way to obtain their headshot, some further application for media execs.

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

meet the team page: atlassian example

14. Heart Creative

Center Ingenious items its staff contributors on its “about us” web page, and soaring the cursor over portraits finds some further persona in the back of every worker. Given the company focuses on culinary endeavors, those change footage are normally food-related.

For some added navigational ease, customers can kind playing cards via staff. Deciding on an choice from the dropdown will display the related contributors. You could have the way to discuss with every person’s LinkedIn profile as smartly.

Why this works: Center Ingenious lends a slightly of amusing to its “Meet the Group” segment via exhibiting choice portraits on mouseover. Each and every staff member displays off what they love, which places some further character in the back of the emblem.

meet the team page: heart creative example

15. LiveChat

LiveChat, an AI customer support and chatbot resolution, approached their staff web page in a fully other manner. As a substitute of simply record out every staff member’s roles and enjoy, they created a photograph for every staff member that illustrates who they’re in a conceptual, amusing, and metaphorical manner. Given the scale of the corporate, this used to be reasonably the enterprise.

LiveChat’s manner is very efficient for showcasing the distinctiveness in their staff, and it compels the web page customer to take the staff to take a look at every image and skim every bio. This leads to longer time on web page, a very powerful engagement metric.

Why this works: The LiveChat staff web page puts monumental emphasis on every member’s character and pursuits. It’s transparent that LiveChat values everybody and is aware of the true energy of any industry is the folk.

meet the team page: livechat example

16. Etsy

Many huge corporations forgo the standard “Meet the Group” web page as a result of there are such a large amount of staff contributors that it does not make sense to show all of them. At Etsy, despite the fact that, they recognize all of the those that make the preferred on-line market imaginable with a tiled “other folks board” that scrolls for days.

Why this works: Whilst impractical to offer bios of each staff member, Etsy compromises with a collage of staff portraits as a testomony to the energy in the back of the corporate.

meet the team page: etsy example

17. UWG

Virtual content material experts UWG have created a shocking staff web page that’s as a lot about character as it’s about body of workers. Group contributors are proven in vigorous portraits in opposition to cast backgrounds. Maximum pictures are squares, however the web page infrequently breaks this development for some visible selection. For more info a couple of staff member, you’ll click on a portrait to open a modal.

Why this works: This staff web page is unassuming, but daring and efficient. Each and every portrait is full of character, and in combination the pictures shape a colourful collage. It’s the type of “Meet the Group” web page that makes you in truth need to meet the staff.

meet the team page: UWG example

18. The Correspondent

The Correspondent is a company that provides information with out fear-mongering or monetary achieve. In true journalistic genre, the website options every staff member in a fantastically rendered sketch genre, offering an inventive really feel to the web page.

Clicking on every thumbnail leads the web page customer to a spot the place they may be able to subscribe to that exact author and consider a feed in their items. Absolute best of all, the person’s venture is displayed around the most sensible and speak to knowledge within the sidebar.

Why this works: Comic strip renderings of each staff member lend to the newsletter aesthetic of The Correspondent. Readers can simply discover a specific author’s tales as smartly via clicking a card.

meet the team page: the correspondent example

19. Bluleadz

What higher strategy to put across the character of your staff than to show their favourite gifs on mouse hover? That is what virtual advertising and marketing company Bluleadz does. You’ll be able to virtually believe those other people within the situations their gifs constitute.

Any other helpful characteristic of this “Meet the Team” web page is the power to clear out Bluleadz staff via serve as. Each and every button on the backside corresponds to a staff and brings up the people who “make the magic occur” in that house of the industry.

Why this works: But otherwise so as to add character to a staff web page, Blueleadz features a favourite gif for every staff member. It’s amusing, entertaining, and probably changing.

meet the team page: blueleadz example

20. Media Junction

Daring blocky pops of shade? Sure, please. HubSpot Elite Company Spouse Media Junction shows their staff thumbnails on cast backgrounds with vector shadows. Each and every photograph is somewhat foolish, and plenty of of them deliver their hairy buddies into the image with them.

As well as, their management staff’s thumbnails are clickable to be able to learn extra about them or even ship them a message for more info.

Why this works: Media Junction is afraid to turn its playful aspect at the staff web page — pictures are colourful, inviting, and animated for a touch of favor that assists in keeping customers at the web page.

meet the team page: media junction example

“Meet the Group” Web page Absolute best Practices

So, what are we able to be told from those outstanding examples? Listed below are some pointers and design best practices that you’ll remove and follow on your personal staff web page:

Top-High quality Pictures

Maximum guests will be expecting your staff web page to characteristic footage of your staff. Ensure those footage are fine quality and visually constant (together with dimensions). From there, you’ll upload as a lot character as you need. Or, it’s worthwhile to check out an illustrated choice, as we noticed in some examples above.

Worker Descriptions

On the very least, every member profile will have to come with a photograph, identify, and process name. For extra main points, you may make a choice so as to add a brief bio of every worker that outlines their position, enjoy, accomplishments, and pursuits. That is particularly becoming for companies that collaborate broadly and in-person with shoppers — you’ll need to construct agree with, and bios are an effective way to get there.

Social Hyperlinks

Along with your staff’ names, titles, and bios, you may additionally make a choice to hyperlink to their social media profiles for your staff web page. Whilst now not important, this will assist doable shoppers succeed in out to contributors via some other most well-liked channel.

A LinkedIn profile hyperlink is most probably sufficient, as you’ll be assured that staff will stay their posts skilled at the website. Alternatively, hyperlink to different profiles (e.g., Twitter, Instagram) with warning, as you’ll’t be certain their behavior on those websites is company-appropriate.

Persona

Sure, merely announcing “character” might look like a cop-out solution. We’re being deliberately obscure right here as a result of every corporation may have its personal solution to including some further persona to their “Meet the Group” web page. Relying for your emblem, this would possibly imply incorporating amusing portraits, funny descriptions, or crowd pleasing results.

As we’ve observed, the most productive staff pages inject character in some way that aligns with their branding. Some pages lean formal however sneak in some amusing components, some are obviously aiming for humor, and others play it extra critical. In all circumstances, the pages take care of a certified really feel, even the ones which can be humorous.

You don’t want to move overboard right here, however including somewhat one thing further can display your corporation is keen to move above and past for the most productive buyer enjoy. It additionally is helping your online business stand out within the minds of customers who could be wading via dozens of competing websites.

Display Off Your Group in Taste

“Meet the Group” pages resonate as a result of other folks like to shop for from actual other folks. The most productive apply is to decide what your emblem stands for, then create a “Meet the Group” and About web page that conveys that within the most powerful imaginable manner. Whether or not that’s going for an elaborate, crowd pleasing web page or a more practical grid show, guests will admire having the ability to put a face on your emblem.

Editor’s observe: This put up used to be at first printed in December 2016 and has been up to date for comprehensiveness.

New Call-to-action

WordPress SEO

[ continue ]