귀하의 사이트에 대한 15개 이상의 최고의 팀 만나기 페이지 예

매력적이고 유익한 '팀을 만나다' 페이지를 만드는 것은 오늘날 모든 대행사나 비즈니스 조직에 필수적입니다. 이 페이지는 직원의 이름과 사진 목록일 뿐만 아니라 직원의 기술, 이야기, 개성을 보여줄 수 있는 기회이기도 합니다. 또한 이 페이지를 통해 귀하의 회사에 합류하는 데 관심이 있는 잠재적인 직원을 유치할 수도 있습니다.

또한 잘 디자인된 팀 페이지가 있으면 신뢰를 구축하고 브랜드를 인간미 있게 표현하며 방문자에게 조직 문화에 대한 아이디어를 제공할 수 있습니다. 이 블로그 게시물에서는 영감을 얻을 수 있도록 최고의 "팀 만나기 페이지" 예시를 탐색하는 데 도움을 드리겠습니다.

그 전에 오늘의 주제와 관련된 몇 가지 이론적 부분을 다루겠습니다.

팀을 만나다 페이지란 무엇입니까?

팀을 만나다 페이지는 조직에서 일하는 구성원을 소개하기 위해 설계된 웹사이트의 별도 페이지입니다. 이메일 주소, 전화번호 등의 연락처 정보를 포함하여 사람들의 간략한 약력을 표시할 수도 있습니다. 즉, 팀을 만나는 페이지에는 다음 요소가 포함됩니다.

• 고품질 사진
• 회원의 이름과 직위
• 짧은 전기
• 개인정보
• 연락처 정보
• 개인 페이지 링크(선택 사항)

15개 이상의 최고의 팀 만나기 페이지 예시

이제 팀 페이지가 무엇인지, 그리고 그러한 페이지를 구성하는 요소가 무엇인지에 대해 알게 되었습니다. 이 섹션에서는 디자인에 대한 영감을 얻을 수 있도록 최고의 팀 페이지 예시 중 일부를 다룰 것입니다.

1. 위데브스

weDevs는 WordPress 및 SaaS 제품을 전문으로 하는 소프트웨어 회사입니다. 그들은 Dokan, WP Project Manager, WP ERP, Appsero 등과 같은 플러그인을 개발하는 것으로 유명합니다. 이 회사에는 다양한 배경을 가진 약 90~100명의 직원이 근무하고 있습니다. 작업자의 이미지와 이름, 명칭만을 표시한 미니멀한 디자인을 자랑합니다.

페이지의 논리: 이 페이지에서는 회사에서 일하는 모든 직원을 한눈에 볼 수 있습니다. 깔끔하고 미니멀한 팀 페이지 예시를 찾고 있다면 이것이 영감이 될 수 있습니다.

2. 네임칩

Namecheap을 모르는 사람이 있나요? Namecheap에 대해 들어본 적이 없는 사람은 거의 찾을 수 없습니다. 현재 세계 최고의 도메인 등록 기관 및 호스팅 회사 중 하나입니다. 900명 이상의 활성 회원을 보유한 민간 회사입니다. 그래서 이 회사에 근무하는 멤버들을 모두 보여드리기는 어렵습니다. 결과적으로 Namecheap은 팀 회의 페이지에 주요 인물만 표시합니다.

페이지의 논리: 많은 직원이 일하고 있지만 최고 경영진(CEO, COO, CTO 등)만 표시하려는 경우 이 페이지를 예로 들 수 있습니다.

3. 멋진 동기

Awesome Motive는 WordPress를 전문으로 하는 또 다른 유명한 소프트웨어 개발 회사입니다. Syed Balkhi가 설립했습니다. OptinMonster, WPForms, SeedProd, All in One SEO 등은 가장 인기 있는 플러그인 중 일부입니다.

플러그인 개발 외에도 다양한 플러그인 회사에 투자하여 많은 플러그인을 인수하고 있습니다. 따라서 그들은 수년에 걸쳐 크고 거대해졌습니다. 현재 Awesome Motive에는 50개 이상의 국가에서 330명 이상의 직원이 근무하고 있습니다.

결과적으로 너무 길기 때문에 팀 회의 페이지에 각 작업자의 세부 정보를 나열하고 표시하는 것은 불가능합니다. 그래서 일부 직원의 사진만 위치와 함께 그리드 형식으로 게시했습니다.

페이지 이면의 논리: 이 전략을 사용하면 제한된 공간에 많은 수의 작업자를 표시할 수 있습니다. 이는 기존 팀 회의 페이지에서는 불가능합니다.

4. 마이크로소프트

Microsoft는 전 세계적으로 220,000명이 넘는 직원을 보유한 글로벌 기술 회사입니다. 따라서 팀을 만나다 페이지에 너무 많은 직원을 수용하는 것이 불가능하다는 것을 쉽게 이해할 수 있습니다.

그들이 한 일은 팀 미팅 페이지에서 직원들을 최고의 리더십과 관리직에 표시하는 것입니다. 그러나 이러한 직원의 수도 상당히 많습니다. 따라서 지정 카테고리에 따라 표시하기 위해 여러 개의 탭을 만들었습니다.

페이지 이면의 논리: 지정 범주별로 최고 직원을 표시하려는 경우 팀 페이지를 충족하는 예가 완벽합니다.

5. 사과

Microsoft와 마찬가지로 Apple은 다양한 소프트웨어 및 전자 제품을 갖춘 세계적으로 유명한 기술 회사입니다. 전 세계 다양한 국가에서 150,000명 이상의 직원이 근무하고 있습니다. 따라서 모든 직원을 한 페이지에 표시하는 것은 불가능합니다.

여기에서도 그들은 이전 회사와 동일한 전략을 따릅니다. 팀 회의 페이지에 회사의 주요 리더십과 이사회가 표시되지만 전환 가능한 탭은 사용되지 않습니다.

페이지 이면의 논리: 전환 탭 없이 간단한 팀 회의 페이지에 여러 중요한 직원을 표시하려는 경우 이 페이지가 이상적입니다.

6. 쇼피파이

Shopify는 전자상거래 상점을 쉽게 만들고 관리할 수 있는 최고의 전자상거래 플랫폼입니다. 지금까지 그들은 4백만 개가 넘는 전자상거래 매장을 호스팅하고 있습니다. 이 대규모 사업을 관리하기 위해 전 세계적으로 수천 명의 직원이 있습니다.

기술, 개발, 마케팅 등 다양한 부서에서 활발히 활동하고 있습니다. 그들의 팀 페이지는 일반적으로 다른 웹사이트에서는 볼 수 없는 짧은 약력으로 조직의 가장 중요한 사람들을 호스팅합니다.

페이지 뒤에 숨겨진 논리: 관련 키워드를 최적화하는 카피를 만들 수 있다면 팀 구성원에 대한 짧은 약력이 있으면 SEO 활용에 도움이 될 수 있습니다.

7. 자동

Automattic은 전체 WordPress 생태계 개발을 뒷받침하는 실제 회사입니다. 보고 있으면 눈이 편안해지는 창의적인 팀 페이지가 있습니다. 다른 많은 사람들과 마찬가지로 이 회사에도 엄청난 수의 활성 작업자가 있지만 페이지에 모두 표시하는 데 성공했습니다.

그들이 어떻게 해냈는지! 웹사이트는 Google 지도를 사용하여 직원의 위치를 ​​표시합니다. 방문자는 확대하여 위치별로 직원을 빠르게 확인할 수 있습니다.

페이지 이면의 논리: 조직에 직원이 많고 팀 모임 페이지에 직원 모두를 표시하려는 경우 이 레이아웃을 사용할 수 있습니다.

8. 우아한 테마

Elegant Themes는 유명한 WordPress 테마 및 플러그인 개발자입니다. 현재 수백만 명의 사용자가 적극적으로 제품을 사용하고 있습니다. 현재 조직에는 약 100명의 직원이 있습니다.

이 숫자는 적기 때문에 팀 모임 페이지에 모든 사람을 나열합니다. 이 경우 weDevs와 유사한 페이지 레이아웃을 따릅니다. 이 페이지에는 직원 사진, 이름, 명칭만 표시되는데, 이는 최소한의 접근 방식입니다.

페이지 뒤에 숨은 논리: 이것은 weDevs 이후의 또 다른 최소한의 팀 페이지 예제입니다. 포괄적이고 복잡한 디자인을 적용하고 싶지 않다면 이 페이지 레이아웃을 따르세요.

9. 비즘

Visme은 클라우드 기반 그래픽 디자인 도구입니다. Visme을 사용하면 짧은 시간에 멋진 인포그래픽, 프리젠테이션, 소셜 미디어 게시물, 이력서 등을 만들 수 있습니다. 가장 중요한 것은 이 도구를 사용하여 디자인하기 위해 전문가가 될 필요조차 없다는 것입니다.

초보자도 짧은 시간에 디자인을 완성할 수 있는 수많은 기성 템플릿을 여기에서 찾을 수 있습니다. Visme에는 수백 명의 직원을 함께 표시하는 창의적인 팀 모임 페이지도 있습니다.

페이지 뒤의 논리: Visme는 페이지에 직원의 실제 사진을 표시하지 않습니다. 대신 직원들에게 각자의 이름을 가진 아바타를 설정하기만 하면 됩니다. 마지막으로, 페이지 하단에는 직원들이 근무하는 위치를 가리키는 지도가 있습니다.

10. 디지타실크

DigitaSilk는 비즈니스를 위한 디지털 솔루션을 만드는 디지털 마케팅 대행사입니다. 웹 디자인, 개발, SEO 및 온라인 마케팅 전략과 같은 다양한 서비스를 제공합니다. 이는 타겟 트래픽과 전환율 증가를 가져오는 마케팅 캠페인을 계획, 생성 및 실행하는 데 도움이 됩니다.

그들은 일반적으로 전통적인 웹사이트에서 볼 수 없는 자세한 팀 페이지를 만나보세요. 페이지에는 직원 목록뿐만 아니라 각 직원에 대한 간략한 소개도 추가됩니다. 팀원 위로 커서를 이동하면 호버 효과가 나타납니다.

팀원을 클릭하면 바로 아래 새 섹션에서 해당 팀원의 약력이 열립니다. 두 번째 클릭은 섹션을 다시 숨깁니다.

페이지 이면의 논리: 직원 수가 제한되어 있고 확장 가능한 섹션을 추가하여 세부 정보를 표시하려는 경우 팀 페이지 레이아웃을 충족하는 것이 도움이 될 수 있습니다.

10. 파괴적

Disruptive의 팀 페이지는 위의 논의에서 다룬 다른 페이지보다 더 자세합니다. 이 페이지에는 수직 탭을 통해 지정에 따라 직원이 나열되어 있습니다.

그런 다음 각 직원의 이름이 해당 직원에 대한 자세한 정보가 포함된 해당 약력 페이지에 연결되었습니다. 사용자는 페이지에서 직원의 이름을 클릭하기만 하면 약력 페이지를 방문할 수 있습니다.

페이지 이면의 논리: 조직에 많은 직원이 있고 각 직원에 대한 작성자/프로필/약력 페이지가 있고 이들을 팀 회의 페이지에 연결하고 싶다면 이 페이지에서 아이디어를 얻을 수 있습니다.

11. 덴츠

Dentsu의 팀 미팅 페이지는 위의 두 웹사이트와 매우 유사합니다. 이 웹사이트에서는 각 직원에 대한 자세한 약력 페이지도 유지 관리하며, 이 페이지는 팀 만나기 페이지에 소개된 각 직원과 연결됩니다.

결과적으로 방문자는 먼저 이 페이지에서 모든 직원에 대한 기본 아이디어를 얻은 다음 해당 페이지를 방문하여 자세한 내용을 확인할 수 있습니다.

페이지 이면의 논리: 올바른 키워드로 작성자/프로필/약력 페이지를 최적화할 수 있다면 웹사이트 SEO에 확실히 도움이 될 것입니다. 이것이 그들이 팀을 만나다 페이지를 이런 식으로 디자인한 이유입니다.

12. 오길비

Ogilvy는 유명한 창의적 광고, 마케팅 및 홍보 대행사입니다. 이들은 귀하의 비즈니스를 독특하게 만드는 혁신적인 방법으로 브랜딩, 디지털 마케팅, 콘텐츠 제작, 미디어 계획과 같은 광범위한 서비스를 제공합니다.

그들은 팀 모임 페이지도 독특한 방식으로 디자인했습니다. 호버 효과를 사용하여 모든 팀원을 그리드 형식으로 표시했습니다. 이미지 위에 커서를 올리면 팀원의 이름이 표시됩니다. 이미지를 클릭하면 팀원에 대한 자세한 정보를 포함하는 새로운 섹션이 열립니다.

페이지 이면의 논리: 추가 작성자/프로필/약력 페이지를 만들지 않고도 팀 ​​모임 페이지에 팀원의 정보를 표시하려면 이 페이지를 따르면 됩니다.

13. 디지털 성장

Thrive Digital은 퍼포먼스 마케팅 대행사입니다. 데이터 기반 광고 전략을 통해 비즈니스 성장을 돕습니다. 소셜 미디어 마케팅, SEO, 클릭당 지불(PPC) 등을 통해 측정 가능한 결과를 제공합니다.

그들은 소수의 구성원으로 구성된 소규모 팀을 보유하고 있으며 팀 모임 페이지에서 매우 독특한 방식으로 구성원을 소개합니다. 클릭하면 정보를 표시하는 도구 설명이라는 기능을 볼 수 있는 많은 웹 페이지가 있습니다.

거의 동일한 기능을 사용하여 팀 페이지의 레이아웃을 정렬했습니다. 팀 구성원의 이미지는 작은 아이콘 크기로 페이지 전체에 퍼져 있습니다. 클릭하면 해당 정보가 슬라이드 쇼로 표시됩니다.

페이지 이면의 논리: 수백 또는 수천 명과 같이 직원이 많은 경우 이 페이지 레이아웃을 사용하여 팀 미팅 페이지에 직원을 표시할 수 있습니다.

14. 윅스

WIX는 클라우드 기반의 선도적인 웹사이트 개발 플랫폼입니다. 요소를 끌어다 놓는 것만으로 처음부터 웹사이트를 만들 수 있습니다. 아무것도 코딩할 필요가 없습니다. 이것이 바로 코드가 없는 사용자를 위한 훌륭한 웹 구축 플랫폼인 이유입니다.

많은 사람들과 마찬가지로 전 세계에 수천 명의 직원이 있습니다. 따라서 팀 모임 페이지에 모든 사람을 표시하는 대신 주요 위치에 있는 작업자가 해당 페이지에 나열되어 표시됩니다.

페이지의 흥미로운 부분은 커서를 올리면 팀원의 정보가 자동으로 나타난다는 것입니다. 따라서 별도의 섹션을 확장할 필요가 없습니다.

페이지의 논리: 추가 섹션이나 페이지를 추가하지 않고 제한된 공간에 팀원의 정보를 표시하려면 이 페이지의 레이아웃을 고려해야 합니다.

15. 오쓰랩

Authlab은 전 세계 수백만 명의 사람들이 사용하는 많은 인기 WordPress 플러그인의 자랑스러운 개발자입니다. 그들은 깨끗하고 단순한 팀 페이지를 만나보세요. 그러나 우리가 본 흥미로운 점은 팀원들의 전기를 쓰는 대신, 그들의 전문 지식에 대한 짧은 사본을 썼다는 것입니다.

와, 정말 놀랍습니다. 다른 회사의 HR이 이 사본을 읽고 직무에 대한 새로운 기회를 제공함으로써 원하는 후보자를 찾는 데 도움이 됩니다. 이는 직원의 경력 성장 잠재력을 향상시킵니다.

페이지 뒤에 숨은 논리: 팀 구성원의 이름을 나열하고 그들의 경력 성장에 특별한 가치를 추가하는 것에 대해 생각하는 것 외에도 Authlab의 페이지를 만나다에서 영감을 얻을 수 있습니다.

WordPress에서 팀 만나기 페이지를 만드는 방법

웹 사이트를 만드는 데 사용한 플랫폼이나 기술을 사용하여 팀 미팅 페이지를 만들어야 합니다. 확실히 시장에는 웹사이트 구축 플랫폼과 기술이 부족하지 않습니다.

이 섹션에서는 WordPress 웹사이트에서 이 페이지를 만드는 방법을 보여줍니다. 따라서 귀하의 웹사이트가 WordPress로 구동된다면 다음 튜토리얼이 도움이 될 것입니다.

01단계: Elementor 및 HappyAddons 설치

Elementor는 WordPress용 드래그 앤 드롭 페이지 빌더 플러그인입니다. 이 플러그인을 사용하면 단순한 웹사이트부터 복잡한 웹사이트까지 디자인할 수 있습니다. HappyAddons는 Elementor 플러그인을 위한 기능이 풍부한 애드온입니다.

Elementor에는 100개 이상의 위젯과 여러 가지 유용한 기능이 있는 반면 HappyAddons에는 20개 이상의 흥미로운 기능을 갖춘 추가 130개 이상의 위젯이 있습니다. 이 두 가지 플러그인이 모두 있으면 사이트에서 마법 같은 일을 할 수 있습니다.

아래 링크를 클릭하여 플러그인을 다운로드하고 사이트에 설치하세요.

• 엘레멘터
• HappyAddons
• HappyAddons 프로

02단계: Elementor로 새 페이지 열기

Elementor로 새 페이지를 엽니다.

03단계: 팀 구성원 위젯 사용

Team Member 위젯을 캔버스에 끌어다 놓고 사용자 정의하세요.

팀 구성원은 HappyAddons 플러그인의 무료 위젯입니다. 이를 사용하면 weDevs, Namecheap, Microsoft 및 Authlab의 페이지와 유사한 아래 이미지와 같이 깔끔하고 단순하며 최소한의 팀 페이지를 만들 수 있습니다.

위젯 사용 방법을 자세히 알아보려면 팀 구성원 위젯 설명서를 참조하세요.

04단계: 팀 회전식 위젯을 사용하여 복잡한 페이지 디자인

팀 회전식 위젯을 사용하면 복잡한 팀 페이지를 만날 수 있습니다. Elementor 캔버스에 끌어다 놓고 사용자 정의하세요.

Team Carousel은 HappyAddons 플러그인의 프리미엄 위젯입니다. 이를 이용하면 DigitaSilk, Disruptive, Dentsu와 유사한 아래 이미지와 같은 콤플렉스 미팅 팀 페이지를 만들 수 있습니다.

위젯 사용 방법을 자세히 알아보려면 Team Carousel 위젯 문서를 참조하세요.

결론

팀 회의 페이지를 디자인하는 방법을 설명하려면 별도의 블로그 게시물이 필요하지만 이 연속 글에서는 완전히 다룰 수 없습니다. 이것이 우리가 이 게시물의 끝 부분에서 튜토리얼을 엿볼 수 있는 이유입니다.

팀 회의 페이지를 디자인하는 방법에 대한 포괄적인 가이드를 새로운 전용 블로그 게시물로 작성하려면 댓글 상자를 통해 알려주세요. 우리는 곧 그것을 고려할 것입니다.

또한 디자인 방법을 설명하고 싶은 팀 페이지 예시를 제안할 수도 있습니다.