UIUX 포트폴리오 예시, 문제 정의부터 UX 설계까지 어떻게 연결할까?

UIUX 포트폴리오 예시로 알아보는 문제 정의 방법. 5 Whys 분석부터 실제 UX 기획 과정, 자신의 포트폴리오에 적용할 수 있는 작성 방법까지 정리했습니다.

Nov 13, 2026

Contents

UIUX 포트폴리오를 만들다 보면 이런 순간이 있습니다.

화면도 만들었고, 기능도 정했는데 막상 "왜 이렇게 디자인했나요?"라는 질문에는 답하기 어려운 순간이죠.

이럴 때 필요한 것이 바로 문제 정의(Problem Definition)입니다.

사용자가 어떤 문제를 겪고 있는지, 그 원인은 무엇인지 먼저 파악해야 디자인에도 명확한 이유가 생깁니다.

이번 글에서는 5 Whys 분석 방법과 실제 야구 팬 앱 'DUGOUT' 사례를 통해 문제를 발견하고, UX 기획과 포트폴리오로 연결하는 방법을 알아보겠습니다.

01. UIUX 문제 정의, 어떻게 시작할까?

문제 정의는 사용자가 겪는 현상에서 출발해, 그 원인을 탐색하고 해결해야 할 문제를 구체화하는 과정입니다.

예를 들어 '사용자가 앱에 다시 방문하지 않는다'는 현상이 있다면, 바로 새로운 기능을 추가하기보다 왜 다시 방문하지 않는지 먼저 살펴봐야 합니다.

이때 활용할 수 있는 방법이 5 Whys 분석입니다.

5 Whys는 하나의 문제에 '왜?'라는 질문을 반복해 원인을 찾아가는 방법으로, 다음 순서로 진행합니다.

중요한 것은 다섯 번 질문하는 횟수가 아니라, 문제의 원인을 얼마나 구체적으로 파악했는가입니다.

단, 분석 결과는 가설일 수 있으므로 사용자 인터뷰나 데이터로 확인하는 과정이 필요합니다.

야구 팬을 위한 앱 'DUGOUT'은 다음 질문에서 출발했습니다.

"왜 팬들은 연결되고, 기록되고, 이어지는 경험을 충분히 하지 못할까?"

프로젝트 팀은 이 질문을 5 Whys로 분석했습니다.

분석을 통해 학생들은 단순히 팬의 활동이 적다는 현상을 넘어, 팬의 경험을 지속적으로 연결하고 축적하는 구조가 부족하다는 문제 가설을 도출했습니다.

그렇다면 이 문제를 어떻게 UX 설계 방향으로 바꿀 수 있을까요?

DUGOUT은 분석 결과를 두 가지 방향으로 연결했습니다.

① 팬들이 직접 참여하는 공간 만들기

② 응원과 활동을 기록으로 남기기

이 두 가지 방향을 바탕으로 제작한 결과물이 DUGOUT 앱입니다.

여기서 중요한 점은 5 Whys로 발견한 문제를 바로 기능으로 바꾸지 않고, 먼저 사용자에게 어떤 경험을 제공할지 정의했다는 것입니다.

즉, 문제 분석 결과가 UX 설계 방향으로 어떻게 이어졌는지 설명할 수 있어야 디자인의 기획 의도도 명확해집니다

포트폴리오에서는 5 Whys 분석표만 보여주기보다 발견한 문제와 최종 디자인이 어떻게 연결되는지 설명하는 것이 중요합니다.

DUGOUT 사례를 포트폴리오에 정리한다면 다음과 같이 작성할 수 있습니다.

구성	포트폴리오 작성 예시
문제 발견	야구 팬의 응원과 활동이 일회성으로 끝나는 현상에 주목했습니다.
원인 분석	5 Whys를 통해 팬의 경험을 기록하고 축적하는 구조가 부족하다는 가설을 도출했습니다.
UX 설계 방향	팬들이 직접 참여하는 공간과 응원·활동을 기록으로 남기는 경험을 설계하고자 했습니다.
최종 결과물	두 가지 UX 방향을 바탕으로 야구 팬 앱 DUGOUT을 제작했습니다.

이렇게 문제 정의 자료와 실제 디자인 화면을 연결하면 무엇을 만들었는지뿐 아니라 왜 그렇게 설계했는지 보여줄 수 있습니다.

5 Whys는 문제를 정의하는 여러 방법 중 하나입니다. 중요한 것은 어떤 분석 도구를 사용했는지보다 사용자 문제를 어떤 근거로 이해하고, 디자인에 반영했는지 보여주는 것입니다.

UIUX 포트폴리오를 준비하고 있다면 완성된 화면과 함께, 그 화면이 만들어진 이유도 정리해 보세요.

#UIUX디자인 #웹기획 #프론트엔드 #바이브코딩 #UIUX부트캠프 #UIUX취업 #UIUX디자이너 #UIUX신입포트폴리오 #UIUX포트폴리오 #UIUX포트폴리오구성 #UIUX포트폴리오예시#피그마 #UIUX취업 #UIUX국비지원 #이젠아카데미DX교육센터

Contents