B2B 빌링 시스템 기획 실무: 과거 원장과 당월 관리 UI 분리가 핵심인 이유

최근 많은 기업들이 자체적인 SaaS 서비스를 도입하거나 플랫폼화되면서, B2B 기반의 어드민(Admin) 대시보드 기획의 중요성이 날로 커지고 있습니다.

서비스의 화려한 프론트엔드 뒤에는 가맹점 수수료 정산, 제휴 수익금 분배, 인센티브 지급 등을 한 치의 오차 없이 처리해야 하는 거대한 백엔드 시스템이 존재합니다.

특히 그중에서도 돈이 오가는 '빌링(Billing) 및 정산 시스템'은 기획자의 로직 설계 하나에 회사의 재무적 리스크가 왔다 갔다 하는 가장 중요한 영역입니다.

수많은 데이터 그리드 뷰와 와이어프레임을 그리면서 가장 크게 부딪히는 난관은 바로 '방대한 데이터의 성격'을 어떻게 UI에 녹여낼 것인가입니다.

오늘은 제가 직접 복잡한 제휴 정산 페이지를 기획하며 뼈저리게 느꼈던, 데이터 분리 설계의 핵심 전략에 대해 실무자 관점에서 깊이 있게 다루어 보겠습니다.

💡 빌링 대시보드의 첫 단추, 데이터 성격의 이해

정산 관리자 페이지를 열었을 때, 모든 데이터를 하나의 거대한 표(Data Grid)에 전부 때려 넣는 것은 최악의 UI/UX 기획입니다.

돈과 관련된 데이터는 크게 두 가지 성격으로 명확하게 나뉩니다.

하나는 이미 정산이 완료되어 절대 수정되어서는 안 되는 '과거 이력(원장)'이고, 다른 하나는 현재 진행 중이며 수동 조정이 필요한 '당월 관리 내역'입니다.

데이터 성격	과거 원장 데이터 (History)	당월 관리 내역 (Current)
수정 권한	절대 불가 (Read Only)	권한자 한정 수정 및 상태 변경 가능
UI/UX 목적	빠른 검색, 엑셀 다운로드, 조회 속도	미납/완납 체크, 수동 액션 처리
데이터 용량	수년 치 누적으로 매우 방대함	해당 월 1달 치로 비교적 가벼움

이 두 가지 상이한 성격의 데이터를 화면 설계 시 완벽하게 분리하지 않으면, 시스템 로딩 속도는 한없이 느려지고 실무자의 실수로 과거 정산 금액이 틀어지는 대참사가 발생합니다.

따라서 기획 단계에서부터 이 둘의 메뉴 뎁스(Depth) 자체를 명확하게 갈라놓는 것이 1원칙입니다.

📌 가장 흔한 기획 실수: 원장과 당월 내역의 혼용

초보 서비스 기획자나 외주 개발사에서 가장 많이 하는 치명적인 오해가 하나 있습니다.

바로 "어차피 같은 가맹점의 정산 데이터니까, 하나의 화면에 날짜 필터만 달아서 보여주면 담당자가 편하겠지?"라고 생각하는 것입니다.

이것은 실무 부서인 재무팀과 운영팀의 업무 프로세스를 전혀 이해하지 못한 탁상공론식 접근입니다.

"과거 데이터는 감사를 위한 '보관함'이고, 당월 데이터는 실시간으로 지지고 볶아야 하는 '작업대'입니다. 보관함과 작업대를 한 화면에 합쳐 놓으면 일의 효율은 바닥을 칩니다."

• 성능 저하 이슈: 화면을 열 때마다 무거운 과거 원장 테이블까지 함께 호출되면서 빈번한 타임아웃 에러가 발생합니다.
• 휴먼 에러 유발: 담당자가 당월 미수금을 처리하려다 실수로 지난달 데이터의 상태값을 건드려 회계 마감이 꼬이게 됩니다.
• 권한 제어의 복잡성: 데이터 묶음이 하나라, 특정 팀원에게 당월 수정 권한만 주고 과거 열람은 막는 세밀한 통제가 어려워집니다.

실제로 제가 이 부분의 메뉴와 권한 로직을 완전히 독립된 두 개의 페이지로 쪼개어 기획했더니, 시스템 로딩 속도가 3초에서 0.5초로 대폭 개선되는 경험을 했습니다.

기획자의 구조적 결단이 시스템 엔지니어링의 성능까지 끌어올린 셈입니다.

🛠️ 실무 적용: 효율적인 데이터 그리드 레이아웃 설계

그렇다면 당월 관리 메뉴의 화면은 어떻게 구성해야 실무자의 피로도를 최소한으로 낮출 수 있을까요?

핵심은 한 화면 안에서 정보 탐색과 실행(Action)이 동시에 부드럽게 이어지도록 동선을 짜는 것입니다.

1. 멀티 스테이지 워크플로우 적용: 가맹점 요약 정보 상단 배치 후, 클릭 시 하단이나 우측 패널에 상세 내역이 뜨는 Master-Detail 구조를 활용합니다.
2. 일괄 처리(Batch) 버튼의 분리: '전체 정산 확정', '청구서 일괄 발송' 같은 위험도가 높은 액션 버튼은 화면 우측 상단에 눈에 띄게 배치하고 2차 팝업 확인을 거치게 합니다.
3. 인센티브 및 수수료 공통 모듈화: 각기 다른 제휴 메뉴에서도 동일하게 띄울 수 있는 '공통 정산 검증 팝업'을 만들어 개발 공수를 획기적으로 줄입니다.

제가 직접 제휴 채널 랜딩 페이지들의 월별 정산 로직을 재설계하여 현업에 적용해 보니, 재무 담당자의 월말 정산 오차가 0%로 줄어들고 관련 CS 문의가 40% 이상 감소하는 놀라운 성과를 거두었습니다.

효율적인 어드민 화면 설계는 곧 불필요한 인건비 절감으로 직결됩니다.

💰 제휴 수익 관리의 안정성을 높이는 실전 액션

B2B 서비스든 개인의 수익형 플랫폼이든, 결국 들어온 돈을 오차 없이 맞추고 과거의 기록을 안전하게 보존하는 것이 비즈니스의 기본 체력입니다.

기획자는 단순히 보기 좋은 표를 그리는 사람이 아니라, 회사의 자금 흐름에 병목이 생기지 않도록 논리적인 파이프라인을 설계하는 사람이어야 합니다.

체크 포인트	기획 시 반드시 확인해야 할 사항
읽기 전용 분리	과거 이력 페이지에 수정/삭제 액션 버튼이 완전히 제거되었는가?
필터 효율성	당월 관리 페이지 진입 시 디폴트 조회 기간이 '이번 달'로 고정되어 있는가?

[오늘의 실전 액션 가이드]
현재 회사에서 운영 중이거나 기획 단계에 있는 관리자 대시보드 화면을 캡처해 보세요.
그리고 화면 내의 데이터 목록이 '단순 조회용'인지 '액션 처리용'인지 형광펜으로 색깔을 다르게 칠해 보시기 바랍니다.
두 가지 색이 하나의 표 안에 무분별하게 섞여 있다면, 지금 당장 메뉴 구조도(IA)부터 다시 분리하는 작업을 시작하셔야 합니다.