프론트엔드
방해하지 않고, 눈에 띌 수 있을까
두줄요약
자산관리 리포트의 클릭률을 높이기 위해 표현보다 구조를 먼저 바꾼 디자인 사례를 다뤘습니다. 플로팅 카드와 인터랙션 조정으로 CTR과 CVR을 함께 3배 높였습니다.
핵심 내용
- 자산관리 리포트의 클릭률이 낮은 문제를, 표현 수정보다 정보 구조 재설계로 해결한 디자인 사례
- 계좌 정보와 추천을 같은 층에서 경쟁시키지 않고, 플로팅 카드로 분리해 발견성과 비방해성을 동시에 확보
- 스크롤 시 축소, 자연스러운 오픈 모션, 기능처럼 보이게 하는 비주얼 디테일로 사용자 경험을 조정
- A/B 테스트에서 구조를 바꾼 안이 CTR과 CVR 모두 3배 상승
적용해볼 점
- 시선 끌기보다 역할 분리와 배치 구조를 먼저 점검
- 클릭 이후 행동까지 포함해 경험 개선 여부를 함께 확인