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