업비트 UXUI 리디자인
국내 1위 거래소, 그런데 초보자는 왜 헤맬까?
한 화면에 몰린 과도한 정보를 정리하고, 반응형 레이아웃을 적용하여 모든 기기에서 일관된 경험을 제공하도록 개선했습니다.
Project Type
개인 프로젝트
Duration
5 주
My Role
UIUX Designer
(Webflow)
어떤 문제를 발견했을까?
"뭘 봐야 할지 모르겠다"
업비트 웹사이트는 한 화면에 과도한 정보가 집중되어 있어, 사용자가 핵심 정보를 찾기 어려운 구조였습니다.
현재 '업비트'는 아래와 같은 문제점들을 가지고 있습니다.
현재 문제점
• 한 화면에 많은 정보로 인한 혼란
• 초보자에게 어려운 전문 지표들
• 차트, 시세, 거래 내역이 섞여있는 복잡한 구조
• CTA 버튼이 시각적으로 묻혀있음
부가 문제점
• 반응형 미지원으로 모바일 접근성이 좋지 않음
• 다양한 화면 크기에서 사용 불가능
랜딩 페이지
거래 페이지
문제 정의
"정보는 줄이고, 접근은 넓히고"
핵심 정보만 남기고, 어떤 기기에서든 동일한 경험을 제공할 수 있을까?
어떻게 해결했을까?
"덜어내고, 맞춰주고"
불필요한 정보를 제거하여 직관적인 화면을 구성하고, 데스크탑부터 모바일까지 반응형 레이아웃을 적용했습니다.
"한 화면에 다 담지 않는다"
• 불필요한 정보 과감히 제거
• 핵심 정보 우선순위 재정립
• 단계별 정보 제공으로 인지 부담 감소
랜딩 페이지
거래 페이지
"어떤 화면에서든 같은 경험"
• 데스크탑, 태블릿, 모바일 각 해상도에 맞춰 최적화
• 마우스 / 터치 인터랙션 모두 고려
1024px
768px
375px
프로젝트 회고 및 핵심 인사이트
Insight
웹페이지를 반응형으로 작업하면서 ‘어떻게 해야 사용자가 어떤 기기로 봐도 같은 내용을 효과적으로 전달할 수 있을까?’를 고민하며 디자인했고, 이 프로젝트를 하면서 반응형 디자인이 여러 기기에서 어떻게 적용되는지 이해를 높일 수 있었습니다.
또한, 기존 페이지를 리디자인하면서 시각적 계층 구조의 중요성을 다시 한번 느꼈습니다. 잘 디자인된 시각적 계층 구조는 메시지를 효과적으로 전달하고 더 나은 사용자 경험을 제공할 수 있도록 도와준다는 것을 알 수 있었습니다.
Challenge : 문제 정의의 시행착오
개인적인 경험에만 의존해서 문제를 정의했기 때문에, 실제 다른 사용자들도 같은 불편함을 느끼는지 검증하지 못한 점이 아쉽습니다.
Webflow로 구현하면서 일부 복잡한 인터랙션이나 애니메이션을 완벽하게 구현하지 못한 부분이 있었습니다.
Growth : 앞으로의 목표
다양한 사용자 그룹을 대상으로 인터뷰를 진행하여 실제 Pain Point를 검증하고, 더 정확한 문제 정의를 하고 싶습니다.
A/B 테스트를 통해 간소화된 UI의 실제 효과를 측정하고, 정량적 데이터로 개선 방향을 설정하고 싶습니다.
