채용 담당자가 UX 디자이너 포트폴리오에 머무는 평균 시간은 단 3분입니다. 저는 이 통계를 접한 뒤 랜딩 페이지 전체를 갈아엎었습니다. 긴 설명 대신 핵심 프로젝트 3개의 썸네일과 1줄 임팩트를 먼저 배치했더니, 프리랜서 의뢰가 월 2건~3건에서 7건~8건으로 늘었습니다. 포트폴리오는 단순한 작업 모음이 아니라 여러분의 UX 역량을 증명하는 첫 번째 관문입니다.
웹사이트 빌더 선택과 활용 전략
엔트리급 UX 디자이너에게 포트폴리오는 필수입니다. 여기서 포트폴리오란 특정 영역에서 본인이 보유한 기술을 보여주는 작업물 모음을 의미합니다(출처: Google UX Design Certificate). 과거에는 인쇄물로 가득 찬 서류 가방이었지만, 지금은 웹사이트 형태가 표준입니다.
웹사이트 빌더는 WYSIWYG(What You See Is What You Get) 편집기를 특징으로 합니다. WYSIWYG란 화면에 보이는 대로 결과물이 출력되는 방식을 뜻하며, 코딩 없이도 워드 프로세서처럼 직관적으로 편집할 수 있습니다. 대표적인 플랫폼으로는 Wix, Squarespace, Webflow가 있습니다.
각 플랫폼의 특징을 정리하면 다음과 같습니다.
- Wix: 템플릿이 풍부하고 사용이 간편해 초보자에게 적합합니다
- Squarespace: 블로그 기능과 시각적으로 우수한 테마를 제공해 디자이너들이 선호합니다
- Webflow: 높은 수준의 커스터마이징이 가능하지만 기본적인 코딩 지식이 필요합니다
저는 첫 포트폴리오를 Squarespace로 구축했습니다. 템플릿을 그대로 쓰면 다른 지원자와 비슷해 보일까 걱정했는데, 색상과 레이아웃을 조금만 바꿔도 충분히 차별화됐습니다. 중요한 건 플랫폼이 아니라 안에 담긴 프로젝트의 질입니다.
도메인 이름도 신경 써야 합니다. 무료 플랜을 쓰면 "yourname.wixsite.com" 같은 주소가 생기는데, 개인 브랜딩 측면에서 약점입니다. 연간 1~2만 원 투자로 "yourname.com" 같은 독립 도메인을 확보하면 전문성이 한층 높아 보입니다.
개인 브랜드와 케이스 스터디 구성법
개인 브랜드(Personal Brand)는 여러분의 성격, 고유 기술, 디자이너로서의 가치가 대중에게 투영되는 방식입니다. 쉽게 말해 "이 사람 하면 떠오르는 이미지"입니다. LinkedIn과 포트폴리오, SNS 전반에 걸쳐 일관된 메시지를 유지해야 합니다.
개인 진술(Personal Statement)을 작성할 때는 1~2문장으로 본인이 하는 일과 추구하는 가치를 압축하세요. 예를 들어 "디자인과 기술의 창의적 협력이 경험을 좋음에서 위대함으로 옮긴다고 믿습니다" 같은 문장입니다. 이 문구를 About Me 페이지와 LinkedIn 소개란에 일관되게 사용하면, 채용 담당자가 여러 플랫폼에서 여러분을 접했을 때 동일한 인상을 받습니다.
케이스 스터디는 프로젝트를 시작부터 끝까지 설명하는 문서입니다. 단순히 완성된 목업(Mockup)만 늘어놓는 것이 아니라, 문제 정의 → 리서치 → 와이어프레임 → 사용자 테스트 → 최종 솔루션 순서로 과정을 보여줘야 합니다. 여기서 와이어프레임이란 화면 구조를 선과 상자로 간단히 표현한 뼈대 설계도를 뜻합니다.
저는 A/B 테스트 결과만 믿고 CTA 버튼 색상을 무작정 바꿨다가 브랜드 일관성이 무너진 경험이 있습니다. 이후 케이스 스터디에 "데이터만큼 브랜드 가이드라인도 중요하다"는 교훈을 명시했더니, 면접관들이 이 부분을 흥미롭게 봤습니다. 실패 경험도 솔직하게 공유하면 오히려 신뢰도가 올라갑니다.
정량적 성과를 제시할 때는 맥락을 함께 제공하세요. "전환율 200% 상승"이라고만 쓰면 인상적이지만, 베이스라인이 0.5%에서 1.5%로 오른 건지 20%에서 60%로 오른 건지 알 수 없습니다(출처: Nielsen Norman Group). 구체적인 수치와 개선 전후 맥락을 함께 보여줘야 설득력이 생깁니다.
포트폴리오에 포함할 프로젝트는 3~6개가 적당합니다. 각 프로젝트가 디자인 재능의 다른 측면을 보여주도록 구성하세요. 예를 들어 한 프로젝트는 사용자 리서치 역량을, 다른 프로젝트는 시각 디자인 완성도를, 또 다른 프로젝트는 비즈니스 임팩트를 강조하는 식입니다.
탐색 구조(Navigation)도 중요합니다. 사용자가 홈 → 프로젝트 상세 → 다른 프로젝트 → 연락처로 자연스럽게 이동할 수 있어야 합니다. 제 포트폴리오는 모바일에서 텍스트가 잘리는 문제가 있었는데, 반응형 디자인(Responsive Design)을 제대로 점검하지 않았기 때문입니다. 반응형 디자인이란 사용자가 쓰는 기기에 맞춰 레이아웃이 자동으로 조정되는 방식을 말합니다. 데스크톱과 모바일, 태블릿에서 모두 테스트해 보세요.
포트폴리오는 일회성 작업이 아닙니다. 저는 매주 일요일 오전 1시간을 포트폴리오 점검 시간으로 고정해 뒀습니다. 새 프로젝트를 추가하거나, 오타를 수정하거나, 최근 배운 기술을 반영합니다. 이렇게 꾸준히 업데이트하면 면접 직전에 급하게 만들 필요가 없습니다. 채용 담당자는 여러분의 포트폴리오뿐 아니라 LinkedIn, Behance, Medium 같은 플랫폼에서 온라인 활동도 확인합니다. 일관된 브랜드 메시지를 유지하고, 정기적으로 업데이트하며, 솔직한 케이스 스터디로 신뢰를 쌓으세요.