29CM, 결제 UX 개선으로 구매 전환율 UP!
by DD
10개월 전
조회수 7
결제 혜택을 인지하기 어렵고, 실시간 할인 반영이 안 되어 구매 전환율이 낮았음
즉시 할인 구좌 신설, 도메인/뷰 모델 분리, 양방향 연동 로직 개선
구매전환율 1.08%p 상승, 결제 혜택 사용 비중 27.6% 증가
UI/UX 개선을 위한 아키텍처 설계
주문서 페이지는 도메인 모델과 뷰 모델로 분리하여 UI 렌더링을 최적화했다. 구체적으로 useSortedPaymentMethodList, useBestDirectDiscount 등의 훅을 활용하여 UI 가공 로직을 분리했다. 따라서 코드 가독성을 높이고, 유지보수성을 향상시켰다.
결제 수단과 즉시 할인 연동 로직 개선
결제 수단 선택과 즉시 할인 선택 간의 양방향 연동 로직을 개선했다. 처음에는 useEffect를 사용했지만, 상태 변경 순서 문제로 인해 이벤트 핸들러에서 동기적으로 처리하도록 변경했다. 결과적으로 상태 전이 예측 가능성을 높이고, 을 용이하게 했다.
