29CM 주문서 결제 혜택 UX 개편기

이 게시물은 29CM 주문서의 결제 혜택 UX를 개선하여 고객의 결제 경험과 구매 전환율을 향상시킨 프로젝트를 소개합니다.

문제점과 개선 방향

• 기존에는 다양한 결제 수단별 혜택을 직관적으로 확인하기 어려웠고, 실시간 할인 금액 반영이 없어 혜택 체감도가 낮았습니다.
• 즉시 할인 적용 여부를 주문서에서 선택하고, 할인 금액이 바로 반영되도록 변경하여 구매 전환율을 높이고자 했습니다.

기술적 접근과 구현

• 뷰 모델과 도메인 모델을 분리하여 UI 가공 로직과 비즈니스 로직을 명확히 구분했습니다.
• 결제 수단과 즉시 할인 선택 간 양방향 연동 로직을 이벤트 핸들러 내 동기적 상태 처리 방식으로 구현해 유지보수성을 높였습니다.
• 마일리지 입력 시 API 호출을 최소화하기 위해 blur 이벤트 기반 처리 방식을 채택했습니다.

성과 및 비즈니스 임팩트

• 구매 전환율이 56.3%에서 57.4%로 상승하였고, 결제 혜택 사용 비중과 전략 제휴 결제 수단 사용률이 크게 증가했습니다.
• 주문서에서 결제 완료까지 소요 시간이 20초 단축되었으며, 결제 혜택이 매출에 기여하는 비중이 25%에서 60%로 증가했습니다.