영감을 얻을 수 있는 10가지 훌륭한 포트폴리오 웹사이트(+ 나만의 포트폴리오 만들기 팁)

개인 브랜드를 구축하는 것은 공인만을 위한 것이 아닙니다. 업계의 유명인에게서 영감을 얻고 개인 브랜딩의 이점을 활용할 수 있습니다.

포트폴리오 웹사이트는 개인 브랜드를 구축하는 좋은 방법입니다. 잘 선별된 포트폴리오는 잠재 고객에게 귀하의 최고의 작품을 보여주고, 귀하가 해당 분야의 다른 전문가와 왜(그리고 어떻게) 다른지 설명하고, 신뢰와 인지도를 구축하는 데 도움이 됩니다.

결과적으로 웹에서 쉽게 검색할 수 있고 잠재 고객은 작업을 수행한 후 더 편안하고 자신 있게 고용할 수 있습니다.

온라인 포트폴리오를 만들기 전에 잠시 시간을 내어 다양한 크리에이티브 산업에서 유명인들의 멋진 포트폴리오 웹사이트를 살펴보십시오.

포트폴리오 웹사이트의 이러한 예에서 해야 할 일(및 하지 말아야 할 일)을 배우고 자신의 디자인에 대한 영감을 얻을 수 있습니다.

10 영감을 주는 포트폴리오 웹사이트

라이언 셰프

Ryan Scherf의 포트폴리오 웹사이트는 최소한의 한 페이지 디자인의 좋은 예입니다.

더 많은 고객이 필요하십니까?

무료 책: 30일 동안 10명의 신규 클라이언트를 통해 더 많은 프리랜서 작업을 수행하십시오. 아래에 이메일을 입력하면 모두 귀하의 것입니다.

지금 다운로드

페이지의 절반을 사용하여 방문자에게 그가 누구인지, 무엇을 하는지, 어디에서 일했는지, 어떻게 연락할 수 있는지에 대한 스냅샷을 제공합니다.

페이지의 나머지 절반에는 Ryan의 웃는 얼굴이 있으며 보는 사람에게 즉각적인 영향을 줍니다.

페이지 상단에는 방문자가 방문하여 그의 작업과 직업적 추구에 대해 더 많이 알 수 있는 소셜 미디어 링크가 표시됩니다.

알렉스 드램

얼핏 보면 알렉스 드램의 포트폴리오 웹사이트는 너무 단순해 보인다. 그러나 그는 자신의 사이트에서 대화형 요소를 사용하여 자신의 디자인 및 애니메이션 자격 증명을 영리하게 선보입니다.

페이지에서 알 수 있듯이 아래로 스크롤하면 그의 포트폴리오 웹사이트에서 그에 대해 자세히 알아볼 수 있는 다른 페이지(정보 페이지)와 다양한 고객을 위한 그의 프로젝트에 대해 읽을 수 있습니다(작업 페이지).

각 프로젝트에는 방문자가 Dram의 작동 방식을 이해하는 데 도움이 되는 충분한 컨텍스트가 제공되었습니다. 그가 제공하는 정보에는 클라이언트의 배경, 문제/요약, 사용된 창의적 프로세스, 취한 조치 및 달성한 결과가 포함됩니다.

이 모든 것이 이미지, 텍스트 및 인터랙티브 요소의 혼합을 통해 전달되는 동시에 깨끗하고 미니멀한 미적 감각을 일관되게 유지합니다.

라파엘 바로나

Rafael Varona는 일러스트레이터, 애니메이터 및 아트 디렉터로 애니메이션 포트폴리오 웹사이트를 보는 것을 기쁘게 생각합니다. 홈 페이지에는 방문자를 끌어들이는 일련의 복잡한 애니메이션이 있습니다.

아래로 스크롤하면 클라이언트의 요구 사항에 대한 자세한 내용이 포함된 다른 페이지로 연결되는 애니메이션 그리드에 그의 작업이 표시되는 것을 볼 수 있습니다.

포트폴리오 웹사이트의 상단 오른쪽 섹션에는 Instagram 및 Behance가 포함된 짧은 정보 페이지 및 소셜 미디어 페이지에 대한 링크가 있습니다. 소셜 미디어 플랫폼의 로고는 고유하게 양식화되어 있습니다.

Varona는 제한된 텍스트와 애니메이션에 중점을 둔 깊은 시각적 효과를 제공합니다. 그는 자신의 일이 말을 하게 하는 것을 선호합니다!

티 사키

Tessa와 Tara Sakhi는 종합 건축 및 디자인 스튜디오를 운영하고 있으며 멋진 웹사이트를 통해 작품을 선보였습니다.

배경은 스크롤하면서 페이드 인 및 페이드 아웃되는 작업의 이미지와 비디오 그리드로 구성됩니다.

왼쪽 상단의 메뉴는 초안, 이미지 및 최종 디자인을 포함하여 매우 자세하게 설명된 개별 프로젝트에 대한 페이지로 연결됩니다.

알리 압달

Ali Abdaal은 생산성, 공부, YouTube에 대한 팁을 제공합니다. 그의 포트폴리오 웹사이트는 이모티콘을 독특하게 사용하여 콘텐츠를 분류합니다.

사이트 디자인은 책 노트, 코스, 팟캐스트, 기사, 뉴스레터, 도구 및 기술에 대한 정보 등 다양한 제공에도 불구하고 깨끗하고 탐색하기 쉽습니다.

그의 정보 페이지에는 그가 하는 일, 취미 및 기타 활동, 그와 연락할 수 있는 다양한 채널이 나열되어 있습니다. 흥미롭게도 그는 아무런 조건 없이 대면 회의를 제공합니다!

매튜 바비

Matthew Barby의 포트폴리오는 두 가지 강력한 요소를 사용하여 두드러집니다.

• 독단적인 슬로건 – "프로로부터 SEO 배우기"
• 최고 고객의 로고 및 평가의 형태로 된 사회적 증거

그가 그와 연락할 수 있는 여러 가지 방법을 제공하는 것은 나쁘지 않습니다. 페이지의 오른쪽 상단 모서리에 있는 "연락처" 버튼을 사용하여 라임 녹색 배경으로 강조 표시되고 추천 이미지 바로 아래에 CTA가 표시됩니다.

Barby의 사이트는 그가 전문가이며 잠재 고객 사이에서 신뢰를 불러일으키고 있다고 비명을 지르고 있습니다.

클라리사 로드리게스

Clarissa는 대학생들에게 상담을 제공하는 학습 기술 코치입니다.

그녀의 포트폴리오 웹사이트는 개인 브랜딩에 대한 강의입니다. 그녀는 자신이 하는 일을 반영하는 기억에 남는 비즈니스 이름을 선택했습니다.

그녀는 또한 대학생들에게 어필하고 목표 청중에게 더 큰 영향을 미치기 위해 "at"을 @로 스타일화했습니다.

그녀는 웹사이트에서 블로그를 운영하여 대학을 위해 효과적으로 공부하고 학업과 다른 활동의 균형을 맞추는 방법에 대한 팁을 제공합니다.

이사 애드니

Isa Adney는 ConvertKit의 작가이며 현재 The Little Book of Big Dreams: True Stories of Dreams Come True라는 책을 쓰고 있습니다. 흥미로운 것은 그녀가 그녀의 포트폴리오 웹사이트 어디에서나 곧 출간될 책에 대해 이야기한다는 것입니다.

그녀는 #keepgoing club이라는 뉴스레터를 통해 책을 위해 창의적인 사람들과의 인터뷰에 대한 통찰력을 제공합니다.

현재 하고 있는 일에 집중하며 다양한 방법으로 책에 대한 관심을 고취시키고 있다.

타하 칸

Taha Khan은 포트폴리오 웹사이트의 메인 페이지에서 자신의 프로젝트에 초점을 맞추기로 선택한 크리에이티브 디렉터, 편집자 및 프로듀서입니다.

당신의 강점을 강조하기 위해 당신의 작업을 충분히 보여주려는 목적으로 미니멀리즘 디자인을 잘 사용하지만, 방문자를 압도할 정도는 아닙니다.

피터 코미에로프스키

세련되게 디자인된 포트폴리오 웹사이트의 또 다른 놀라운 예는 일러스트레이션, 인터페이스 디자인, 브랜딩 및 아이덴티티 디자인을 전문으로 하는 시각 디자이너 Peter Komierowski의 웹사이트입니다.

그의 페이지 상단에는 그의 이니셜로 구성된 양식화된 로고와 그의 연락처 정보와 그가 하는 일과 함께 일한 사람에 대한 간략한 설명을 제공하는 정보 페이지에 대한 링크가 있습니다.

사이트의 모든 페이지 바닥글에는 소셜 미디어 링크와 로고가 있습니다.

메인 페이지에는 그가 작업한 모든 클라이언트의 클릭 가능한 로고와 로고 및 일러스트레이션 작업이 있습니다. 그의 포트폴리오는 그의 창의성과 재능을 보여주는 시각적인 것입니다.

포트폴리오 웹사이트에 포함해야 하는(및 하지 말아야 하는) 내용

포트폴리오가 자신의 강점을 정확하게 반영하도록 하려면 다음 5가지 사항을 고려해야 합니다.

최고의 작품을 보여주세요

지금까지 한 모든 작업으로 포트폴리오를 채우고 싶은 마음이 들 것입니다. 그러나 잠재 고객에게 당신이 얼마나 많은 경험을 가지고 있는지 보여주는 대신(의심의 의도대로), 당신은 그들을 압도할 것입니다. 희소한 포트폴리오도 주의하십시오.

고객에게 투영하려는 이미지에 대해 생각하고 해당 이미지를 지원하는 부분을 선택하십시오. 포트폴리오에 포함된 사람들은 귀하의 기술과 재능을 강조해야 합니다.

고객은 포트폴리오에서 볼 수 있는 유형의 작업에 대해 귀하를 고용하기를 원할 것이라는 점을 기억하십시오. 따라서 작업하고 싶은 것과 더 원하는 것을 표시하십시오.

각 부분에 대한 컨텍스트 제공

포트폴리오를 텍스트나 이미지로만 채우지 마십시오. 프로젝트에 대한 설명, 받은 브리핑, 창작 과정, 아이디어 개발 방법을 작성하여 각 작품에 대한 맥락을 제공하세요.

잠재 고객은 프로젝트에 수반된 내용과 해결 방법을 이해할 수 있어야 합니다. 초기 초안, 모형, 초기 개요 또는 사용자 테스트 결과를 포함하여 프로젝트가 초안에서 완제품으로 어떻게 이동했는지 보여줍니다.

또한 포트폴리오를 통해 일에 대한 열정을 전달해야 합니다.

• 웹에 있는 수천 개의 다른 작업과 어떻게 다른가요?
• 고객이 당신을 고용해야 하는 이유는 무엇입니까?

프로젝트의 영향을 입증하기 위해 사례 연구를 작성하는 것도 고려할 수 있습니다. 고객이 귀하의 업무로부터 혜택을 얻을 수 있는 방법을 시각화할 수 있을 때 귀하를 고용할 가능성이 높아집니다.

"About Me" 페이지를 통해 당신의 성격을 투영하세요

일 뒤에 개성을 숨기는 실수를 하지 마십시오. 클라이언트는 화면 뒤에 있는 사람이 누구인지 알고 싶어합니다. 그들은 얼굴 없는 기업이 아닌 사람을 고용하기를 원합니다.

"내 소개" 페이지를 사용하여 한 사람으로서 귀하에 대한 관심을 높이고 잠재 고객과 신뢰를 구축하십시오.

당신의 직업 윤리, 창조적인 과정, 당신의 핵심 기술, 그리고 당신이 어떤 사람인지에 대해 이야기하십시오. 이것은 당신이 한 일을 넘어 자신을 홍보할 수 있는 기회입니다.

• 당신과 함께 일하는 것은 어떻습니까?
• 고객이 당신을 고용할 때 무엇을 기대할 수 있습니까?

이 섹션을 통해 전문적이면서도 재미있고 개인 브랜드를 강화할 수 있습니다.

작업을 보완하는 템플릿 선택

포트폴리오의 목적은 고객이 당신을 고용할 때 당신에게 기대할 수 있는 것을 보여주는 것입니다. 따라서 실제 작업을 방해하는 에스테틱을 사용하지 마십시오.

복잡한 디자인, 화려한 비주얼, 복잡한 애니메이션은 절대 금물입니다.

탐색하기 쉽고 잠재 고객에게 귀하의 스타일과 기술을 빠르게 제공할 수 있는 최소한의 템플릿과 디자인에 중점을 둡니다.

포트폴리오를 디자인할 때 고객 경험을 생각하십시오. 방문자가 귀하의 프로젝트에 도달하기 위해 너무 많이 클릭하게 하지 마십시오. 그렇지 않으면 방문자가 돌아오지 않을 수 있습니다.

연락처 정보를 눈에 띄게 만드십시오.

귀하의 연락처 정보를 잘 보이는 곳에 배치하여 고객이 귀하에게 연락하고 고용하기 쉽도록 하십시오.

따라서 "연락처" 페이지에 연락처 정보를 제공할 뿐만 아니라 다른 페이지의 바닥글에도 배치합니다.

눈에 잘 띄는 위치에 이메일 주소, 전화번호, 실제 비즈니스 주소(있는 경우) 및 비즈니스 소셜 미디어 링크를 포함하는 것이 좋습니다.

포트폴리오에 공유 버튼을 포함하여 온라인 가시성을 높이고 사회적 증거를 구축할 수 있습니다.

포트폴리오 웹사이트 구축에 도움이 되는 사이트

온라인 포트폴리오 빌더는 경제성, 디자인 옵션, SEO 도구 및 사용자 친화성을 기준으로 평가되어야 합니다.

다음은 볼 수 있는 몇 가지 사이트입니다.

윅스

Wix는 훌륭한 SEO 지원을 제공하는 초보자 친화적인 포트폴리오 구축 웹사이트로 간주됩니다. 따라서 Wix 포트폴리오 웹사이트를 통해 잠재고객을 늘릴 수 있습니다.

특징:

• 크리에이티브 포트폴리오 사이트에 적합한 500개 이상의 템플릿 중에서 선택할 수 있습니다.
• 끌어서 놓기 편집 도구를 사용하여 포트폴리오를 사용자 지정할 수 있습니다. 따라서 포트폴리오 사이트에 대한 완전한 창작의 자유가 있습니다.
• 마우스 오버 도구 설명은 편집기를 사용할 때 다양한 기능에 대한 정보를 제공합니다.
• Wix에서 포트폴리오 웹사이트를 구축하기 위해 코딩 경험이 필요하지 않습니다.
• 250개 이상의 앱을 사이트와 통합할 수 있습니다.
• Wix를 사용하면 무료로 사이트를 만들 수 있지만 프리미엄 플랜에 비용을 지불하면 사용자 지정 도메인, 더 많은 저장 공간, 비디오 시간 및 24시간 고객 지원을 받을 수 있습니다.

워드프레스

WordPress는 WordPress.org의 간단한 버전이지만 기능이 제한되어 있습니다. 포트폴리오와 함께 블로그를 운영하고 싶다면 좋은 포트폴리오 빌더입니다.

특징:

• 초보자에게 친숙하지 않으며 WordPress.com에서 좋은 사이트를 구축하려면 약간의 코딩 경험이 필요할 수 있습니다.
• 블로깅에 중점을 두고 있으므로 크리에이티브가 그다지 유용하지 않을 수 있습니다.
• 포트폴리오 구축을 위한 38개의 템플릿이 있으며 그 중 12개는 무료입니다.
• WordPress.com에서 모바일 반응형 포트폴리오 웹사이트를 구축할 수 있습니다.
• 비즈니스 플랜 비용을 지불하면 내장된 SEO 도구에 액세스할 수 있습니다.
• 무료 요금제에서는 유사한 플랫폼보다 더 많은 3GB의 저장 공간을 얻을 수 있습니다.
• 유료 계획은 사용자 친화적이지 않은 편집기 인터페이스에도 불구하고 돈을 위해 가치로 간주됩니다.

비핸스

Behance는 디자이너, 사진 작가 및 예술가와 같은 크리에이티브를 위한 매우 인기 있는 무료 온라인 포트폴리오 빌더입니다. 채용 담당자와 잠재 고객은 종종 Behance에서 디자인 포트폴리오를 확인하므로 플랫폼에서 최고의 작품을 업로드하는 것이 좋습니다.

작업을 단일 테마의 이미지, 비디오 및 기타 미디어 그룹인 프로젝트로 표시할 수 있습니다.

특징:

• 무료로 사용할 수 있으며 프로젝트, 이미지 또는 기타 미디어 유형을 무제한으로 지원합니다.
• 협업 미디어 프로젝트에 대해 여러 소유자를 추가할 수 있습니다. 방문자로부터 작업에 대한 피드백을 받을 수도 있습니다.
• Behance 회원은 귀하의 프로필을 팔로우하고 귀하가 작업을 업로드할 때 업데이트를 받을 수 있습니다.
• 할당된 고유 URL을 사용하여 웹에서 프로젝트를 공유할 수 있습니다.
• 영감을 얻기 위해 최신 UX/UI 디자인 프로젝트를 검색할 수 있습니다.

드리블

Dribbble은 Behance와 유사한 또 다른 무료 온라인 포트폴리오 빌더입니다. UI/UX 디자이너가 자신의 작업을 표시하고 새로운 아이디어를 전달하며 디자인 기술을 향상할 수 있도록 특별히 제작되었습니다.

특징:

• 무료 계정을 만들고 디자인 초안, 개념, 프로토타입 또는 프로세스의 스크린샷을 보여줄 수 있습니다.
• 플랫폼을 검색하여 영감을 주는 디자인을 찾을 수 있습니다.
• 디자이너가 프로세스, 디자인 및 경험에 대해 쓸 수 있는 블로그 섹션이 있습니다.
• 디자이너들이 커뮤니티를 형성하고 다양한 활동에 참여할 수 있는 Dribbble Meetups 섹션이 있습니다.
• 사용하기 쉽고 디자이너 커뮤니티에서 프로젝트에 대한 피드백을 얻을 수 있습니다.
• 또한 신뢰할 수 있고 평판이 좋은 회사의 구인 목록을 찾고 귀하의 프로필을 "고용"으로 표시할 수 있습니다.
• 디자인 및 기타 디지털 제품을 판매하여 돈을 벌 수 있습니다.

픽스파

Pixpa는 크리에이터와 소규모 비즈니스가 내장된 온라인 스토어, 블로그 및 클라이언트 갤러리를 갖춘 아름답고 전문적인 웹사이트를 만들 수 있는 올인원 플랫폼입니다. Pixpa의 다용도 플랫폼에는 코딩 지식 없이도 작업을 선보이고 아이디어를 공유하며 온라인으로 물건을 판매하는 데 필요한 모든 것이 있습니다.

Pixpa에서 웹사이트를 구축하는 것은 매우 쉽습니다 . 15일 전체 기능 평가판에 등록하여 시작하십시오. 원하는 템플릿을 시작점으로 선택하십시오. Pixpa는 놀랍고 완벽하며 모바일 친화적인 다양한 템플릿을 제공합니다. 간단하고 강력한 비주얼 스타일 편집기를 사용하여 사이트 디자인을 사용자 정의할 수 있습니다. Pixpa의 드래그 앤 드롭 페이지 빌더를 사용하면 웹사이트에 페이지를 쉽게 추가할 수 있습니다. SEO 관리자, 마케팅 팝업, 알림 표시줄 등과 같은 내장 도구를 사용하면 트래픽을 늘리고 더 많은 리드를 전환하기 위해 추가 플러그인이 필요하지 않습니다.

특징:

• 크리에이티브 전문가가 통합 전자 상거래 상점, 클라이언트 갤러리, 블로그 등으로 웹 사이트를 만들 수 있는 올인원 플랫폼입니다.
• Squarespace 가격의 절반 미만으로 모든 기능을 갖춘 웹사이트 빌더 플랫폼입니다. 가격은 월 $3부터 시작합니다.
• 무제한 이미지, 갤러리, 페이지, 블로그 등.
• SSL을 사용한 동급 최고의 호스팅
• 연중무휴 실시간 채팅 및 이메일 고객 지원
• 모바일 친화적이며 완전히 사용자 정의할 수 있는 다양한 테마 중에서 선택하십시오. 언제든지 테마를 변경하세요.
• 클라이언트에게 이미지를 공유, 판매 및 전달하는 클라이언트 갤러리 플랫폼입니다.
• 모든 기능을 갖춘 통합 전자 상거래 상점. 실제 제품, 디지털 제품 또는 서비스를 판매합니다.

결론

포트폴리오 웹사이트는 최고의 작품을 전시하고 잠재 고객이 당신을 고용해야 하는 이유를 보여주는 데 도움이 됩니다. 또한 채용 담당자와 채용 관리자가 웹에서 귀하를 찾을 수 있도록 도와줍니다.

창의적인 커뮤니티에서 작업에 대한 피드백을 받고, 새로운 기술을 배우거나 기존 기술을 개선하고, 해당 분야의 주요 인물로부터 영감을 받을 수 있습니다.

어떤 일을 하든 주목받고 싶다면 포트폴리오 웹사이트는 필수입니다.

대화를 이어가세요...

우리 중 10,000명이 넘는 사람들이 무료 Facebook 그룹에서 매일 대화를 나누고 있으며 그곳에서 당신을 보고 싶습니다. 우리와 함께!