UIUX 리디자인 포트폴리오, 디자인 변경 이유는 어떻게 찾을까?

색상을 바꾸고, 레이아웃을 정리하고, 버튼을 더 눈에 띄게 만들었습니다.

그런데 여기서 한 가지 질문이 남습니다.

"이 디자인은 왜 바뀌어야 했을까요?"

화면이 더 깔끔해졌다는 이유만으로는 리디자인의 필요성을 설명하기 어렵습니다.

그렇다면 수많은 UI 요소 중 어떤 부분을 바꿔야 하는지, 그 근거는 어디에서 찾을 수 있을까요?

이번 글에서는 기존 UI에서 변경 이유를 찾는 기준을 알아보고, 실제 코레일 리디자인 사례를 통해 개선 필요성을 판단하고 포트폴리오에 정리하는 방법까지 살펴보겠습니다.

01. UIUX 리디자인, 변경 이유는 어디서 찾아야 할까?

리디자인은 기존 화면을 새롭게 꾸미는 것만이 아니라, 사용자가 서비스를 이용하는 과정에서 개선할 부분을 찾아내는 작업입니다.

따라서 디자인을 변경하기 전에 사용자가 어떤 작업을 하고, 그 과정에서 무엇을 어려워하는지 먼저 살펴봐야 합니다.

이때 다음 세 가지 기준을 활용할 수 있습니다.

① 사용 흐름: 불필요한 단계가 있는가?

사용자가 원하는 작업을 완료하기까지의 과정을 확인합니다. 같은 정보를 반복해서 입력하거나 불필요하게 여러 화면을 이동해야 한다면 개선을 검토할 수 있습니다.

② 정보 배치: 필요한 정보를 쉽게 찾을 수 있는가?

사용자가 자주 확인하는 정보와 중요한 버튼이 눈에 잘 들어오는지 살펴봅니다. 정보가 많더라도 우선순위가 명확하다면 반드시 줄일 필요는 없습니다.

③ 가독성: 정보를 쉽게 이해하고 조작할 수 있는가?

텍스트 크기, 버튼 구분, 안내 문구 등을 확인합니다. 단순히 화면이 복잡해 보인다는 이유보다, 실제로 정보를 읽거나 기능을 사용하는 데 어려움이 있는지 살펴봐야 합니다.

이때 발견한 문제를 모두 변경할 필요는 없습니다.

사용자에게 얼마나 큰 불편을 주는지, 중요한 작업에 영향을 미치는지 확인한 뒤 변경 여부를 판단하는 것이 좋습니다.

02. 코레일 리디자인으로 알아보는 변경 이유 찾기

코레일 리디자인 프로젝트는 메인 페이지부터 예약·결제까지 이어지는 예매 흐름에 주목했습니다.

프로젝트 팀은 복잡한 정보 구조와 직관적이지 않은 예매 과정, 끊기는 사용 흐름을 주요 개선 과제로 선정했습니다.

이를 해결하기 위해 세 가지 방향으로 디자인을 변경했습니다.

① 메인 페이지에서 바로 승차권 예매하기

메인 페이지에 열차 조회·예매 영역을 배치해 별도의 메뉴를 찾지 않고도 예매를 시작할 수 있도록 했습니다.

예매 기능에 접근하기까지의 불필요한 이동을 줄이기 위한 변경입니다.

② 객실 선택부터 좌석 선택까지 자연스럽게 연결하기

기존 예매 흐름의 복잡함을 줄이기 위해 객실 선택 후 바로 좌석 선택 화면으로 이동하도록 구성했습니다.

사용자가 다음 단계를 쉽게 파악하도록 설계한 것입니다.

③ 옵션과 결제 금액을 한눈에 확인하기

기존에는 옵션·할인 선택이 여러 단계로 나뉘어 비용 변화를 확인하기 어려웠습니다.

이를 개선하기 위해 옵션과 할인 혜택을 한 화면에 통합하고, 실시간 가격 요약을 제공하도록 설계했습니다.

이처럼 기존 서비스에서 발견한 문제와 디자인 변경 이유를 연결하면, 단순히 무엇을 바꿨는지가 아니라 왜 바꿨는지 설명할 수 있습니다.

03. 변경 이유를 UIUX 포트폴리오에 어떻게 작성할까?

리디자인 포트폴리오에서는 Before & After 화면만 나열하기보다 문제를 발견하고, 변경이 필요하다고 판단한 과정을 함께 보여주는 것이 중요합니다.

다음 네 가지 순서로 정리해 보세요.

앞서 살펴본 코레일 사례를 포트폴리오에 정리한다면 다음과 같이 작성할 수 있습니다.

문제 발견: 예매 과정에서 옵션과 할인 적용이 여러 단계로 나뉘어 있어 비용 변화를 한눈에 확인하기 어려웠습니다.

판단 근거: 승차권 예매에서는 사용자가 선택한 조건과 최종 결제 금액을 명확하게 확인할 수 있어야 합니다.

디자인 변경: 옵션과 할인 혜택을 한 화면에 통합하고, 실시간 가격 요약을 제공하도록 설계했습니다.

이처럼 문제 → 변경 이유 → 개선 결과를 연결하면 최종 디자인뿐 아니라 디자인 의사결정 과정까지 보여줄 수 있습니다.

리디자인 포트폴리오 작성 전 체크리스트

• 문제: 기존 화면에서 발견한 문제가 구체적인가?

• 근거: 왜 변경해야 하는지 사용자 관점에서 설명할 수 있는가?

• 결과: 변경한 내용이 발견한 문제와 연결되는가?

단, 개선 효과는 디자인 의도와 구분해야 합니다. 실제 사용자 테스트나 검증 자료가 없다면 사용성이 향상됐다고 단정하기보다, 어떤 문제를 개선하기 위해 설계했는지 설명하는 것이 적절합니다.

UIUX 리디자인에서 중요한 것은 기존 디자인을 전부 새롭게 만드는 것이 아닙니다.

바꿔야 할 이유를 찾고, 그 이유에 맞는 디자인을 선택하는 것입니다.

자신의 리디자인 포트폴리오에도 완성된 화면과 함께, 왜 그 부분을 변경했는지 근거를 남겨보세요.

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