Domain Billing Experience

어떤 프로젝트인가요?

도메인 신규 등록·연장·기관 이전으로 나뉘어 있던 결제 흐름을 하나의 공통 구조로 통합하고, 사용자 이동 흐름과 유지보수성을 함께 개선한 프로젝트입니다. 결제 단계 UI 구현과 공통 구조 설계, 도메인 신청 API 연동, 마이페이지와 결제 단계 간 사용자 흐름 정리, 반응형 UI와 디바이스별 예외 대응을 담당했습니다.

무엇을 해결해야 했나요?

같은 '도메인 결제'인데도 기능마다 화면과 동작이 달라, 사용자와 작업자 모두에게 비용이 생기고 있었습니다.

• 기능별로 결제 화면과 이동 방식이 달라 사용자가 각 프로세스를 새롭게 이해해야 했습니다.
• 유사한 UI와 로직이 분리되어 있어 수정 시 중복 작업이 반복되었습니다.
• 마이페이지와 결제 단계 간 연결 기준이 일관되지 않아 흐름 파악이 어려웠습니다.

어떻게 접근했나요?

1. 등록·연장·기관 이전에서 공통으로 사용할 수 있는 UI 구조와 인터랙션을 정리했습니다.
2. 신청 유형에 따른 데이터 분기를 고려해 API 연동 흐름을 구성했습니다.
3. 단계별 상태와 사용자 행동 기준을 맞춰 페이지 간 이동 흐름을 단순화했습니다.
4. 공통 구조를 기준으로 반응형 UI와 예외 케이스를 함께 정리했습니다.

무엇이 달라졌나요?

분리되어 있던 결제 흐름을 하나의 구조로 묶어, 사용자 경험과 유지보수성을 함께 개선했습니다.

• 분리되어 있던 세 가지 결제 프로세스를 동일한 사용자 경험으로 통합했습니다.
• 유사 UI의 중복 구현을 줄여 이후 수정과 확장이 쉬운 구조로 개선했습니다.
• 마이페이지부터 결제 완료까지의 이동 흐름을 일관되게 정리했습니다.