신입 포트폴리오 4섹션 아키텍처 — 정량화한 수치를 면접관의 6초에 꽂는 법

신입 이력서 검토는 평균 6~10초. 자소서는 문항당 500~1,000자. 게다가 신입 트랙에 실무 1~2년을 갖춘 "중고신입"이 함께 들어옵니다. 팀 프로젝트나 동아리, 인턴에서 쌓아온 수치가 자소서와 이력서에 다 안 들어가고, 들어가도 결국 텍스트 몇 줄로 끝납니다.

문제는 이게 신입 개인만의 어려움이 아니라는 점입니다. 나 자신을 브랜딩해야 하는 AI 시대에는 한두 페이지 이력서·자기소개서로는 부족합니다. 코드는 GitHub Copilot이 짜고, 카피는 ChatGPT가 다듬고, 디자인은 Framer AI가 뽑는 시대에, 회사가 결국 확인하려는 건 "이 사람이 어떤 문제를 골랐고, 어떻게 접근했는가"라는 개인의 스토리이기 때문입니다.

그래서 미국 주요 대학들은 신입생에게 개인 이름 도메인부터 사두라고 권합니다. 스탠퍼드의 Stanford Domains, 템플대학교의 Domain of One's Own, 워싱턴대학교의 UW Domains 같은 프로그램이 그런 취지에서 운영됩니다. 이 권고를 제대로 이해하려면 도메인과 포트폴리오 사이트가 서로 다르다는 점부터 알아둘 필요가 있습니다.

도메인은 yourname.com 같은 개인 이름 주소를 말합니다. 연 2만 원 정도에 한 번 사두면 어떤 플랫폼으로 옮겨도 이 주소가 그대로 유지됩니다. 포트폴리오 사이트는 그 주소 위에 얹는 내용물입니다. 노션에서 만들든 Framer로 만들든 GitHub Pages로 만들든, 도메인만 연결하면 그만입니다. 명패 하나 사두면 안에 담는 내용은 나중에 얼마든지 바꿔도 URL은 그대로 남는 셈입니다.

대학 시절에 도메인부터 사두는 이유가 여기 있습니다. 학년마다 프로젝트가 쌓이면 사이트도 그때그때 채워지고, 4년 뒤 취업 시장에 나갈 때는 완성된 URL 하나를 들고 나가게 됩니다. 이직할 때도, 프리랜스로 전환할 때도, 나중에 창업할 때도 이 주소는 계속 살아 있습니다.

한국 신입 취준생이 지금 시작한다는 건 결국 두 가지를 동시에 하는 셈입니다. 도메인을 하나 확보해 장기 명패로 쓰고, 그 위에 첫 포트폴리오 사이트를 얹어 당장의 6초 병목을 뚫는 것. URL 한 줄만 있으면 자소서에 다 못 담은 프로젝트 배경과 수치, 시각 자료를 자유롭게 펼쳐 보일 수 있고, 새 활동이 생겼을 때 자소서를 처음부터 다시 쓰지 않아도 됩니다. 접속 시각, 지역, 머문 시간 같은 흔적도 남기 때문에 지원한 회사가 실제로 열어봤을지 어느 정도 추론해 볼 수도 있습니다.

1. 어떤 플랫폼으로 만들까

무료로 시작할 수 있는 도구부터 AI로 즉시 뽑아주는 도구, 유료지만 완성도가 높은 도구 순으로 정리했습니다. 신입 취준생은 첫 사이트를 하루 안에 띄운 뒤 프로젝트가 쌓일 때마다 채워가는 방식이 가장 현실적입니다.

플랫폼	요금	예상 시간	특징
노션	무료	30분~2시간	페이지 만들듯 즉시. 한국 신입 최다 사용. Super.so 유료 래퍼로 커스텀 도메인·GA 가능
Framer AI	무료(프로 유료)	30분~1시간	AI 프롬프트로 사이트 즉시 생성. 시각적 완성도 높음
노트폴리오	무료	30분~1시간	디자이너·크리에이터 특화. 커뮤니티 노출 가능
Behance	무료	30분~1시간	이미지·영상 중심. Adobe 계정 연동
Portfoliobox	무료(기본)	1~2시간	크리에이터 템플릿. 유료로 도메인·기능 확장
GitHub Pages	무료	2~4시간	Jekyll 템플릿. 개발자·데이터 직군에 완전 자유도
Wix / Squarespace	유료(월 $10~$20+)	2~5시간	드래그드롭. 브랜딩·상거래 확장성

대부분의 신입 취준생은 노션이나 Framer AI로 시작하는 게 가장 빠릅니다.

1-1. GA·커스텀 도메인 지원 여부

사이트를 만든 뒤에는 방문자 흔적을 볼 수 있는지와, 앞서 이야기한 개인 도메인을 연결할 수 있는지가 장기 브랜딩에서 중요한 요소가 됩니다.

플랫폼	GA 연결	커스텀 도메인
노션	유료 래퍼(Super.so 등) 필요	유료 래퍼 필요
Framer AI	무료 플랜부터 가능	유료 플랜 필요
노트폴리오	자체 통계만	불가
Behance	자체 통계만	불가 (behance.net/사용자명 고정)
Portfoliobox	유료 플랜부터	유료 플랜부터
GitHub Pages	무료로 가능	무료로 가능
Wix / Squarespace	유료 플랜부터	첫 해 무료 (도메인 별도 갱신)

1-2. 10년 유지 비용 시뮬레이션

대학 시절부터 취업, 이직, 프리랜스 전환까지 10년을 유지한다는 가정으로 플랫폼별 총 비용을 계산해봤습니다.

플랫폼 조합	10년 총액	비고
노션 (무료)	0원	도메인·GA 없음, 서브도메인 고정
노션 + Super.so + 도메인	약 200~300만 원	Super.so 월 $12부터, 도메인 연 2만 원
Framer AI (무료)	0원	도메인·프로 기능 제한
Framer AI 프로 + 도메인	약 200만 원	월 $10 프로 플랜 + 도메인
GitHub Pages + 도메인	약 20만 원	GitHub 무료, 도메인만 연 2만 원
Wix Personal + 도메인	약 200~300만 원	월 $16부터
브런치·Behance·노트폴리오	0원	도메인 불가 (플랫폼 URL 고정)

10년 유지를 놓고 보면 GitHub Pages가 가장 저렴하고, 노션과 Framer는 편의성을 얻는 대신 프로 요금이 계속 누적됩니다. 도메인 자체는 어느 플랫폼을 쓰든 연 2만 원대에서 유지됩니다.

2. 4섹션 아키텍처

포트폴리오 사이트는 크게 랜딩, 커리어 히스토리, 프로젝트, 블로그 네 섹션으로 구성합니다. 면접관의 시선을 위에서 아래로 점점 깊이 끌어들이는 깔때기 구조입니다.

2-1. 랜딩 페이지 (6초 승부)

사이트에 처음 접속했을 때 보이는 첫 화면입니다. 개인 브랜드의 명함이자, 관심을 6초 안에 낚아채는 지점이기도 합니다. 필수로 넣을 요소는 다음과 같습니다.

• 한 줄 소개 (예: "SNS 팔로워 3배 키운 콘텐츠 팀장", "MVP 3주 만에 출시한 개발자")
• About 150~200자로 배경, 강점, 지원 직무 방향
• 핵심 역량 3~4개에 PMTVQ 수치 첨부
• 스킬셋과 도구 리스트
• 연락처, 링크드인, GitHub 링크

2-2. 커리어 히스토리

학력, 동아리, 대외활동, 수상, 인턴, 부트캠프를 시간순 타임라인으로 정리하는 자리입니다. 자소서 1,000자 안에서 잘려나간 활동을 여기서 살릴 수 있습니다. PMTVQ 수치는 색으로 강조해 두면 스캔이 쉬워집니다.

2-3. 프로젝트 카드 (3~7개)

카드 한 장에 프로젝트명과 기간, 역할, Objective, Key Achievement(PMTVQ 수치 1~3개), Challenges Solved, 시각 자료 하나, 상세 블로그 링크를 담습니다. 카드는 짧게 유지하고, 깊이 있는 설명은 블로그로 넘기는 게 요령입니다.

2-4. 블로그 (강조 1~3개)

문제, 접근, 실행, 결과와 수치, 회고 순으로 편당 1,500~3,000자를 씁니다. 지원자의 사고 방식을 회사가 검증할 수 있는 사실상 유일한 채널입니다. 어떤 프로젝트를 블로그로 풀지 우선순위는 ① 가장 큰 수치, ② 지원자가 주도적으로 결정한 부분, ③ 지원 직무와의 연관성 순입니다.

2-5. 실전 예시 (포트폴리오가 일반적이지 않은 직군)

디자인이나 개발 외 직군은 포트폴리오 문화가 옅어서 "만들 재료가 없다"고 생각하는 경우가 많습니다. 세 가지 실제 예시로 반박해봅니다. 같은 4섹션 구조 위에서 직군별로 완전히 다른 시각 언어와 정보 배치가 가능하다는 것도 함께 보여주고 있습니다.

• 재무·기획 · 박준서 포트폴리오 — 시리즈 A 재무 모델, 벤처 심사 12건 케이스, 소상공인 예산 시뮬레이터, 월간 KPI 대시보드. Bento 대시보드 스타일 (좌측 아이콘 nav + 위젯 카드)
• 정책·공공 · 이정연 포트폴리오 — 청년 주거정책 리서치, 이해관계자 인터뷰 30명, 도시재생 사회영향 분석, 청년정책 비교 대시보드. Academic Whitepaper 스타일 (좌측 TOC + 논문 포맷)
• HR · 김민지 포트폴리오 — 신입 채용 캠페인 리디자인, 온보딩 개편, 조직문화 진단, HR 지표 대시보드. Personal Journal 스타일 (좌측 세로 사이드바 + 편집 매거진)

▲ 박준서(재무·기획) 포트폴리오 랜딩 페이지 실전 예시. 좌측 아이콘 네비게이션과 Bento 모자이크 배치로 KPI·CTA·About·최근 프로젝트를 한 화면에 노출.

3. 흔한 실수 6가지

1. 랜딩에 자소서 문장을 그대로 붙여 넣는다. 6초 안에 읽히지 않으니 한 줄로 압축해야 합니다.
2. 프로젝트 카드에 배경 설명만 길게 쓰고 수치가 없다. Achievement 자리에는 반드시 PMTVQ 숫자를 넣어야 합니다.
3. 블로그를 편당 5,000자 넘게 쓴다. 3,000자를 넘어가면 완독률이 급격히 떨어집니다. 프로젝트당 1,500~3,000자가 적정선입니다.
4. 연락처 링크가 죽어 있다. 링크드인과 이메일 링크는 반드시 클릭해 확인해야 합니다.
5. 커스텀 도메인 없이 무료 서브도메인(yourname.notion.site)만 쓴다. 첫인상에서 프로페셔널함이 떨어지기 때문에, 연 2만 원짜리 도메인 하나는 투자할 가치가 있습니다.
6. 한 번 만들고 방치한다. 6개월마다 프로젝트, 수치, 회고 중 최소 하나는 추가해야 살아 있는 자산이 됩니다.

4. 방문 흔적으로 신호 읽기 (심화편 예고)

Google Analytics를 붙이면 방문 시점, 지역, 머문 시간, 이탈 지점 같은 흔적이 남습니다. 지원 회사가 실제로 열어봤을지 어느 정도 추론해 볼 수 있고, 어떤 프로젝트에 오래 머물렀는지도 관찰할 수 있습니다.

다만 GA 하나만으로 '어느 회사에서 봤다'까지 정확히 짚어내기는 어렵습니다. 회사별 트래킹 링크(UTM 파라미터, 단축링크), PDF 뷰어 추적, Microsoft Clarity 히트맵, 그리고 면접 전날 유입 신호를 면접 전략에 반영하는 법은 포트폴리오 GA 추적 심화편에서 자세히 다룹니다.

플랫폼별 GA 연결 지원 여부는 앞선 GA·커스텀 도메인 지원 여부 표를 참고하세요.

5. 포트폴리오 URL을 이력서 어디에 심을까

포트폴리오 사이트를 만들었다면 이제 자소서·이력서에서 이 URL로 연결되도록 심어야 합니다. 링크 하나를 통째로 노출하기보다, 회사별로 다른 UTM 태그가 붙은 URL을 이력서마다 다르게 넣어두면 앞서 다룬 방문 흔적을 회사별로 구분해 볼 수 있습니다.

smartbullets.ai의 Resume Generator 편집기에는 포트폴리오 링크(website) 필드가 있어서, 회사별로 UTM이 붙은 URL을 넣으면 완성 PDF에 클릭 가능한 링크로 들어갑니다. 지원할 때마다 회사 이름을 UTM 태그로 바꿔 붙이면 GA에서 "삼성 태그가 화요일 오후에 열림" 같은 신호를 회사별로 구분할 수 있게 됩니다.

▲ Resume Generator 편집기의 website 필드에 회사별 UTM 코드가 붙은 URL을 넣으면 PDF에 클릭 링크로 들어갑니다.

도메인 확보 → 포트폴리오 사이트 → 이력서 website 필드 → 회사별 UTM으로 방문 흔적 회수. 매 지원이 하나의 사이클로 이어지는 자산 워크플로우입니다.

---

정량화 편: 팀플·대외활동을 수치로 바꾸는 5가지 출처

자소서 편: 자소서 3문항 채우는 법

다음: 포트폴리오 GA 추적 심화편

---

참고: 2026년 8월 한국 신입 채용 시장(캐치·슈퍼루키·잡코리아·사람인·링커리어) 기반. 미국 대학 개인 도메인 프로그램 사례: Stanford Domains, Temple Domain of One's Own, University of Washington Domains. 3인 포트폴리오 예시는 가상 인물 기반 데모.