팁 & 인사이트

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

Soyeon Han|UX 디자이너
2025-05-15
11분 소요
#UX#케이스 스터디#포트폴리오#프레젠테이션
UX 케이스 스터디 효과적으로 작성하는 법

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

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

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

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

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

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

💡 케이스 스터디에서 보여줘야 할 3가지
  • 문제 이해력: 복잡한 문제를 명확히 정의할 수 있는가?
  • 전략적 사고: 왜 그 해결책을 선택했는가?
  • 비즈니스 임팩트: 결과적으로 어떤 성과를 냈는가?
  • UX Case Study Structure 1 Overview Context & Role 2 Problem Define Challenge 3 Research Data & Insights 4 Design Iterate & Test 5 Results Metrics & Impact 6 Reflection Lessons Learned
    A well-structured case study follows these six steps

    케이스 스터디 구조: 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: 데이터 기반 의사결정 보여주기

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

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

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

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

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

    1. 정량 데이터 (Analytics)

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

    - Google Analytics 스크린샷 활용

    1. 경쟁사 분석

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

    - 차별화 포인트 도출

    1. 사용자 여정 맵

    - 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: 검증 과정 보여주기

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

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

    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: 숫자로 증명하기

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

    포함할 지표:

    지표 유형예시
    사용성예약 완료 시간 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 케이스 스터디는 텍스트만으로는 부족합니다. 시각적 요소가 핵심입니다.

    필수 시각 자료

    1. Before/After 비교

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

    - 변경사항 화살표로 강조

    1. 사용자 여정 맵

    - 감정 곡선 포함

    - 터치 포인트 명시

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

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

    1. 프로토타입 데모 영상

    - 15-30초 짧은 클립

    - 핵심 인터랙션만 강조

    1. 데이터 시각화

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

    - 인포그래픽 활용

    💡 이미지 최적화

    케이스 스터디 페이지 로딩 속도는 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% 향상")
    • 클라이언트명을 "글로벌 이커머스 플랫폼"처럼 일반화
    • 화면을 재디자인하거나 모자이크 처리

    케이스 스터디 체크리스트: 발행 전 최종 점검

    ✅ 필수 점검 항목
  • [ ] Overview에 핵심 성과 숫자 포함
  • [ ] Challenge 섹션에 정량 데이터 최소 3개
  • [ ] Research에서 "무엇을 발견했는지" 명시
  • [ ] 디자인 결정마다 "Why" 설명 포함
  • [ ] Before/After 비교 이미지 포함
  • [ ] Results에 측정 가능한 지표 최소 3개
  • [ ] 모든 이미지에 캡션 추가
  • [ ] 오타 검수 완료
  • [ ] 모바일에서 가독성 테스트
  • [ ] 로딩 속도 3초 이내 확인

  • 포트폴리오 전략: 어떤 케이스 스터디를 포함할 것인가?

    3-5개가 적정

    10개의 평범한 케이스 스터디보다 3개의 강력한 케이스 스터디가 낫습니다.

    다양성 확보

    케이스 스터디보여주는 역량
    복잡한 B2B 시스템복잡도 다루기, 엔터프라이즈 경험
    모바일 앱모바일 UX, 네이티브 패턴 이해
    빠른 MVP 프로젝트제약 속에서 빠른 실행력
    리서치 중심 프로젝트데이터 기반 의사결정

    타겟 고객에 맞춰 선택

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

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

    markdown
    # [프로젝트명]
    
    ## 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개월 후 성과 등)
    • 피드백 반영 (채용 담당자, 동료 피드백)
    • 시각 자료 개선

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

    관련 글