퇴근 후 포트폴리오 정리할 때 노션·깃허브·웹빌더 선택법

• 목록
• 답변
• 글쓰기
• 옵션
  • 수정
  • 삭제

퇴근 후 2시간, 도구 선택이 먼저인 이유

작업 시간보다 유지 방식이 갈립니다

퇴근 후 책상에 앉아 포트폴리오를 고치려는 순간 가장 먼저 막히는 지점은 디자인이 아니라 어디에 올릴 것인가입니다. 파일은 여기저기 흩어져 있고, 프로젝트 설명은 메모 앱에 남아 있으며, 블로그 글은 따로 운영되고 있다면 수정 한 번에도 체력이 크게 소모됩니다.

포트폴리오는 단순한 결과물 모음이 아니라 자신의 프로젝트를 어떤 기준으로 선별하고 설명하는지 보여주는 매체입니다. 용어 자체가 궁금하다면 포트폴리오의 기본 의미를 먼저 확인해도 좋습니다. 개인 사이트인 Susie Kim처럼 포트폴리오와 블로그가 함께 있는 구조라면, 보여주기 좋은 화면과 계속 쓰기 쉬운 글쓰기 환경을 동시에 봐야 합니다.

도구를 고를 때는 예쁜 템플릿보다 오늘 수정한 내용을 다음 달에도 쉽게 고칠 수 있는지를 먼저 보세요. 포트폴리오는 한 번 만드는 산출물이 아니라 계속 업데이트되는 프로젝트 기록입니다.

특히 이직 준비, 프리랜서 제안, 개인 브랜딩을 함께 고려한다면 선택 기준이 달라집니다. 발표용 링크 하나가 필요한 사람과 검색 유입을 꾸준히 쌓고 싶은 사람은 같은 도구를 써도 만족도가 완전히 다릅니다.

• 빠른 공개가 목표라면 노션이나 프레이머처럼 시작 장벽이 낮은 서비스가 유리합니다.
• 개발 역량을 함께 보여주고 싶다면 GitHub Pages가 좋은 신호가 될 수 있습니다.
• 블로그 SEO와 장기 운영이 중요하다면 워드프레스닷컴처럼 글 관리가 강한 플랫폼을 검토할 만합니다.
• 브랜드 인상을 세밀하게 만들고 싶다면 웹빌더의 디자인 자유도를 확인해야 합니다.

노션·깃허브 Pages·프레이머·워드프레스닷컴을 같은 기준으로 보면

비교 기준은 예쁜 화면보다 운영 난이도

포트폴리오 도구를 비교할 때 가장 흔한 실수는 첫 화면만 보고 고르는 것입니다. 하지만 실제 운영에서는 도메인 연결, 검색 노출, 프로젝트 수정 속도, 이미지 관리, 글 발행 방식이 더 크게 체감됩니다. 아래 표는 개인 포트폴리오와 블로그를 함께 운영한다는 전제로 4가지 선택지를 같은 기준에서 본 것입니다.

여기서 핵심은 하나의 정답을 찾는 것이 아니라 내가 가장 자주 수정할 부분을 먼저 보는 것입니다. 예를 들어 Susie Kim 사이트처럼 프로젝트와 일상 블로그가 같이 있다면, 홈 화면의 인상만큼이나 글 목록, 프로젝트 상세 페이지, 연락 동선이 중요합니다.

• 디자인보다 작성 속도가 중요하면 노션을 먼저 시험해 보세요.
• 코드 저장소와 배포 흐름을 보여주고 싶으면 GitHub Pages가 설득력을 줍니다.
• 시각적 포트폴리오가 핵심이면 프레이머나 웹플로우 같은 웹빌더가 빠릅니다.
• 검색으로 독자를 모으고 싶으면 워드프레스닷컴형 블로그 구조가 유리합니다.

다만 가격은 서비스별로 자주 바뀌고 국가, 결제 주기, 도메인 포함 여부에 따라 달라집니다. 그래서 비용을 볼 때는 정확한 숫자 하나보다 무료로 검증할 범위와 유료 전환이 필요한 순간을 구분하는 편이 더 현실적입니다.

상황별로 고르면 시행착오가 확 줄어듭니다

이직 준비, 프리랜서 영업, 개인 블로그 운영

이직을 앞두고 급하게 포트폴리오를 공개해야 한다면 완성도 높은 독립 사이트보다 전달력 있는 링크가 먼저입니다. 반대로 프리랜서나 창작자는 문의 전환까지 생각해야 하므로 프로젝트 설명, 후기, 연락 버튼, 서비스 범위가 한 흐름 안에 있어야 합니다. 블로그를 장기 운영하려는 사람은 글이 쌓였을 때 검색과 분류가 깨지지 않는지가 더 중요합니다.

1. 일주일 안에 제출해야 한다면 노션으로 프로젝트 3개를 먼저 정리하고, 각 프로젝트마다 문제, 역할, 결과, 배운 점을 같은 순서로 맞추세요.
2. 개발 역량을 강조해야 한다면 GitHub Pages에 포트폴리오를 올리고 저장소, 데모 링크, README 구조를 연결하세요. 페이지 자체가 기술 이해도를 보여주는 증거가 됩니다.
3. 디자인 직무나 브랜드 작업이 많다면 웹빌더로 첫 화면, 프로젝트 썸네일, 모바일 화면을 세밀하게 다듬는 편이 좋습니다.
4. 전문성을 글로 쌓고 싶다면 워드프레스닷컴을 선택해 프로젝트 회고와 블로그 글을 같은 카테고리 전략 안에서 운영하세요.

프로젝트가 적을수록 도구보다 서사가 중요합니다

프로젝트가 2~3개뿐이라면 많은 기능을 가진 플랫폼이 오히려 비어 보일 수 있습니다. 이때는 결과물을 크게 보여주기보다 선택의 이유, 해결한 문제, 협업 방식, 개선한 지표를 짧고 또렷하게 적는 것이 낫습니다. 다른 포트폴리오 용어 설명에서도 확인할 수 있듯 포트폴리오는 자신의 역량을 보여주기 위한 구성물이라는 점이 중요합니다.

작은 프로젝트라도 문제 정의가 분명하면 강해집니다. 반대로 큰 프로젝트라도 본인의 역할이 흐리면 포트폴리오에서는 설득력이 약해집니다.

• 프로젝트가 적다면 상세 페이지를 길게 만들고, 과정 이미지를 과하게 늘리기보다 핵심 의사결정을 설명하세요.
• 협업 프로젝트라면 본인이 맡은 범위와 팀 전체 성과를 분리해 적으세요.
• 블로그 글이 많다면 모든 글을 보여주기보다 포트폴리오와 연결되는 글만 먼저 배치하세요.
• 검색 유입을 기대한다면 제목에 직무명, 도구명, 프로젝트 유형을 자연스럽게 넣으세요.

특히 개인 블로그형 포트폴리오는 독자가 한 번에 모든 글을 읽지 않는다는 전제로 설계해야 합니다. 방문자는 대개 대표 프로젝트 하나, 최근 글 하나, 연락 방법 하나를 보고 판단합니다. 그러니 Susie Kim 같은 개인 사이트에서는 첫 화면보다 다음 클릭이 어디로 이어지는지가 더 중요합니다.

도구를 고른 뒤에는 페이지 구조가 승부를 가릅니다

방문자가 보는 순서대로 배치하세요

좋은 도구를 골라도 페이지 구조가 흐트러지면 포트폴리오의 설득력은 금방 약해집니다. 홈 화면에 자기소개를 길게 쓰기보다 어떤 프로젝트를 했고, 어떤 문제를 해결했으며, 지금 무엇을 할 수 있는지 먼저 보여주는 편이 좋습니다. 블로그와 프로젝트가 함께 있는 사이트라면 글 목록이 포트폴리오의 보조 증거가 되도록 배치해야 합니다.

프로젝트 상세 페이지는 썸네일보다 텍스트 구조가 중요합니다. 방문자는 결과 이미지를 보고 멈추지만, 실제로 신뢰를 느끼는 지점은 문제 정의와 역할 설명입니다. 포트폴리오 관련 용어를 살펴보면 모음이라는 의미가 강하지만, 온라인 포트폴리오에서는 그 모음을 어떤 순서로 해석하게 만드는지가 핵심입니다.

도구별로 구조를 조금씩 다르게 잡으면 장점이 더 살아납니다. 노션은 데이터베이스 보기와 토글을 활용해 빠르게 읽히는 목차를 만들고, GitHub Pages는 README와 데모 링크를 함께 연결하면 좋습니다. 웹빌더는 시각적 완성도를 살리되 모바일에서 버튼과 설명이 겹치지 않게 확인해야 하며, 워드프레스닷컴은 카테고리와 태그를 처음부터 단순하게 가져가는 편이 안정적입니다.

• 홈: 대표 프로젝트 3개, 한 줄 소개, 연락 버튼을 먼저 배치합니다.
• 프로젝트 상세: 문제, 역할, 과정, 결과, 배운 점 순서로 반복합니다.
• 블로그: 일상 글과 전문 글을 섞되 포트폴리오와 연결되는 글을 상단에 노출합니다.
• 연락 영역: 이메일, 링크드인, 깃허브, 작업 문의 방식을 한곳에 모읍니다.

오늘 밤 한 프로젝트만 옮겨도 선택이 선명해집니다

30분 테스트 페이지를 만드는 순서

도구 선택이 계속 미뤄진다면 모든 프로젝트를 옮기려고 하지 말고 하나만 골라 테스트하세요. 가장 최근 프로젝트나 가장 자신 있는 프로젝트 하나를 노션, GitHub Pages, 웹빌더, 워드프레스닷컴 중 2곳에만 올려보면 차이가 금방 드러납니다. 손이 빠르게 움직이는 도구와 자꾸 미루게 되는 도구가 분명히 갈립니다.

테스트할 때는 예쁜 완성본을 만들 필요가 없습니다. 같은 내용으로 제목, 문제 정의, 역할, 결과, 회고를 넣고 모바일에서 읽어보세요. 이 과정에서 글쓰기 속도, 이미지 삽입 난이도, 링크 관리, 검색 노출 설정, 수정 편의성이 자연스럽게 비교됩니다.

1. 오늘 공개해도 부담 없는 프로젝트 하나를 고릅니다.
2. 프로젝트 제목을 직무나 도구가 드러나게 바꿉니다.
3. 문제, 역할, 결과, 배운 점을 각각 3문장 안으로 씁니다.
4. 노션과 웹빌더처럼 성격이 다른 도구 2곳에 같은 내용을 올립니다.
5. 휴대폰으로 열어 제목, 버튼, 이미지, 연락 링크가 잘 보이는지 확인합니다.
6. 수정하는 데 덜 피곤한 쪽을 1차 포트폴리오 도구로 정합니다.

오늘 밤에는 전체 사이트를 완성하려 하지 말고, 프로젝트 하나를 두 도구에 옮겨 30분만 비교해 보세요. 작성이 빠른지, 모바일에서 설득력이 있는지, 다음 프로젝트를 추가하고 싶은 마음이 드는지만 확인하면 첫 선택은 충분히 가능합니다.