일자리를 얻게 해 주는 포트폴리오 웹사이트 만드는 법

일자리를 얻게 해 주는 포트폴리오 웹사이트를 만들려면, 내가 원하는 청중에게 맞는 가장 좋은 프로젝트 네다섯 개에서 여덟 개를 고르고, 각 프로젝트를 짧은 이야기로 보여 주세요. 문제, 내가 한 일, 결과 순서입니다. 그리고 모든 페이지에서 쉽게 연락할 수 있게 하세요. 특히 이미지가 많다면 빠르게 유지하고, 내 이름이 들어간 도메인에 올리세요. 도구보다 선별과 글쓰기가 더 중요합니다.

누가 보고 있는지부터 생각하세요

포트폴리오는 작업물이 상품인 영업 페이지입니다. 레이아웃을 고르기 전에 누가 나를 고용하기를 원하는지, 그들이 무엇을 봐야 하는지 정하세요.

매우 다른 두 청중을 대상으로 한다면, 예를 들어 제품 디자인 채용과 프리랜서 일러스트 작업이라면, 섹션을 나누거나 사이트 자체를 나누는 것을 고려하세요. 그래야 어느 쪽 청중도 찾아 헤매지 않습니다.

무엇을 넣을까

작업물

프로젝트는 적게, 더 좋은 것으로 고르세요. 다시 그 일을 하고 싶지 않은 작업은 빼세요. 가장 강하고 가장 관련성 높은 작품을 맨 앞에 두세요. 많은 방문자가 첫 줄을 넘어 스크롤하지 않습니다.

디자이너와 개발자라면 가장 좋은 프로젝트를 케이스 스터디로 만드세요. 유용한 구조는 다음과 같습니다.

1. 문제: 상황과 영향을 받은 사람을 한두 문장으로.
2. 내 역할: 내가 한 일과 다른 사람이 한 일. 정확하게 쓰세요. 과장은 면접에서 금방 드러납니다.
3. 과정: 핵심 결정 몇 가지와 스케치, 와이어프레임, 코드 발췌.
4. 결과: 실제로 출시된 것과 정직하게 말할 수 있는 성과. 수치를 공유할 수 없다면 변화를 정성적으로 설명하세요.

사진작가와 일러스트레이터라면 이미지가 대부분의 일을 합니다. 명확한 세트로 묶으세요(웨딩, 제품, 에디토리얼). 캡션은 짧게 하고, 그리드에 여백을 주세요.

소개와 연락

소개 섹션에는 나는 누구인지, 무엇을 하는지, 누구를 위해 하는지, 어디에 기반을 두는지 또는 원격으로 일하는지를 쓰세요. 실제 사진이 도움이 됩니다. 연락 경로는 모든 페이지에서 분명해야 합니다. 짧은 양식, 이메일 주소, 통화 예약 링크 중 하나면 됩니다. 예약을 받는다면 어떻게 하는지도 쓰세요.

선택 페이지

• 서비스와 요금: 프리랜서에게 유용합니다. 맞지 않는 문의를 걸러 낼 수 있습니다.
• 이력서 또는 CV: 구직자에게 유용합니다. 내려받을 수 있는 PDF와 페이지 안의 버전을 함께 두는 것이 흔합니다.
• 글이나 노트: 꾸준히 업데이트할 계획이 있을 때만 가치가 있습니다. 몇 년 전에 방치된 블로그는 블로그가 없는 것보다 나쁩니다.
• 추천 글: 실제로 받은 것만, 허락을 받은 것만.

결정 사항과 트레이드오프

정적 사이트인가, 앱인가? 대부분의 포트폴리오는 단순하고 콘텐츠 중심의 사이트이므로 데이터베이스가 필요 없습니다. 이유가 있을 때만 추가하세요. 예를 들어 문의를 저장하는 연락 양식, 관리자 페이지에서 자주 업데이트하는 갤러리, 사람들이 사진을 고르는 고객 선별 기능입니다.

이미지를 어디에 둘지. 포트폴리오가 느려지는 가장 큰 원인은 큰 이미지입니다. 업로드하기 전에 크기를 줄이고 압축하고, 최신 형식으로 제공하고, 방문자가 스크롤할 때 이미지를 지연 로딩하세요. 크고 자주 바뀌는 갤러리라면 이미지를 사이트 코드에 묶는 대신 적절한 파일 저장소에 두세요.

업데이트 방법. 솔직하게 생각하세요. 매달 작업을 추가할 거라면 쉽게 추가할 방법이 필요합니다. 간단한 관리자 페이지, CMS, 또는 편집이 익숙한 빌더가 그것입니다. 1년에 두 번만 업데이트한다면 사이트를 직접 편집해도 괜찮습니다.

검색 노출. 내 이름과 직군, 도시를 함께 검색했을 때 찾아지길 원한다면, 페이지에 실제 텍스트, 올바른 제목 구조, 고유한 페이지 제목과 설명, 이미지의 구체적인 대체 텍스트가 있어야 합니다. AI로 만든 웹사이트를 위한 SEO를 참고하세요.

AI 빌더에 줄 첫 프롬프트

좋은 프롬프트는 청중, 페이지, 작업물, 스타일을 명시합니다.

Lena Park를 위한 포트폴리오 웹사이트를 만들어 주세요. 그는 SaaS 회사의 선임 사내 직무를 찾고 있는 제품 디자이너입니다. 페이지 구성: 짧은 소개와 케이스 스터디 5개 그리드가 있는 홈, 문제, 내 역할, 과정(이미지 갤러리 포함), 결과 섹션을 갖춘 케이스 스터디 페이지 템플릿, 사진, 짧은 소개, 이력서 다운로드가 있는 소개, 이름, 이메일, 메시지를 받는 간단한 양식으로 데이터베이스에 저장하고 감사 메시지를 보여 주는 연락 페이지. 스타일: 차분하고 미니멀하며 여백이 많고, 강조색은 하나, 크고 읽기 편한 글자. 휴대폰에서도 잘 보여야 합니다. 하나씩 바꿔 넣을 수 있도록 명확히 표시된 예시 프로젝트를 써 주세요.

그다음 실제 콘텐츠를 한 메시지에 모두 붙여 넣기보다는, 프로젝트 하나씩 예시를 바꾸세요. 확인하기도 쉽고, AI가 각 페이지를 더 정확하게 만듭니다.

더 많은 프롬프트 패턴은 AI 앱 빌더용 프롬프트 작성법을 보세요.

빌드 단계

1. 도구를 열기 전에 청중과 프로젝트를 정하세요.
2. 각 케이스 스터디의 글을 문서에 먼저 쓰세요: 문제, 역할, 과정, 결과.
3. 이미지를 준비하세요: 자르고, 크기를 줄이고, 압축하세요. 파일 이름도 알아보기 쉽게 지으세요.
4. 시작 레이아웃을 생성하거나 고르세요. 포트폴리오 템플릿을 둘러보면 내 작업에 맞는 스타일을 빨리 찾을 수 있습니다.
5. 홈 페이지와 케이스 스터디 하나를 먼저 완성하고, 그 패턴을 반복하세요.
6. 소개와 연락을 추가하세요. 연락 양식은 처음부터 끝까지 테스트하세요.
7. 휴대폰에서 확인하세요. 포트폴리오는 작은 화면에서 자주 깨집니다. 빽빽한 그리드, 거대한 이미지, 작은 캡션이 문제입니다.
8. 검색 기본 설정과 공유 이미지를 추가하세요. 링크를 보냈을 때 보기 좋아야 합니다.
9. 게시하고 도메인을 연결하세요. 커스텀 도메인 연결하는 법을 보세요.
10. 목표 청중 두 명에게 30초 동안 보게 하고, 내가 무엇을 하는지 말해 달라고 하세요. 말하지 못한다면 홈 페이지를 고치세요.

흔한 실수

• 모든 것을 보여 주는 것. 약한 프로젝트가 강한 프로젝트를 희석합니다. 골라 내세요.
• 맥락 없는 사진. 디자인이나 개발 작업이라면, 문제와 내 역할 없는 스크린샷은 채용 담당자에게 거의 아무것도 말해 주지 않습니다.
• 느리고 무거운 페이지. 압축되지 않은 원본 크기 이미지는 모바일 데이터에서 사이트가 고장 난 것처럼 느끼게 합니다.
• 지나치게 기발한 내비게이션. 독특한 메뉴와 스크롤 효과는 재미있을 수 있지만, 방문자가 작업이나 이메일을 찾지 못하게 한다면 안 됩니다.
• 숨겨진 연락처. 모든 페이지의 헤더와 푸터에 연락 링크를 두세요.
• 보여 줄 권한이 없는 클라이언트 작업. 계약서와 비밀유지계약을 확인하고, 필요하면 익명 처리하거나 프로젝트를 설명만 하세요.
• 한 번도 업데이트하지 않는 것. 오래된 작업과 몇 년 전의 “최신 프로젝트”는 잘못된 신호를 보냅니다.

비용

개인 포트폴리오의 운영 비용은 보통 적습니다. 매년 갱신하는 도메인 이름과 호스팅 정도입니다. 이미지가 많은 사이트는 큰 파일을 많이 저장하고 제공하면 비용이 조금 더 듭니다. 웹사이트 빌더는 호스팅이 포함된 월 구독료를 받는 경우가 많습니다. 직접 만들면 더 저렴할 수 있지만 직접 유지해야 합니다. 가격은 바뀌므로 각 서비스의 공식 페이지에서 현재 가격을 확인하세요.

기성 제품이 더 나은 경우

빠르게 완성도 높은 결과물을 원하고, 시각적 편집기를 선호하며, 커스텀이 필요 없다면 포트폴리오 플랫폼과 포트폴리오 테마가 있는 웹사이트 빌더가 잘 맞습니다. 사진을 판매하거나 고객 갤러리를 전달하는 사진작가라면, 선택 과정과 인쇄 판매를 이미 처리하는 전용 사진 플랫폼이 더 나을 수 있습니다. 독특한 디자인이 필요하거나, 플랫폼이 제공하지 않는 기능이 필요하거나, 코드나 인터랙티브 작업을 직접 보여 주고 싶거나, 사이트를 완전히 소유하고 싶다면 직접 만드세요.

Mythex로 만들기

Mythex는 위의 프롬프트처럼 설명만으로 포트폴리오를 만들 수 있습니다. 휴대폰 크기 프레임이 있는 라이브 미리보기에서 확인하고, 채팅으로 레이아웃과 문구를 다듬고, yourname.mythex.app으로 게시할 수 있습니다. 문의를 저장하는 연락 양식이 필요하면 Mythex가 프로젝트에 데이터베이스를 추가합니다. 이미지 갤러리는 프로젝트의 파일 저장소를 사용해서 사진이 코드 안에 들어가지 않게 할 수 있습니다. Pro에서는 Mythex에서 도메인을 구매하거나 이미 가진 도메인을 연결할 수 있고, 나중에 다른 곳에서 호스팅하고 싶다면 코드를 내보내거나 GitHub에 동기화할 수 있습니다.

포트폴리오 활용 사례 문서에서 이 과정을 설명하고, 파일 저장소도 소개합니다. AI 포트폴리오 웹사이트 빌더에서 시작하거나, 개발자 포트폴리오나 사진 포트폴리오 템플릿처럼 특정 스타일로 시작할 수도 있습니다.

자주 묻는 질문