UI/UX·그래픽 디자이너 포트폴리오의 구성 원칙, 케이스 스터디 작성법, 시각적 완성도를 높이는 방법을 배웁니다.
이번 강에서 배울 것
- 디자인 포트폴리오의 전체 구성 순서와 페이지 구조
- 결과물만 나열하지 않고 ‘과정’을 보여주는 케이스 스터디 작성법
- UI/UX와 그래픽/브랜딩 직무별 포트폴리오 차이
- 시각적 완성도와 가독성을 높이는 실전 팁
디자인 포트폴리오는 그 자체가 실력이다
디자인 직무에서 포트폴리오는 선택이 아니라 지원의 전제 조건입니다. 채용 담당자는 포트폴리오의 레이아웃, 여백, 타이포그래피, 색 사용만 봐도 지원자의 디자인 감각을 파악합니다. 즉 포트폴리오를 ‘디자인하는 능력’ 자체가 평가 대상입니다. 내용이 아무리 좋아도 정렬이 어긋나고 폰트가 뒤죽박죽이면 신뢰를 잃습니다.
동시에 흔한 오해가 있습니다. “예쁘게만 만들면 된다”는 생각입니다. 실무 디자인은 심미성뿐 아니라 ‘왜 이렇게 디자인했는가’라는 문제 해결 논리를 요구합니다. 그래서 좋은 디자인 포트폴리오는 결과 이미지 + 사고 과정을 함께 담습니다.
전체 구성 순서
디자인 포트폴리오는 대체로 다음 흐름으로 구성합니다.
- 커버/표지: 이름, 직무(예: Product Designer), 한 줄 소개. 첫인상을 결정합니다.
- 소개(About): 나를 한 문단으로. 전문 분야, 강점, 사용 툴(Figma, Photoshop 등).
- 대표 프로젝트 3~5개: 각 프로젝트를 케이스 스터디 형식으로.
- 기타 작업(선택): 스킬을 보여주는 소품 작업 갤러리.
- 연락처: 이메일, 링크드인, Behance/Dribbble 링크.
가장 자신 있는 프로젝트를 맨 앞에 배치하세요. 담당자는 앞 1~2개만 보고 다음 지원자로 넘어가는 경우가 많습니다.
핵심은 케이스 스터디
케이스 스터디(Case Study)는 하나의 프로젝트를 문제부터 결과까지 이야기로 풀어낸 것입니다. 각 프로젝트를 다음 구조로 정리하면 논리력까지 어필됩니다.
[프로젝트명]
1. 개요
- 프로젝트 유형: 실무 / 팀 / 개인
- 기간, 나의 역할, 사용 툴
2. 문제 정의 (Problem)
- 어떤 사용자의 어떤 불편을 해결하려 했는가
3. 리서치 & 분석
- 사용자 인터뷰, 경쟁사 분석, 페르소나
4. 과정 (Process)
- 와이어프레임 → 시안 → 최종
- 여러 시안 중 이것을 선택한 이유
5. 결과 (Solution)
- 최종 화면 / 시안 이미지
- Before / After 비교
6. 성과 (Impact)
- 전환율 12% 상승, 이탈률 8% 감소 등
특히 여러 시안과 그 중 선택한 이유를 보여주면, 단순히 예쁜 결과가 아니라 ‘의사결정하는 디자이너’로 인식됩니다. Before/After 비교는 개선 능력을 시각적으로 증명하는 가장 강력한 장치입니다.
직무별 차이
| 구분 | UI/UX 디자이너 | 그래픽/브랜딩 디자이너 |
|---|---|---|
| 강조점 | 문제 해결 과정, 사용성 | 비주얼 완성도, 컨셉 |
| 핵심 산출물 | 와이어프레임, 프로토타입, 플로우 | 로고, 키비주얼, 굿즈 적용 |
| 필수 요소 | 리서치와 논리적 근거 | 무드보드, 컬러/타이포 시스템 |
| 추천 플랫폼 | 노션, 개인 웹, Figma 링크 | Behance, Dribbble |
UI/UX는 ‘왜’를 설명하는 논리가, 그래픽/브랜딩은 ‘결과물의 완성도’가 더 중요합니다. 지원 직무에 맞춰 강조점을 조절하세요.
시각적 완성도를 높이는 팁
- 일관성: 전체 포트폴리오에 하나의 그리드, 2~3개의 폰트, 정해진 컬러 팔레트를 유지합니다.
- 여백: 이미지를 꽉 채우지 말고 충분한 여백으로 시선을 유도합니다.
- 목업 활용: 앱/웹 화면은 디바이스 목업에 넣으면 완성도가 크게 올라갑니다.
- 이미지 화질: 저해상도 캡처는 치명적입니다. 고해상도로 내보내기.
- 설명 텍스트: 이미지만 나열하지 말고 각 화면에 한두 줄 설명을 답니다.
나쁜 예: 완성 화면 20장을 설명 없이 나열. 좋은 예: 문제 정의 → 시안 비교 → 최종안 → 성과 수치로 이어지는 3개 케이스 스터디.
플랫폼별 활용과 준비 순서
디자인 포트폴리오는 공개 채널의 특성을 이해하고 배치해야 효과가 큽니다. Behance는 하나의 프로젝트를 깊이 있는 케이스 스터디로 풀기에 좋고, Dribbble은 감각적인 단편 샷으로 스타일을 각인시키기에 적합합니다. 채용에 정식 제출할 때는 PDF나 개인 웹으로 전체 스토리를 담고, 소셜 노출용으로 Dribbble을 병행하는 조합이 일반적입니다.
처음 만드는 사람을 위한 현실적인 제작 순서는 다음과 같습니다.
- 보유 작업물 중 ‘직무 연관성 + 완성도’ 기준으로 3~5개 선별
- 각 프로젝트를 케이스 스터디 6단계(개요·문제·리서치·과정·결과·성과)로 초안 작성
- 부족한 부분(리서치·Before/After)을 보강하거나, 필요하면 리디자인
- 전체를 하나의 그리드·컬러·폰트 시스템으로 통일
- 현직 디자이너 피드백 후 최종 정리 및 공개
기존 작업이 아쉽다면 ‘리디자인’ 프로젝트가 훌륭한 소재가 됩니다. 실제 서비스의 문제를 정의하고 개선안을 제시하면 문제 해결력까지 어필됩니다.
핵심 요약
- 디자인 포트폴리오는 ‘디자인하는 능력’ 그 자체가 평가 대상이다.
- 결과 이미지만이 아니라 문제-과정-결과-성과의 케이스 스터디로 구성한다.
- UI/UX는 논리와 사용성, 그래픽/브랜딩은 비주얼 완성도를 강조한다.
- 일관된 그리드·폰트·컬러와 목업, 고해상도가 완성도를 좌우한다.
다음 강: 기획·마케팅 직무 포트폴리오 구성
관련 검색어 · 디자인 포트폴리오, UX 케이스 스터디, 신입 디자이너 포트폴리오