UX 케이스 스터디 효과적으로 작성하는 법
채용 담당자는 평균 30초만에 포트폴리오의 가치를 판단합니다. 클라이언트는 더 짧습니다. 15초 안에 "이 사람이 우리 문제를 해결할 수 있는가?"를 결정합니다.
뛰어난 UX 작업을 했더라도, 케이스 스터디로 명확하고 설득력 있게 정리하지 못하면 그 가치는 전달되지 않습니다.
이 가이드에서는 채용 담당자와 클라이언트를 사로잡는 UX 케이스 스터디 작성법을 다룹니다.
케이스 스터디의 목적: 과정보다 결과, 결과보다 임팩트
많은 디자이너가 케이스 스터디를 작업 과정의 기록으로 착각합니다. 하지만 진짜 목적은 다릅니다.
"케이스 스터디는 당신이 비즈니스 문제를 어떻게 해결하는 사람인지 증명하는 도구입니다."
케이스 스터디 구조: 6단계 프레임워크
1. Overview: 3줄 요약으로 시작하기
첫 15초 안에 핵심을 전달하세요.
포함할 내용:
- 프로젝트명 + 클라이언트 업종
- 당신의 역할 (UX Designer, Product Designer, Lead UX 등)
- 핵심 성과 (숫자로)
좋은 예시:
"온라인 의료 예약 플랫폼 '헬스케어온' 리디자인 프로젝트. Lead UX Designer로 참여하여 예약 완료율을 23% → 61%로 향상시켰습니다."
나쁜 예시:
"사용자 경험을 개선하기 위해 다양한 리서치를 진행하고 프로토타입을 제작했습니다."
2. Challenge: 문제를 구체적으로 정의하기
채용 담당자가 가장 주목하는 섹션입니다. 여기서 당신의 문제 이해력이 드러납니다.
좋은 예시:
| 지표 | 문제 상황 |
|---|---|
| 예약 완료율 | 23% (업계 평균 45%) |
| 평균 예약 소요 시간 | 8분 32초 |
| 모바일 이탈률 | 68% (2단계에서 대부분 이탈) |
| 사용자 불만 | "절차가 너무 복잡하다" (설문 응답 72%) |
나쁜 예시:
"기존 디자인이 오래되어 사용자 경험이 좋지 않았습니다."
3. Research: 데이터 기반 의사결정 보여주기
리서치는 무엇을 했는지가 아니라 무엇을 발견했는지가 중요합니다.
효과적인 리서치 제시 방법:
- 사용자 인터뷰 인사이트
- "10명 중 8명이 '병원 선택 기준을 모르겠다'고 응답"
- 주요 발견사항 3-5개 bullet point로 정리
- 정량 데이터 (Analytics)
- 히트맵, 스크롤 뎁스, 클릭 분포 시각화
- Google Analytics 스크린샷 활용
- 경쟁사 분석
- 3-5개 경쟁 서비스의 강점/약점 표
- 차별화 포인트 도출
- 사용자 여정 맵
- Before 상태의 여정 맵 (페인 포인트 표시)
"유저 인터뷰 15명, A/B 테스트 3회, 경쟁사 분석 10개 진행"처럼 수량만 나열하지 마세요. 핵심 발견사항과 그것이 디자인에 어떻게 반영되었는지를 보여주세요.
4. Ideation & Design: 의사결정 과정 설명하기
디자인 결과물만 보여주는 것이 아니라, 왜 그렇게 디자인했는지 설명하세요.
포함할 내용:
1) 초기 아이디어 스케치
- 3-5개 방향성 스케치
- 각 아이디어의 장단점 간략 설명
- 최종 선택 이유
2) 정보 구조 (IA) 개선
- Before/After 사이트맵 비교
- 네비게이션 단순화 과정
3) 주요 화면 디자인 결정
- 각 화면마다 "Why" 설명
- 예: "병원 검색 필터를 상단에 배치한 이유: 사용자 인터뷰에서 85%가 거리를 최우선 기준으로 꼽음"
4) 디자인 시스템
- 컴포넌트 라이브러리 (있는 경우)
- 일관성 유지 방법
Figma 화면 50개를 나열하지 마세요. 3-5개 핵심 화면만 선택하고, 각각에 대한 디자인 근거를 명확히 설명하세요.
5. Testing & Iteration: 검증 과정 보여주기
"디자이너는 첫 시도에서 완벽한 결과를 만들지 않습니다. 반복을 통해 개선합니다."
효과적인 테스트 결과 제시:
- 사용자 테스트 결과
- Task 성공률 (Before: 56% → After: 89%)
- 평균 완료 시간 비교
- 주요 발견사항 3-5개
- A/B 테스트 결과 (가능한 경우)
| 항목 | A안 | B안 | 선택 |
|------|-----|-----|------|
| 클릭률 | 12.3% | 18.7% | B안 |
| 완료율 | 45% | 61% | B안 |
- Iteration 과정
- 초기 디자인 → 테스트 피드백 → 개선된 디자인
- Before/After 비교 (1-2개 핵심 화면)
6. Results & Impact: 숫자로 증명하기
케이스 스터디의 클라이맥스입니다. 채용 담당자는 여기서 당신의 가치를 판단합니다.
포함할 지표:
| 지표 유형 | 예시 |
|---|---|
| 사용성 | 예약 완료 시간 8분 → 3분 40초 (-51%) |
| 비즈니스 | 월간 예약 건수 1,200 → 2,400 (+100%) |
| 사용자 만족 | NPS 점수 32 → 68 |
| 기술적 성과 | 페이지 로딩 시간 4.2초 → 1.8초 |
좋은 예시:
"리디자인 후 3개월간의 성과:
- 예약 완료율 23% → 61% (165% 증가)
- 모바일 예약 비중 15% → 48%
- 고객 지원 문의 30% 감소
- 월 매출 4,200만원 → 7,800만원 (86% 증가)"
나쁜 예시:
"클라이언트가 매우 만족했고, 사용자 피드백도 긍정적이었습니다."
시각적 스토리텔링: 이미지로 말하기
UX 케이스 스터디는 텍스트만으로는 부족합니다. 시각적 요소가 핵심입니다.
필수 시각 자료
- Before/After 비교
- 같은 화면의 개선 전후 나란히 배치
- 변경사항 화살표로 강조
- 사용자 여정 맵
- 감정 곡선 포함
- 터치 포인트 명시
- 와이어프레임 → 최종 디자인 진화 과정
- 3단계로 축약 (스케치 → 와이어프레임 → 최종)
- 프로토타입 데모 영상
- 15-30초 짧은 클립
- 핵심 인터랙션만 강조
- 데이터 시각화
- 차트, 그래프로 수치 임팩트 표현
- 인포그래픽 활용
케이스 스터디 페이지 로딩 속도는 3초 이내여야 합니다. 고해상도 이미지는 WebP 형식으로 변환하고, lazy loading을 적용하세요.
자주 하는 실수와 해결책
실수 1: 과정만 나열하고 결과가 없다
❌ "리서치 → 와이어프레임 → 프로토타입 → 테스트를 진행했습니다."
✅ "리서치를 통해 발견한 3가지 페인 포인트를 해결하여 전환율을 2배 향상시켰습니다."
실수 2: 너무 길다
❌ 100장 슬라이드, 10,000단어 케이스 스터디
✅ 핵심만 담은 2,000-3,000단어 + 15-20개 이미지
실수 3: 전문 용어 남발
❌ "Heuristic evaluation을 통해 affordance와 signifier를 개선했습니다."
✅ "사용자가 클릭 가능한 버튼을 명확히 인식하도록 디자인을 개선했습니다."
실수 4: NDA 핑계로 내용 생략
NDA로 인해 구체적 내용을 공개할 수 없다면:
- 숫자를 퍼센트로 변환 (예: "전환율 15% 향상")
- 클라이언트명을 "글로벌 이커머스 플랫폼"처럼 일반화
- 화면을 재디자인하거나 모자이크 처리
케이스 스터디 체크리스트: 발행 전 최종 점검
포트폴리오 전략: 어떤 케이스 스터디를 포함할 것인가?
3-5개가 적정
10개의 평범한 케이스 스터디보다 3개의 강력한 케이스 스터디가 낫습니다.
다양성 확보
| 케이스 스터디 | 보여주는 역량 |
|---|---|
| 복잡한 B2B 시스템 | 복잡도 다루기, 엔터프라이즈 경험 |
| 모바일 앱 | 모바일 UX, 네이티브 패턴 이해 |
| 빠른 MVP 프로젝트 | 제약 속에서 빠른 실행력 |
| 리서치 중심 프로젝트 | 데이터 기반 의사결정 |
타겟 고객에 맞춰 선택
- 스타트업 지원: 빠른 속도, 제약 속 혁신 강조
- 대기업 지원: 협업 과정, 체계적 방법론 강조
- 에이전시 지원: 다양한 업종 경험, 클라이언트 커뮤니케이션 강조
실전 템플릿: 바로 적용 가능한 구조
마무리: 케이스 스터디는 살아있는 문서
케이스 스터디를 한 번 작성하고 끝내지 마세요. 3개월마다 업데이트하며 개선하세요.
- 새로운 데이터 추가 (론칭 6개월 후 성과 등)
- 피드백 반영 (채용 담당자, 동료 피드백)
- 시각 자료 개선
당신의 케이스 스터디는 가장 강력한 포트폴리오 자산입니다. 시간을 투자할 가치가 있습니다.