24 лучшие страницы «Знакомьтесь с командой», которые мы когда-либо видели

Для потенциального клиента, ищущего нового поставщика услуг, этот процесс может быть немного ошеломляющим. Легко задаться вопросом: кто настоящие люди за всем этим дымом и зеркалами?

Добавление страницы или раздела «Знакомство с командой» на ваш веб-сайт — это простой и эффективный способ сделать ваш бизнес доступным.

Это также дает потенциальным клиентам представление о том, с кем именно они будут работать, и показывает потенциальным сотрудникам, что вы гордитесь людьми в своей команде.

Для вдохновения посмотрите, как эти компании знакомят посетителей со своим самым важным творческим активом: своими людьми.

1. Йокель Местный

Yokel Local — партнер агентства HubSpot, позиционирующий себя как продолжение маркетинговых команд своих клиентов. По этой причине это агентство демонстрирует своих сотрудников, чтобы выделить людей, стоящих за брендом.

Что приятно на этой конкретной странице, так это простота: дизайн сетки обеспечивает современный вид, а нажатие на лицо открывает окно с дополнительной информацией о члене команды, включая его биографию, учетные данные и социальные профили.

Почему это работает: Yokel Local не перебарщивает со своей страницей «Знакомство с командой», да это и не нужно. Все, что нужно знать потенциальным клиентам, представлено в четком формате сетки. Таким образом, становится ясно, кто стоит за агентством.

2. Представительства Филадельфии

В отличие от более сложных дизайнов, Philly Reps — еще одно агентство, которое использует более чистый и минималистичный подход к странице своей команды.

Элементы представлены в виде изображений в градациях серого, которые занимают большую часть экрана для приятного единообразного внешнего вида.

На изображениях ниже приведены краткие описания каждого участника. Обратите внимание, что Philly Reps сделал каждое описание примерно одинаковой длины, чтобы сохранить баланс и выравнивание между элементами сетки.

Большинство не заметит эту деталь, но в результате страница будет максимально удобочитаемой.

Почему это работает: Крупные снимки членов команды в оттенках серого придают бренду характер и индивидуальность, сохраняя при этом визуальную согласованность.

3. Цифровой мармелад

Поскольку биографии большинства сотрудников во многом напоминают список статистики («10 лет в отрасли… 4 года в компании… Управлял 80 проектами по редизайну веб-сайтов…»), сотрудники Digital Marmalade решили немного поразвлечься с форматом.

У каждого сотрудника лондонского маркетингового агентства есть профиль в виде коллекционной карточки с подробным описанием его реальных маркетинговых достижений и личных фактов.

Это причудливый поворот, который дает посетителям представление о команде агентства, подчеркивая их впечатляющий опыт и дружелюбную культуру.

Почему это работает: Digital Marmalade сочетает демонстрацию технического мастерства и веселья со статистикой сотрудников. Кроме того, все снимки в голову похожи по композиции и фону.

4. Облачный горизонт

CloudHorizon — компания по разработке мобильных продуктов. На странице «О нас» говорится: «Некоторые из наиболее полезных проектов, в которых мы имели честь участвовать, начинались с простых идей и выросли с нуля до прибыльного бизнеса».

Имея это в виду, раздел CloudHorizon «Познакомьтесь с нашей командой» — отличный способ проиллюстрировать эту идею.

Когда вы наводите курсор на изображение члена команды, его миниатюра переворачивается, чтобы показать фотографию из его детства с небольшой подписью о том, кем он хотел стать, когда вырастет.

Почему это работает: эта умная идея подчеркивает как разнообразие опыта, которое привносит команда CloudHorizon, так и уникальность каждого участника. Это также вызывает чувство дружеской ностальгии у новых посетителей.

5. Болден

Биографии команды Болдена более традиционны, чем другие в этом списке, но они компенсируют это стилем.

При наведении курсора на изображение каждого члена команды появляется более темная альтернатива, почти как негатив изображения, на которой видно имя сотрудника и смену одежды. Это отличный пример минимальной, доступной страницы «Знакомство с командой», которая выглядит круто и знакомит с лицами, стоящими за агентством, не выходя за рамки.

Почему это работает: Bolden реализует тонкий, но уникальный и эффективный эффект наведения для карточек членов своей команды для дополнительного визуального чутья. Как агентство цифрового дизайна, эти маленькие моменты показывают возможности.

6. Рок Китчен Харрис

Rock Kitchen Harris, агентство с полным спектром услуг, решило вообще пропустить фотографии и вместо этого продемонстрировать мультяшные версии своих сотрудников.

У каждого сотрудника английского агентства была нарисована индивидуальная карикатура, и у каждого свой характер.

В то время как некоторые сотрудники выбрали изображения, напоминающие изображения профиля LinkedIn, другие проявили немного творчества, наряжая своих мультяшных персонажей в эвоков и других персонажей.

Сотрудников также можно легко отфильтровать по специальностям.

Почему это работает: выбор сделать визуализацию каждого сотрудника придает веб-сайту этого агентства много характера и индивидуальности. Кроме того, это дает сотрудникам возможность повеселиться.

7. ФЦИНК

Креативная студия FCINQ представляет нам свою команду коллажем из разноцветных пузырей.

При наведении указателя мыши на круг сотрудника создается эффект увеличения, а при нажатии на изображение его головы увеличивается его имя и социальные профили. Яркая установка — стильная альтернатива ожидаемым рядам фотографий и имен команд.

Почему это работает: раздел команды FCINQ — отличный отход от стандартной сетки, но при этом остается интуитивно понятным и информативным.

8. Зулу Альфа Кило

Это канадское агентство представляет свою команду основателей с освежающим комедийным чутьем. В то время как многие лидеры агентств предпочитают представлять себя стоическими деловыми портретами, три лидера Zulu Alpha Kilo выбрали игривые фотографии и дерзкие биографии.

Вот выдержка из биографии Маркуса Альфы — «Ультра главного креативного директора» агентства:

Маркус имеет репутацию человека, продвигающего свои творческие команды дальше, чем любой другой креативный директор. Он заставляет их работать допоздна, по выходным и в праздничные дни в погоне за одной поистине прорывной творческой идеей.

И когда после нескольких недель изнурительной и неблагодарной работы они, наконец, взломают его, Маркус победно встанет перед клиентом и представит его как идею, которая пришла ему в голову тем утром в душе.

Почему это работает: Zulu Alpha Kilo использует юмор в своих портретах и ​​текстовом контенте, чтобы привлечь потенциальных клиентов в поисках партнера с причудливой стороны.

9. Вонючие студии

Нам нравится это мастерски оформленное слайд-шоу членов команды Stink Studios.

У этого креативного агентства есть офисы в пяти крупных городах мира, включая Нью-Йорк, Париж и Берлин, но наличие представительного раздела «Знакомство с командой» помогает сделать их бизнес доступным.

Они не зря называют себя «глобальной компанией с местным колоритом».

Почему это работает: ломаная сетка на странице команды этого веб-сайта привлекательна, чиста и немного игрива.

10. Веганская пекарня и кафе Canela

Canela знает, что ее люди и история так же важны, как и вкусные предложения меню. Их страница знакомства с командой содержит имя каждого человека, местоимения и краткую биографию.

Фотографии членов команды часто включают выпечку или чашку кофе, что соответствует теме пекарни. Они также делятся своими любимыми десертами, привязываясь к сладким угощениям, которые предлагает пекарня.

Что нам нравится: Каждая биография также включает любимую песню сотрудника и знак зодиака. Это создает личное, беззаботное прикосновение.

11. Дрекслер

Дрекслер, одна из самых искусных записей в этом списке, доказывает, что вам не нужна целая страница, посвященная представлению ваших сотрудников — достаточно одного раздела.

Эта простая, но отточенная бегущая строка члена команды появляется внизу главной страницы и играет с прокруткой, чтобы показать портрет каждого члена команды. Эстетика «практического» портрета также уникальна, создавая домашнюю страницу, которую могла придумать только эта группа.

Почему это работает: Дрекслер использует прокрутку, чтобы представить фотографии команды в виде шаблона сканирования, дополненного своеобразными, но увлекательными портретами.

12. Матчстик

Как брендинговое агентство, Matchstic осознает важность идентичности, креативности и индивидуальности. Раздел «Кто мы» не только обеспечивает эту идентичность, подчеркивая человеческий фактор бренда, но также показывает его творческую сторону.

Когда вы наводите курсор на каждую миниатюру, на фотографию накладывается дурацкая иллюстрация.

Кроме того, пользовательский курсор, который отображается только на странице «О программе», является сильным отсылом к ​​бренду Matchstic, подразумевая кинетическую энергию, которая начинается с зажигания спички.

Почему это работает: Matchstic применяет мультяшный эффект при наведении курсора на портреты своих сотрудников, подразумевая веселье, воображение и творческий подход за простыми профилями. Пользовательский курсор — это дополнительный приятный штрих.

13. Атласиан

Atlassian, компания, разработавшая множество программных решений, используемых в компаниях по всему миру, выделяет фотографии своей команды на своей странице «люди», взаимодействуя в офисе и усердно работая.

Ниже они демонстрируют свою руководящую команду с красочными снимками в голову, которые вырываются из красочных фоновых блоков, как в Matchstic. При наведении курсора на каждое изображение появляется векторная графика, относящаяся к уникальной роли человека.

Кроме того, при нажатии появляется всплывающее окно с иконками социальных сетей и биографией. Что особенно интересно, так это возможность загрузить их портрет, который имеет дополнительную полезность для профессионалов в области СМИ.

Почему это работает: профессиональная и необычная страница Atlassian с полезными функциями, такими как биографические данные, ссылки на социальные сети и возможность загрузки снимков головы.

14. Кота

Heart Creative представляет членов своей команды на странице «О нас». Нажав на портрет, вы увидите больше информации о каждом сотруднике.

Есть также еще один портрет в стиле двойного зрения, показывающий крупный план и перекрывающееся изображение профиля сотрудника.

Почему это работает? Креативная, последовательная цветовая схема добавляет веселья в раздел «Знакомство с командой», отображая альтернативные портреты при наведении курсора.

15. Живой чат

LiveChat, решение для обслуживания клиентов и чат-ботов с искусственным интеллектом, совершенно по-другому подошло к своей командной странице.

Вместо того, чтобы просто перечислить роли и опыт каждого члена команды, они создали фотографию для каждого члена команды, которая концептуально, весело и символически иллюстрирует, кто они есть. Учитывая размер компании, это было довольно сложно.

Подход LiveChat чрезвычайно эффективен для демонстрации уникальности их команды и заставляет посетителя веб-сайта не торопиться, чтобы посмотреть на каждую фотографию и прочитать каждую биографию.

Это приводит к увеличению времени нахождения на странице, что является важным показателем вовлеченности.

Почему это работает: страница команды LiveChat подчеркивает индивидуальность и интересы каждого участника. Очевидно, что LiveChat ценит каждого и знает, что настоящая сила любого бизнеса — это люди.

16. Этси

Многие крупные компании отказываются от традиционной страницы «Знакомство с командой», потому что членов команды так много, что нет смысла отображать их всех.

Однако на Etsy они признают всех людей, которые делают популярным онлайн-рынок возможным, с помощью мозаичной «доски людей», которая прокручивается в течение нескольких дней.

Почему это работает: Хотя нецелесообразно предоставлять биографию каждого члена команды, Etsy идет на компромисс с коллажем из портретов команды как свидетельством силы компании.

17. УРГ

Специалисты по цифровому контенту UWG создали потрясающую командную страницу, посвященную не только личностям, но и персоналу. Члены команды изображены живыми портретами на сплошном фоне.

Большинство изображений представляют собой квадраты, но страница иногда нарушает этот шаблон для некоторого визуального разнообразия. Вы можете щелкнуть портрет, чтобы открыть модальное окно для получения дополнительной информации о члене команды.

Почему это работает: эта командная страница проста, но ярка и эффективна. Каждый портрет наполнен индивидуальностью, а вместе изображения образуют яркий коллаж. Это своего рода страница «Знакомство с командой», которая заставляет вас действительно захотеть встретиться с командой.

18. Корреспондент

«Корреспондент» — это организация, которая предлагает новости без нагнетания страха или финансовой выгоды. В истинно журналистском стиле каждый член команды изображен на сайте в красивом мультяшном стиле, что придает странице художественный вид.

Щелчок по каждой миниатюре приводит посетителя веб-сайта к месту, где он может подписаться на этого конкретного автора и просмотреть ленту своих статей. Миссия человека отображается сверху, а контактная информация находится на боковой панели.

Почему это работает: наброски каждого члена команды придают публикации The Correspondent эстетику. Читатели также могут легко найти рассказы конкретного писателя, щелкнув карточку.

19. Блулеадз

Что может быть лучше, чтобы передать индивидуальность вашей команды, чем отображать их любимые гифки при наведении курсора мыши? Этим занимается агентство цифрового маркетинга Bluleadz. Вы можете почти представить этих людей в сценариях, которые представляют их гифки.

Еще одна полезная функция этой страницы «Знакомство с командой» — возможность фильтровать сотрудников Bluleadz по функциям. Каждая кнопка внизу соответствует команде и вызывает людей, которые «делают волшебство» в этой области бизнеса.

Почему это работает: Еще один способ добавить индивидуальности странице команды. Blueleadz включает любимую гифку для каждого члена команды. Это весело, интересно и потенциально конвертирует.

20. Медиа узел

Смелые блочные всплески цвета? Да, пожалуйста. Партнер агентства HubSpot Elite Media Junction отображает миниатюры своей команды на сплошном фоне с векторными тенями.

Каждое фото немного глупое, и многие из них приносят с собой своих пушистых друзей.

Кроме того, миниатюры их руководящей команды кликабельны, так что вы можете узнать о них больше и даже отправить им сообщение для получения дополнительной информации.

Почему это работает: Media Junction не боится показать свою игривую сторону на странице команды — изображения красочные, привлекательные и анимированные для стиля, который удерживает пользователей на странице.

21 . человеческий

Humaan — это сочетание игры и бизнеса с любопытством и экспериментами. Вот почему их страница «Знакомство с командой» создана для демонстрации того, что они делают лучше всего — разработки цифровых продуктов для дальновидных брендов.

Групповое фото Humaan «Знакомство с командой» подчеркивает их веселую и совместную сторону. Но когда вы прокрутите страницу вниз, вы найдете персонализированные GIF-файлы каждого члена команды и краткую (но не скучную!) биографию.

Почему это работает: яркое групповое фото кричит: «Мы креативны». Но не только групповое фото привлекает внимание, каждая фотография (или GIF) команды Humaan демонстрирует немного их индивидуальности, чтобы создать более, ну, человеческий опыт.

22. Соленый камень

Salted Stone, агентство комплексных цифровых решений и консалтинга, гордится тем, что не привязано только к одному полушарию — и они хотят, чтобы вы знали об этом.

Индивидуальные фотографии каждого члена команды — это профессиональные фотографии с одинаковым фоном и освещением. Более темный фон помогает привлечь внимание к карте сбоку от фотографии каждого человека.

Почему это работает: страница «Знакомство с командой» в Salted Stone фокусируется на отдельных сотрудниках, прекрасно подчеркивая их местонахождение. Клиенты знают, что они будут работать с глобальными лидерами.

23. Дуб + Гул

Если вы представляете компанию, производящую видео, разве не имеет смысла размещать высококачественный видеоконтент на странице «Знакомство с командой»? Так думали в Oak + Rumble, и их вступительное видео прекрасно отражает то, что они могут предложить клиентам.

Ваша био-страница не должна быть просто фотографиями и краткими биографиями сотрудников. Вместо этого проявите творческий подход и возьмите страницу из сборника игр Oak + Rumbles. Добавьте видео, чтобы ваша история действительно выпрыгнула из страницы.

Почему это работает: вступительное видео Oak + Rumble воплощает их работу в жизнь. Посетители страницы их команды точно знают, в чем хороши Oak + Rumble, и знают, какого качества работы можно ожидать, если они будут работать с ними.

24. Фишфингер

Креативное агентство Fishfinger решило пойти против течения и создало страницу «Знакомство с командой».

Вместо того, чтобы отображать фотографии сотрудников, Fishfinger упростил себе задачу и создал индивидуальную анимацию для каждого сотрудника, основанную на его должности, симпатиях и предпочтениях.

Fishfinger также отказался от скучных биографий и создал короткие причудливые биографии для каждого члена команды.

Переход на страницу следующего члена команды осуществляется по ссылке «Знакомство с Дэйвом» в нижней части страницы.

Почему это работает: страница Fishfinger «Знакомство с командой» отлично привлекает внимание читателей, демонстрируя личность компании и ее сотрудников.

Рекомендации на странице «Знакомство с командой»

Итак, чему мы можем научиться на этих исключительных примерах? Вот несколько советов и рекомендаций по дизайну, которые вы можете взять и применить на странице своей команды.

Используйте качественные изображения.

Большинство посетителей ожидают, что на странице вашей команды будут фотографии ваших сотрудников. Убедитесь, что эти фотографии высокого качества и визуально соответствуют друг другу (включая размеры). Оттуда вы можете добавить столько индивидуальности, сколько хотите. Или, как мы видели в некоторых примерах выше, вы можете попробовать иллюстрированную альтернативу.

Напишите убедительные описания сотрудников.

По крайней мере, профиль каждого участника должен содержать фотографию, имя и должность. Для получения более подробной информации добавьте краткую биографию каждого сотрудника с описанием его роли, опыта, достижений и интересов.

Это особенно подходит для агентств, которые активно и лично сотрудничают с клиентами — вам нужно завоевать доверие, и биографические данные — отличный способ добиться этого.

Включите социальные ссылки.

В дополнение к именам, должностям и биографическим данным ваших сотрудников вы также можете ссылаться на их профили в социальных сетях. Хотя это и необязательно, это может помочь потенциальным клиентам связаться с участниками через другой предпочитаемый канал.

Достаточно ссылки на профиль LinkedIn, так как вы можете быть уверены, что сотрудники будут профессионально размещать свои публикации на сайте. Тем не менее, будьте осторожны с ссылками на другие профили (например, Twitter, Instagram), так как вы не можете быть уверены, что их поведение на этих сайтах соответствует требованиям компании.

Демонстрация индивидуальности.

Да, просто сказать «личность» может показаться отговоркой. Мы намеренно неторопливы, потому что у каждой компании будет свой собственный подход к добавлению дополнительных символов на свою страницу «Знакомство с командой». В зависимости от вашего бренда это могут быть забавные портреты, юмористические описания или привлекательные эффекты.

Как мы видели, страницы лучших команд привносят индивидуальность таким образом, чтобы соответствовать их бренду. Некоторые страницы более формальные, но содержат некоторые забавные элементы, некоторые явно нацелены на юмор, а другие играют более серьезно. Во всех случаях страницы сохраняют профессиональный вид, даже те, которые забавны.

Здесь не нужно перебарщивать, но добавление чего-то дополнительного может показать, что ваша компания готова сделать все возможное для наилучшего обслуживания клиентов. Это также помогает вашему бизнесу выделиться в сознании пользователей, которые могут пробираться через десятки конкурирующих сайтов.

Покажите свою команду стильно

Страницы «Познакомьтесь с командой» находят отклик, потому что людям нравится покупать у реальных людей. Лучше всего определить, что символизирует ваш бренд, а затем создать страницы «Познакомьтесь с командой» и «О нас», которые передают это самым убедительным образом.

Будь то сложная, привлекающая внимание страница или более простая сетка, посетители оценят возможность представить ваш бренд лицом.

Примечание редактора. Этот пост был первоначально опубликован в декабре 2016 года и обновлен для большей полноты.