외국계·해외취업 개인 포트폴리오 만드는 법 — 직군별 트렌드·도구 선택·4섹션 구성

외국계로 이직하거나 해외취업을 준비하면 이력서와 LinkedIn 프로필을 정비한 뒤 반드시 마주치는 게 하나 있습니다.

"포트폴리오 URL이 있으세요?"

한국 채용에서는 이력서 + 자기소개서 두 문서로 끝나는 경우가 많지만, 외국계·해외취업에서는 이력서만으로 부족한 경우가 흔합니다. LinkedIn 프로필도 채용담당자가 짧게 훑는 표준화된 정보라 한계가 있고, 결국 "이 사람이 실제로 뭘 만들었고 어떻게 일하는지" 를 보여주는 채널이 하나 더 필요해집니다. 그게 개인 포트폴리오 사이트입니다.

이 글은 처음 포트폴리오 사이트를 만드는 한국 경력자를 위한 실무 가이드입니다. 왜 필요한지 → 직군별 트렌드 → 도구 선택 → 4섹션 구성 순서로 다룹니다.

---

1. 왜 이력서·LinkedIn만으로는 부족한가

한국 채용 문화에서 이력서·자소서에 익숙한 분들이 처음 헷갈리는 지점입니다.

이력서의 한계: 2페이지 내로 압축된 정보. 프로젝트 상세, 의사결정 과정, 시각 자료를 담기 어렵습니다. ATS 통과 위한 표준 포맷도 창의성·개성 표현에 제약이 큽니다.

LinkedIn의 한계: 채용담당자가 5~10초 안에 훑는 표준화된 프로필. 헤드라인·About·Experience 정도만 보고, 프로젝트 디테일까지 파고들지 않습니다. 그리고 LinkedIn 자체가 검색 엔진이라 본인 통제권이 약합니다 — 알고리즘이 노출을 결정.

포트폴리오 사이트의 역할: 채용담당자가 이력서·LinkedIn을 보고 관심이 생겼을 때 더 깊이 확인하는 채널입니다. 여기서 프로젝트 상세, 본인의 사고 과정, 블로그 글까지 보면 "이 사람과 대화해 보고 싶다"는 판단이 서고, 그 결과가 인터뷰 요청으로 이어집니다.

한 가지 더: 개인 도메인(예: yourname.com, yourname.site)으로 운영하면 리크루터의 첫 인상에서 투자 의지·전문성 시그널이 됩니다. 무료 서브도메인(예: yourname.github.io)보다 개인 도메인이 미묘하게 더 강한 신뢰를 만듭니다.

---

2. 직군별 포트폴리오 트렌드

직군에 따라 포트폴리오 형태의 표준이 다릅니다. 본인 직군에 맞는 트렌드부터 파악해야 도구 선택이 쉬워집니다.

개발자 (백엔드·프론트·데이터)

• GitHub이 사실상 표준. 리크루터가 code contribution 자체를 확인합니다. GitHub 프로필의 pinned repositories, contribution graph, README 자체가 포트폴리오 역할.
• 그 위에 개인 도메인 사이트를 만들고 GitHub·프로젝트를 큐레이션하는 케이스도 많음. GitHub Pages로 무료 호스팅 + 개인 도메인 연결이 흔한 조합.
• 시니어급은 기술 블로그(Medium, dev.to, personal blog)로 사고 방식을 노출하는 게 강력한 시그널.

디자이너 (UX·UI·프로덕트)

• Behance / Dribbble이 오랜 표준. 다만 최근에는 개인 도메인 사이트가 더 강한 인상을 줍니다.
• 케이스 스터디 형식이 핵심. "이 프로젝트에서 뭘 만들었는가"가 아니라 "왜 그 결정을 내렸고, 어떤 리서치·A/B 테스트로 검증했으며, 결과 지표는 어땠는가"의 서사가 있어야 함.
• 시각 자체가 포트폴리오이므로 사이트 디자인·모션·타이포에도 신경 쓸 필요 있음 (도구 선택 시 이 부분 고려).

PM·마케팅·전략·리서치 등

• 가장 다양한 형태. 정형화된 표준이 없어서 오히려 자유도가 높습니다.
• Notion 공개 페이지, Substack 블로그, 개인 도메인 사이트 등 어느 것도 가능.
• 핵심은 케이스 스터디 — 담당한 프로덕트·캠페인의 목표, 실행, 결과를 서사로 정리. 수치가 함께 있어야 강함.
• 최근 트렌드: PM들이 short-form written case study(1000~2000자 케이스 3~5개)를 개인 사이트에 올리는 형태가 늘어남.

세일즈·CS·오퍼레이션

• 전통적으로 포트폴리오 문화가 약했지만, 최근 시니어급에서 개인 도메인 사이트로 자기 서사를 정리하는 케이스 증가.
• 다만 프로덕트/코드처럼 "결과물"이 명확하지 않아, 대신 methodology·framework 공유가 중심. "내가 어떤 세일즈 프레임워크로 접근하는가", "내가 CS 운영에서 강조하는 지표는 무엇인가" 류.

---

3. 도구 선택 — 두 가지 트랙

포트폴리오 사이트를 만드는 도구는 크게 두 갈래로 나뉩니다.

트랙 A — GUI 템플릿 (코딩 없이, 하루 안에)

디자인 폼·레이아웃이 이미 만들어져 있어 콘텐츠만 채우면 완성. 개발 지식이 없어도 되고, 하루 정도 공들이면 개인 사이트가 나옵니다.

도구	강점	약점	개인 도메인
Portfoliobox	포트폴리오 특화, 크리에이터 커뮤니티, 개인 도메인 연결 지원	무료 플랜 제한적	유료 플랜에서 지원
Framer	디자인 자유도 높음, 반응형 자동, 최신 트렌드 반영	초심자는 학습 곡선 있음	커스텀 도메인 지원
Squarespace / Wix	가장 대중적, 템플릿 풍부	포트폴리오 특화도 낮음	커스텀 도메인 지원
Notion + 커스텀 도메인	익숙하고 빠름, 콘텐츠 관리 편리	디자인 자유도 낮음	Super.so·Fruition 등 서비스 필요

Portfoliobox·Framer 추천 이유: 이 두 도구는 포트폴리오·크리에이터에 최적화된 템플릿이 많아 하루 정도 공들이면 완성도 있는 개인 사이트가 나옵니다. 특히 개인 도메인 연결이 자연스러워서 "투자한다는 생각으로" 사이트를 만드는 분들에게 적합.

트랙 B — 코드 자유 (개발자용, 무제한 커스터마이즈)

개발 지식이 있으면 완전 자유로운 커스텀 사이트 가능. 다만 시간 투자가 크고 유지보수 부담도 있습니다.

도구	강점	약점
Next.js / Astro + Vercel 호스팅	최신 프레임워크, 커스텀 자유도 무제한, 무료 호스팅	개발 시간 필요, 디자인 감각 필요
GitHub Pages + Jekyll/Hugo	무료, GitHub 연동 자연스러움	기본 템플릿은 디자인 제한
개인 React/Vue 앱 + AWS/Cloudflare	완전 자유, 인프라 학습	오버엔지니어링 위험

GitHub Pages 참고: 개발자에게 익숙한 무료 옵션이지만, 디자인 요소가 거의 없으면 오히려 마이너스 인상을 줄 수 있습니다. 기본 Jekyll 테마 그대로 쓰면 "사이트 만들었다는 표시" 정도. 시각적 완성도가 필요한 직군(디자이너·PM 프론트)은 트랙 A가 안전.

---

4. 4섹션 구성 — 랜딩 · 경력 · 프로젝트 · 블로그

도구를 골랐다면 사이트 구조는 다음 4섹션으로 시작하는 게 검증된 표준입니다.

랜딩 페이지 (Home)

한눈에 본인 이력을 조망할 수 있는 요약 페이지. 방문자가 3초 안에 "이 사람이 누구고 뭘 하는 사람인지" 파악해야 합니다.

포함 요소:
- 가치 명제 한 줄: "10년 차 B2B SaaS 프로덕트 매니저, GTM 전략·데이터 기반 실험 중심"
- 주요 성과 3~5개: 각 성과를 짧은 카드 형태로 (숫자 포함)
- 주요 프로젝트 3~5개 미리보기: 각 프로젝트 상세 페이지로 연결
- 연락처 링크: LinkedIn, 이메일, GitHub (해당 시)

경력 (Career)

이력서의 확장판. 회사·직급·기간·주요 성과를 정리하되, 이력서보다 상세하게 서술할 수 있습니다.

• 회사별 섹션 (제일 최근이 위)
• 각 회사에서 담당한 프로덕트/팀 규모, 재직 기간, 주요 임팩트
• 학력·자격증도 여기 포함
• 이력서(PDF) 다운로드 버튼을 상단에 배치 — 채용담당자가 클릭 한 번으로 다운로드 가능하게

프로젝트 (Project)

지금까지 담당한 프로젝트를 리스트로 정리 + 각 프로젝트별 상세 페이지.

각 프로젝트 페이지에 담을 것:
- 목표: 왜 이 프로젝트가 필요했나
- 역할: 팀 규모, 본인의 구체적 담당 범위
- 접근: 어떤 방법론·프레임워크로 접근했나
- 결과: 정량 지표 + 정성적 학습
- 시각 자료: 스크린샷, 아키텍처 다이어그램, 대시보드 캡처 등

프로젝트 3~7개면 충분. 너무 많으면 오히려 산만해짐.

블로그 (Blog)

개인 도메인 사이트에서 가장 예상 밖의 유입을 만드는 섹션. 프로젝트 상세 페이지보다 블로그 글이 실제로 더 많이 읽히는 케이스가 자주 관찰됩니다.

블로그에 쓸 것:
- 프로젝트 중 얻은 중요한 성과·학습을 심화 정리 (프로젝트 페이지의 확장)
- 본인의 방법론·프레임워크를 정리한 opinion 글
- 업무 관련 프로젝트 + 개인 프로젝트 둘 다 가능
- 읽은 책·글·컨퍼런스에 대한 소감·비평

블로그 글이 검색 유입도 만들고, 리크루터가 프로필을 본 후 "이 사람 사고 방식이 어떤지" 확인하는 채널이 되기도 합니다.

기타 연결 링크

푸터·헤더에 배치할 것:
- LinkedIn, GitHub, X(Twitter), 이메일
- 최근 활동 (Medium, dev.to 등 다른 플랫폼에 글 쓰면)

---

5. 시작 우선순위 — 완벽보다 살아있는 사이트가 중요

4섹션 모두 첫 날에 완성할 필요 없습니다. 우선순위는:

Phase 1 (첫 주말): 랜딩 페이지 + 이력서 다운로드 링크. 최소 이 두 개만 있으면 "포트폴리오 URL 있으세요?" 질문에 답할 수 있음.

Phase 2 (첫 달): 주요 프로젝트 2~3개 상세 페이지 추가. 각 프로젝트당 30분~1시간 투자.

Phase 3 (지속적): 블로그 글을 한 달에 1~2개 추가. 완벽한 글 목표하지 말고, 본인이 작업하면서 배운 것을 짧게 정리하는 것부터 시작.

함정: "완벽하게 만들 때까지 공개 안 함" → 결국 공개 못 하고 끝남. 최소 실행 가능 사이트를 먼저 올리고 채우는 게 정답.

---

6. 포트폴리오 유입 활용 — 이력서·인터뷰와의 연결

방문 신호를 실제로 어떻게 잡고 어떤 면접 전략으로 활용하는지 — GA 설치법, 회사별 UTM 링크, DocSend·Clarity 활용, 면접 전날 유입 관찰법까지의 실무는 포트폴리오 GA 추적·면접 전략 심화편에서 자세히 다뤘습니다. 국문 시리즈이지만 다루는 도구·원리는 시장 무관해서 외국계·해외취업 준비 시에도 그대로 적용됩니다.

---

7. 도구 흐름 — 이력서 최적화와의 병행

포트폴리오 사이트가 준비되면 이력서·커버레터에도 이 URL을 명시해야 합니다. 지원할 회사마다 이력서를 다시 다듬을 때 smartbullets.ai의 Resume Generator(이력서 자동 최적화)를 사용하면 마스터 이력서에서 채용공고 키워드와 매칭된 변형 이력서가 자동 생성되며, 그 안에 개인 사이트 URL을 항상 상단에 노출시킬 수 있습니다. 지원 회사별로 사이트 URL에 UTM 파라미터를 붙여 어느 회사가 실제로 사이트를 봤는지도 추적 가능합니다.

▲ 채용공고 하나를 붙여넣으면 마스터 라이브러리에서 회사·직무별 이력서가 자동 조립됩니다.

---

마무리

외국계·해외취업의 첫 3개월은 이력서·LinkedIn·포트폴리오 사이트 세 가지 채널을 갖추는 시기입니다. 이력서가 관문이고 LinkedIn이 발견 채널이라면, 포트폴리오 사이트는 채용담당자가 "대화해 보고 싶다"고 판단하는 마지막 검증 채널입니다.

다음 글 예고: 외국계 인터뷰에서 반드시 마주치는 질문 "Why are you leaving?" — 부정 없이, 뻔하지도 않게 답하는 5단계 프레임은 Why are you leaving? — 외국계 인터뷰·커버레터에서 이직 사유를 부정 없이 서사로 만드는 5단계에서 다룹니다.

---

참고: 본 글의 도구·트렌드는 2026년 중반 시점의 글로벌 채용시장·크리에이터 도구 동향을 기반으로 하며, 개별 도구의 요금·기능은 계속 바뀌므로 각 도구의 공식 사이트에서 최신 정보 확인 필요합니다.