UX 케이스 스터디 효과적으로 작성하는 법

채용 담당자는 평균 30초만에 포트폴리오의 가치를 판단합니다. 클라이언트는 더 짧습니다. 15초 안에 "이 사람이 우리 문제를 해결할 수 있는가?"를 결정합니다.

뛰어난 UX 작업을 했더라도, 케이스 스터디로 명확하고 설득력 있게 정리하지 못하면 그 가치는 전달되지 않습니다.

이 가이드에서는 채용 담당자와 클라이언트를 사로잡는 UX 케이스 스터디 작성법을 다룹니다.

케이스 스터디의 목적: 과정보다 결과, 결과보다 임팩트

많은 디자이너가 케이스 스터디를 작업 과정의 기록으로 착각합니다. 하지만 진짜 목적은 다릅니다.

"케이스 스터디는 당신이 비즈니스 문제를 어떻게 해결하는 사람인지 증명하는 도구입니다."

케이스 스터디 구조: 6단계 프레임워크

1. Overview: 3줄 요약으로 시작하기

첫 15초 안에 핵심을 전달하세요.

포함할 내용:

• 프로젝트명 + 클라이언트 업종
• 당신의 역할 (UX Designer, Product Designer, Lead UX 등)
• 핵심 성과 (숫자로)

좋은 예시:

"온라인 의료 예약 플랫폼 '헬스케어온' 리디자인 프로젝트. Lead UX Designer로 참여하여 예약 완료율을 23% → 61%로 향상시켰습니다."

나쁜 예시:

"사용자 경험을 개선하기 위해 다양한 리서치를 진행하고 프로토타입을 제작했습니다."

2. Challenge: 문제를 구체적으로 정의하기

채용 담당자가 가장 주목하는 섹션입니다. 여기서 당신의 문제 이해력이 드러납니다.

좋은 예시:

나쁜 예시:

"기존 디자인이 오래되어 사용자 경험이 좋지 않았습니다."

3. Research: 데이터 기반 의사결정 보여주기

리서치는 무엇을 했는지가 아니라 무엇을 발견했는지가 중요합니다.

효과적인 리서치 제시 방법:

1. 사용자 인터뷰 인사이트

- "10명 중 8명이 '병원 선택 기준을 모르겠다'고 응답"

- 주요 발견사항 3-5개 bullet point로 정리

1. 정량 데이터 (Analytics)

- 히트맵, 스크롤 뎁스, 클릭 분포 시각화

- Google Analytics 스크린샷 활용

1. 경쟁사 분석

- 3-5개 경쟁 서비스의 강점/약점 표

- 차별화 포인트 도출

1. 사용자 여정 맵

- Before 상태의 여정 맵 (페인 포인트 표시)

4. Ideation & Design: 의사결정 과정 설명하기

디자인 결과물만 보여주는 것이 아니라, 왜 그렇게 디자인했는지 설명하세요.

포함할 내용:

1) 초기 아이디어 스케치

• 3-5개 방향성 스케치
• 각 아이디어의 장단점 간략 설명
• 최종 선택 이유

2) 정보 구조 (IA) 개선

• Before/After 사이트맵 비교
• 네비게이션 단순화 과정

3) 주요 화면 디자인 결정

• 각 화면마다 "Why" 설명
• 예: "병원 검색 필터를 상단에 배치한 이유: 사용자 인터뷰에서 85%가 거리를 최우선 기준으로 꼽음"

4) 디자인 시스템

• 컴포넌트 라이브러리 (있는 경우)
• 일관성 유지 방법

5. Testing & Iteration: 검증 과정 보여주기

"디자이너는 첫 시도에서 완벽한 결과를 만들지 않습니다. 반복을 통해 개선합니다."

효과적인 테스트 결과 제시:

1. 사용자 테스트 결과

- Task 성공률 (Before: 56% → After: 89%)

- 평균 완료 시간 비교

- 주요 발견사항 3-5개

1. A/B 테스트 결과 (가능한 경우)

| 항목 | A안 | B안 | 선택 |

|------|-----|-----|------|

| 클릭률 | 12.3% | 18.7% | B안 |

| 완료율 | 45% | 61% | B안 |

1. Iteration 과정

- 초기 디자인 → 테스트 피드백 → 개선된 디자인

- Before/After 비교 (1-2개 핵심 화면)

6. Results & Impact: 숫자로 증명하기

케이스 스터디의 클라이맥스입니다. 채용 담당자는 여기서 당신의 가치를 판단합니다.

포함할 지표:

좋은 예시:

"리디자인 후 3개월간의 성과:

- 예약 완료율 23% → 61% (165% 증가)

- 모바일 예약 비중 15% → 48%

- 고객 지원 문의 30% 감소

- 월 매출 4,200만원 → 7,800만원 (86% 증가)"

나쁜 예시:

"클라이언트가 매우 만족했고, 사용자 피드백도 긍정적이었습니다."

시각적 스토리텔링: 이미지로 말하기

UX 케이스 스터디는 텍스트만으로는 부족합니다. 시각적 요소가 핵심입니다.

필수 시각 자료

1. Before/After 비교

- 같은 화면의 개선 전후 나란히 배치

- 변경사항 화살표로 강조

1. 사용자 여정 맵

- 감정 곡선 포함

- 터치 포인트 명시

1. 와이어프레임 → 최종 디자인 진화 과정

- 3단계로 축약 (스케치 → 와이어프레임 → 최종)

1. 프로토타입 데모 영상

- 15-30초 짧은 클립

- 핵심 인터랙션만 강조

1. 데이터 시각화

- 차트, 그래프로 수치 임팩트 표현

- 인포그래픽 활용

자주 하는 실수와 해결책

실수 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개의 강력한 케이스 스터디가 낫습니다.

다양성 확보

타겟 고객에 맞춰 선택

• 스타트업 지원: 빠른 속도, 제약 속 혁신 강조
• 대기업 지원: 협업 과정, 체계적 방법론 강조
• 에이전시 지원: 다양한 업종 경험, 클라이언트 커뮤니케이션 강조

실전 템플릿: 바로 적용 가능한 구조

# [프로젝트명]

## Overview
- **Client**: [업종]
- **Role**: [직무]
- **Duration**: [기간]
- **Key Result**: [핵심 지표 개선]

## Challenge
- 정량 데이터 3개
- 비즈니스 임팩트
- 사용자 페인 포인트

## Research Insights
1. [발견 1]
2. [발견 2]
3. [발견 3]

## Design Solution
### [핵심 화면 1]
- Why: [디자인 결정 근거]
- [이미지]

### [핵심 화면 2]
- Why: [디자인 결정 근거]
- [이미지]

## Testing & Iteration
- 사용자 테스트 결과
- Before/After 비교

## Results
| 지표 | Before | After | 변화 |
|------|--------|-------|------|
| [지표1] | [값] | [값] | [%] |
| [지표2] | [값] | [값] | [%] |

## Takeaways
- 이 프로젝트에서 배운 점
- 다음에 다르게 할 점

마무리: 케이스 스터디는 살아있는 문서

케이스 스터디를 한 번 작성하고 끝내지 마세요. 3개월마다 업데이트하며 개선하세요.

• 새로운 데이터 추가 (론칭 6개월 후 성과 등)
• 피드백 반영 (채용 담당자, 동료 피드백)
• 시각 자료 개선

당신의 케이스 스터디는 가장 강력한 포트폴리오 자산입니다. 시간을 투자할 가치가 있습니다.

웹 프로젝트의 문제와 해결 과정을 설득력 있게 정리하고 싶다면 POEMORA 웹 개발 서비스를 확인해 보세요.