- Artistic ‘Meet the Staff’ Pages
- Cool ‘Meet the Staff’ Pages
- 1. Yokel Native
- 2. Philly Reps
- 3. Digital Marmalade
- 4. CloudHorizon
- 5. Bolden
- 6. Rock Kitchen Harris
- 7. FCINQ
- 8. Zulu Alpha Kilo
- 9. Stink Studios
- 10. CRUX
- 11. Drexler
- 12. Matchstic
- 13. Atlassian
- 14. Coronary heart Artistic
- 15. LiveChat
- 16. Etsy
- 17. UWG
- 18. The Correspondent
- 19. Bluleadz
- 20. Media Junction
- “Meet the Team” Web page Greatest Practices
- Excessive-High quality Photos
- Worker Descriptions
- Social Hyperlinks
- Present Off Your Staff in Fashion
To a prospect searching for out a brand new service supplier, the method generally is a little overwhelming. It is easy to surprise: Who’re the actual folks behind all of the smoke and mirrors?
Including a “Meet the Staff” web page or part to your web site is a straightforward, efficient option to give what you are promoting an accessible face. As one in every of your most vital pages, it provides prospects an thought of who precisely they will be working with, and reveals potential workers that you simply’re happy with the folks in your workforce.
For some inspiration, see how these firms introduce guests to their most vital artistic property: their folks.
Artistic ‘Meet the Staff’ Pages
- Yokel Native
- Philly Reps
- Digital Marmalade
- Rock Kitchen Harris
- Zulu Alpha Kilo
- Stink Studios
- Coronary heart Artistic
- The Correspondent
- Media Junction
Cool ‘Meet the Staff’ Pages
1. Yokel Native
Yokel Native is a HubSpot Company Accomplice that positions itself as an extension of its purchasers’ advertising groups. For that purpose, this company showcases its employees to spotlight 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 workforce member, together with their bio, credentials, and social profiles.
Why this works: Yokel Native doesn’t go overboard with its “Meet the Team” web page, and it doesn’t have to — all the things potential purchasers have to know is introduced in a clear grid format. This manner, it’s clear who’s behind the company.
2. Philly Reps
As a distinction to extra elaborate designs we’ll see later on this record, Philly Reps is one other company that takes a cleaner, extra minimal strategy to its workforce web page. Members are introduced in grayscale pictures that take up the vast majority of display house for a pleasant constant feel and appear.
Under pictures are temporary descriptions of every member. Discover how Philly Reps has made every description roughly the identical size to take care of 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: Giant grayscale headshots of workforce members carry character and character to the model whereas sustaining visible consistency.
3. Digital Marmalade
Since most worker bios learn rather a lot like a listing of stats (“10 years within the trade … 4 years on the firm … Managed 80 web site redesign initiatives … “) the parents at Digital Marmalade determined to have just a little 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, in addition to their fictional superhero skills. It is a quirky twist that provides guests a colourful snapshot of the company’s workforce, highlighting each their spectacular expertise and pleasant tradition.
Why this works: Digital Marmalade balances its present of technical proficiency and enjoyable with worker stats that record each abilities and “superpowers.” Moreover, headshots are all related in composition and background.
CloudHorizon is a cell product growth firm. On its about web page, it 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 team” part is an effective way as an example that concept. Whenever you hover over a picture of a workforce member, their thumbnail flips to disclose a photograph from their childhood with a small caption of what they needed to be after they grew up.
Why this works: This intelligent thought highlights each the range of backgrounds that the CloudHorizon workforce brings, in addition to the individuality of every member. It additionally supplies a way of pleasant nostalgia to new guests.
Bolden’s workforce bios are extra typical than a number of the others on this record, however what they lack in invention they make up for in fashion.
Hovering over every workforce member’s image produces a darker various virtually like a picture damaging, revealing the worker’s title together with an outfit change. This can be a nice instance of a minimal, accessible “Meet the Staff” web page that manages to look cool and introduce the faces behind the company with out going excessive.
Why this works: Bolden implements a delicate however distinctive and efficient hover impact for its workforce member playing cards for some further visible aptitude. As a digital design company, these small moments present functionality.
6. Rock Kitchen Harris
Rock Kitchen Harris, a full-service company, determined to skip the pictures 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 each single one has a special character. Whereas some workers opted for representations paying homage to LinkedIn profile footage, others acquired just a little artistic with it, dressing their cartoon selves up as Ewoks and different characters. Staff will also be simply filtered by specialty.
Why this works: The selection to make renderings of every worker brings loads of character and character to this company’s web site. Plus, it provides the possibility for workers to have a bit of additional enjoyable as nicely.
FCINQ, a artistic studio, introduces us to their workforce 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 classy various to the anticipated rows of workforce pictures and names.
Why this works: FCINQ’s workforce part is a pleasant departure from the usual grid format whereas staying intuitive and informative.
8. Zulu Alpha Kilo
This Canadian company presents its founding workforce 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 pictures and cheeky bios.
Here is an excerpt from the bio of Marcus Alpha — the company’s “Extremely Chief Artistic Director Officer”:
Marcus has a popularity for pushing his artistic groups additional than another artistic director. He makes them work late nights, weekends and thru holidays in pursuit of that one actually breakthrough artistic 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 a substitute.
Why this works: Zulu Alpha Kilo leverages humor with its portraits and textual content content material to attract potential purchasers in quest of a accomplice on the quirky facet.
9. Stink Studios
We love this expertly color-coordinated slideshow of workforce members from Stink Studios. This artistic company has workplaces in 5 main cities world wide — 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 an area really feel” for nothing.
Why this works: The damaged grid format of this web site’s workforce web page is colourful, inviting, clear, and a contact playful as nicely.
The video professionals on the company CRUX have crafted a very charming web site that makes wonderful use of their medium. All the web site is introduced as a “video” inside an modifying program; guests can “play” the video by scrolling or by way of the timeline on the backside of the display.
Whenever you attain the “About” part, every workforce member drifts into focus alongside a humorous description. This web site is not like something we’ve seen earlier than and establishes this workforce as distinctive, formidable thinkers and creators.
Why this works: CRUX takes a one-of-a-kind strategy to its workforce web page (and its complete web site) that cleverly combines visible options of an internet site with these of a video modifying program.
As one of many extra artsy entries on this record, this “Meet the Staff” part from Drexler is proof that you do not want an entire web page dedicated to introducing your workers — only a part can do the trick.
This easy however polished workforce member marquee seems down the homepage and performs with scrolling to disclose every workforce member’s portrait. The “hands-on” portrait aesthetic is actually distinctive as nicely, making a homepage that solely this group may suppose up.
Why this works: Drexler makes use of scrolling to current workforce pictures in a scanning sample, full with peculiar however charming portraits.
As a branding company, Matchstic is aware of the significance of identification, creativity, and individuality. Not solely does its “Who We Are” part present that identification by highlighting the human ingredient of their model, but it surely additionally reveals their artistic facet. Whenever you hover over every thumbnail, a goofy illustration is overlaid onto the photograph.
As well as, the customized cursor, which solely reveals up on the About web page, is a robust callback to the Matchstic model, implying a kinetic vitality 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.
Atlassian, an organization behind most of the software program options utilized in companies worldwide, highlights pictures of their workforce on their “folks” web page, interacting on the workplace and arduous at work.
Under, they showcase their management workforce with colourful headshots that escape of colourful background bins, much like Matchstic. Whenever you hover over, vector graphics seem regarding the person’s distinctive function.
As well as, a popup seems on click on with social icons and a bio. What’s notably attention-grabbing is the choice to obtain their headshot, some further utility for media professionals.
Why this works: Atlassian’s folks web page is each skilled and quirky, with helpful options like bios, social media hyperlinks, and an choice to obtain headshots.
14. Coronary heart Artistic
Coronary heart Artistic presents its workforce members on its “about us” web page, and hovering the cursor over portraits reveals some further character behind every worker. Given the company focuses on culinary endeavors, these alternate pictures are often food-related.
For some added navigational ease, customers can kind playing cards by workforce. Choosing an choice from the dropdown will present the related members. You could have the choice to go to every particular person’s LinkedIn profile as nicely.
Why this works: Coronary heart Artistic lends a contact of enjoyable to its “Meet the Team” part by displaying various portraits on mouseover. Every workforce member reveals off what they love, which places some further character behind the model.
LiveChat, an AI customer support and chatbot answer, approached their workforce web page in a very totally different manner. As an alternative of simply itemizing out every workforce member’s roles and expertise, they created a photograph for every workforce member that illustrates who they’re in a conceptual, enjoyable, and metaphorical manner. Given the dimensions of the corporate, this was fairly the endeavor.
LiveChat’s strategy is extraordinarily efficient for showcasing the individuality of their workforce, and it compels the web site customer to take the workforce to have a look at every image and browse every bio. This ends in longer time on web page, an vital engagement metric.
Why this works: The LiveChat workforce web page locations huge emphasis on every member’s character and pursuits. It’s clear that LiveChat values everybody and is aware of the actual power of any enterprise is the folks.
Many giant firms forgo the normal “Meet the Staff” web page as a result of there are such a lot of workforce members that it does not make sense to show all of them. At Etsy, although, they acknowledge all of the those that 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 workforce member, Etsy compromises with a collage of workforce portraits as a testomony to the power behind the corporate.
Digital content material specialists UWG have created a shocking workforce web page that’s as a lot about character as it’s about personnel. Staff members are proven in energetic portraits in opposition to strong backgrounds. Most pictures are squares, however the web page often breaks this sample for some visible selection. For extra details about a workforce member, you possibly can click on a portrait to open a modal.
Why this works: This workforce web page is straightforward, but daring and efficient. Every portrait is full of character, and collectively the pictures kind a vibrant collage. It’s the form of “Meet the Team” web page that makes you really wish to meet the workforce.
18. The Correspondent
The Correspondent is a company that provides information with out fear-mongering or monetary acquire. In true journalistic fashion, the positioning options every workforce 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’ll subscribe to that specific author and think about a feed of their items. Better of all, the person’s mission is displayed throughout the highest and make contact with info within the sidebar.
Why this works: Sketch renderings of each workforce member lend to the publication aesthetic of The Correspondent. Readers can simply discover a specific author’s tales as nicely by clicking a card.
What higher option to convey the character of your workforce than to show their favourite gifs on mouse hover? That is what digital advertising company Bluleadz does. You may virtually 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 perform. Every button on the backside corresponds to a workforce and brings up the people who “make the magic occur” in that space of the enterprise.
Why this works: Yet one more manner so as to add character to a workforce web page, Blueleadz features a favourite gif for every workforce member. It’s enjoyable, entertaining, and probably changing.
20. Media Junction
Daring blocky pops of shade? Sure, please. HubSpot Elite Company Accomplice Media Junction shows their workforce thumbnails on strong backgrounds with vector shadows. Every photograph is just a little foolish, and plenty of of them carry their furry buddies into the image with them.
As well as, their management workforce’s thumbnails are clickable so as to learn extra about them and even ship them a message for extra info.
Why this works: Media Junction is afraid to indicate its playful facet on the workforce web page — pictures are colourful, inviting, and animated for a splash of fashion that retains customers on the web page.
“Meet the Team” Web page Greatest Practices
So, what can we study from these distinctive examples? Listed below are some ideas and design greatest practices that you would be able to take away and apply to your individual workforce web page:
Excessive-High quality Photos
Most guests will count on your workforce web page to characteristic pictures of your workers. Make sure that these pictures are high-quality and visually constant (together with dimensions). From there, you possibly can add as a lot character as you need. Or, you possibly can strive an illustrated various, as we noticed in some examples above.
On the very least, every member profile ought to embrace a photograph, title, and job title. For extra particulars, you would possibly select so as to add a brief bio of every worker that outlines their function, expertise, accomplishments, and pursuits. That is particularly becoming for businesses that collaborate extensively and in-person with purchasers — you’ll wish to construct belief, and bios are an effective way to get there.
Along with your workers’ names, titles, and bios, you may additionally select to hyperlink to their social media profiles in your workforce web page. Whereas not vital, this will help potential purchasers attain out to members via one other most well-liked channel.
A LinkedIn profile hyperlink is probably going sufficient, as you could be assured that workers will hold their posts skilled on the positioning. Nonetheless, hyperlink to different profiles (e.g., Twitter, Instagram) with warning, as you possibly can’t ensure their conduct on these websites is company-appropriate.
Sure, merely saying “personality” might appear to be a cop-out reply. We’re being deliberately imprecise right here as a result of every firm can have its personal strategy to including some further character to their “Meet the Team” web page. Relying in your model, this would possibly imply incorporating enjoyable portraits, humorous descriptions, or eye-catching results.
As we’ve seen, the very best workforce pages inject character in a manner that aligns with their branding. Some pages lean formal however sneak in some enjoyable components, some are clearly aiming for humor, and others play it extra severe. In all circumstances, the pages preserve knowledgeable really feel, even these which might be humorous.
You don’t have to go overboard right here, however including just a little one thing further can present your organization is keen to go above and past for the very best buyer expertise. It additionally helps what you are promoting stand out within the minds of customers who could be wading via 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. One of the best apply is to find out what your model stands for, then create a “Meet the Staff” and About web page that conveys that within the strongest potential manner. Whether or not that’s going for an elaborate, eye-catching web page or a less complicated grid show, guests will respect with 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.