프로젝트 배경
✅ 문제점
1. 노후화된 UI/UX
• 기존 시스템이 Thymeleaf 기반으로 제작되어 있어 반응형 지원이 미흡했고, 모바일 사용자 환경에서 불편함이 컸음
• 사용자 친화적인 인터랙션이나 현대적인 디자인 흐름 반영이 어려운 구조였음
2. 복잡하고 미비한 수업 예약 시스템
• 중복 예약 제한이 없어 인기 수업의 오버북 현상 발생
• 좌석 지정을 지원하지 않아 그룹 수업 운영의 혼선
• PT 수업의 경우, 수업 간 준비 시간 및 장소 겹침 방지 기능 부족
• 휴회권·양도권·정지권 등의 복합 예약 취소/변경 시나리오를 처리하지 못함
3. 관리자/강사 업무 비효율
• 급여, 커미션, 센터 정산 로직이 표준화되어 있지 않아 수작업이 많고 오류 발생 위험이 있었음
• 강사-회원 간의 체형 분석 및 식단 공유는 비표준화된 채팅/수기 방식으로 운영되어 데이터 기반 피드백이 어려웠음
✅ 프로젝트 목표
1. UI/UX 고도화를 통한 사용성 향상
• React 기반 SPA 구조로 전환하여 속도 개선 및 부드러운 사용자 경험 제공
• 모든 화면을 반응형 웹으로 재구성하여 모바일 중심의 사용자 행동에 최적화
2. 예약 시스템의 체계화 및 자동화
• 중복 예약 방지, 좌석 지정, 자동 시간 블록 설정 등 예약 시스템의 논리적 완성도 제고
• 수업 종류별(그룹/1:1) 운영 방식에 맞는 예약 흐름 분리 및 최적화
3. 운영 효율성과 데이터 중심 관리 강화
• 정산 로직 및 급여/커미션 계산 자동화
• 푸드렌즈 등 외부 API를 통한 식단 데이터 수집 및 분석 기능 도입
• 강사-회원 간 피드백 강화를 위한 사진 기반 커뮤니티 및 에디터 도입
✅ 주안점
1. 센터-회원 간 결제 통로로서의 쇼핑몰 ‘b.pay’ 구축
• 피트니스 센터와 회원이 직접 연결되는 디지털 쇼핑몰 ‘b.pay’를 구축하여, 다양한 형태의 회원권(기간권, 횟수권, 1:1 PT권 등)을 모바일 환경에서 쉽고 빠르게 구매할 수 있도록 했습니다.
• 결제 프로세스는 카드/계좌 등록 + 간편 비밀번호 설정 방식으로 구현되어 사용자 이탈을 최소화하였고, 구매 즉시 모바일 이용권으로 연동되는 구조를 통해 서비스 사용의 연속성을 확보했습니다.
2. CRM 중심의 통합 회원권 관리 시스템 구현
• ‘b.pay’를 단순 결제 모듈이 아닌 회원권 전체 수명주기를 통합 관리하는 CRM으로 설계했습니다.
• 회원권 생성 → 구매 → 이용 → 휴회 → 정지 → 양도까지, 각 상태별 전환 로직과 UI/UX를 체계화하여 센터 운영자 및 회원 모두에게 명확한 이력을 제공하며, 관리 편의성을 극대화했습니다.
• 복잡한 수업 정지·양도 요청은 시스템 내부 로직으로 자동 검증 및 승인되며, 센터별 정책 설정에 따라 세부 조건을 커스터마이징할 수 있도록 설계했습니다.
3. 운영 효율화와 사용자 만족을 동시에 추구
• 센터 운영자는 기존 수기·전화 방식 없이도 디지털로 모든 회원권 이력을 추적·관리할 수 있게 되었고, 회원은 실시간으로 내 이용권의 상태를 확인하고 자유롭게 관리할 수 있게 되어 고객 만족도를 크게 향상시켰습니다.
• b.pay는 단순한 결제 수단이 아닌, 센터 운영 효율성과 사용자 경험을 연결하는 핵심 허브로 자리매김했습니다.
1. 노후화된 UI/UX
• 기존 시스템이 Thymeleaf 기반으로 제작되어 있어 반응형 지원이 미흡했고, 모바일 사용자 환경에서 불편함이 컸음
• 사용자 친화적인 인터랙션이나 현대적인 디자인 흐름 반영이 어려운 구조였음
2. 복잡하고 미비한 수업 예약 시스템
• 중복 예약 제한이 없어 인기 수업의 오버북 현상 발생
• 좌석 지정을 지원하지 않아 그룹 수업 운영의 혼선
• PT 수업의 경우, 수업 간 준비 시간 및 장소 겹침 방지 기능 부족
• 휴회권·양도권·정지권 등의 복합 예약 취소/변경 시나리오를 처리하지 못함
3. 관리자/강사 업무 비효율
• 급여, 커미션, 센터 정산 로직이 표준화되어 있지 않아 수작업이 많고 오류 발생 위험이 있었음
• 강사-회원 간의 체형 분석 및 식단 공유는 비표준화된 채팅/수기 방식으로 운영되어 데이터 기반 피드백이 어려웠음
✅ 프로젝트 목표
1. UI/UX 고도화를 통한 사용성 향상
• React 기반 SPA 구조로 전환하여 속도 개선 및 부드러운 사용자 경험 제공
• 모든 화면을 반응형 웹으로 재구성하여 모바일 중심의 사용자 행동에 최적화
2. 예약 시스템의 체계화 및 자동화
• 중복 예약 방지, 좌석 지정, 자동 시간 블록 설정 등 예약 시스템의 논리적 완성도 제고
• 수업 종류별(그룹/1:1) 운영 방식에 맞는 예약 흐름 분리 및 최적화
3. 운영 효율성과 데이터 중심 관리 강화
• 정산 로직 및 급여/커미션 계산 자동화
• 푸드렌즈 등 외부 API를 통한 식단 데이터 수집 및 분석 기능 도입
• 강사-회원 간 피드백 강화를 위한 사진 기반 커뮤니티 및 에디터 도입
✅ 주안점
1. 센터-회원 간 결제 통로로서의 쇼핑몰 ‘b.pay’ 구축
• 피트니스 센터와 회원이 직접 연결되는 디지털 쇼핑몰 ‘b.pay’를 구축하여, 다양한 형태의 회원권(기간권, 횟수권, 1:1 PT권 등)을 모바일 환경에서 쉽고 빠르게 구매할 수 있도록 했습니다.
• 결제 프로세스는 카드/계좌 등록 + 간편 비밀번호 설정 방식으로 구현되어 사용자 이탈을 최소화하였고, 구매 즉시 모바일 이용권으로 연동되는 구조를 통해 서비스 사용의 연속성을 확보했습니다.
2. CRM 중심의 통합 회원권 관리 시스템 구현
• ‘b.pay’를 단순 결제 모듈이 아닌 회원권 전체 수명주기를 통합 관리하는 CRM으로 설계했습니다.
• 회원권 생성 → 구매 → 이용 → 휴회 → 정지 → 양도까지, 각 상태별 전환 로직과 UI/UX를 체계화하여 센터 운영자 및 회원 모두에게 명확한 이력을 제공하며, 관리 편의성을 극대화했습니다.
• 복잡한 수업 정지·양도 요청은 시스템 내부 로직으로 자동 검증 및 승인되며, 센터별 정책 설정에 따라 세부 조건을 커스터마이징할 수 있도록 설계했습니다.
3. 운영 효율화와 사용자 만족을 동시에 추구
• 센터 운영자는 기존 수기·전화 방식 없이도 디지털로 모든 회원권 이력을 추적·관리할 수 있게 되었고, 회원은 실시간으로 내 이용권의 상태를 확인하고 자유롭게 관리할 수 있게 되어 고객 만족도를 크게 향상시켰습니다.
• b.pay는 단순한 결제 수단이 아닌, 센터 운영 효율성과 사용자 경험을 연결하는 핵심 허브로 자리매김했습니다.
프로젝트 성과
비페이 결제금액 1개월 동안 9천만원 이상, 전체 매출이 30% 이상 증가
B센터는 2022년 9월 기준, 비페이 도입 한 달 만에 비페이 결제금액이 63,700,000원을 기록했으며, 이는 전체 매출의 약 절반 수준에 해당합니다.
핵심 기능
회원권 쇼핑몰 및 간편 결제 시스템 (b.pay)
회원이 앱 내에서 다양한 회원권(기간권, 횟수권, PT권 등)을 선택하여 직접 결제할 수 있도록 구현. 카드/계좌 등록 + 간편 비밀번호를 통한 1분 결제 UX를 제공하며, 결제 즉시 모바일 이용권이 자동 발급됨.
이용권 정지 / 양도 / 휴회 자동 처리 기능
이용권의 정지, 양도, 휴회 요청을 회원이 앱에서 직접 신청할 수 있으며, 센터 운영 정책에 따라 자동 승인/반려되도록 설계. 신청 후 처리 상태는 실시간으로 CRM 및 사용자 화면에 반영되어 관리 효율성을 높였다
수업 예약 연동 및 강사별 자동 정산 기능
b.pay로 결제된 회원권은 수업 예약 시스템과 연동되며, 수업 참여 기록에 따라 강사별 커미션/정산 금액이 자동 계산됨. 1:1 수업은 트레이너 준비시간 및 공간 사용시간까지 고려한 시간 블록 자동 배치 기능.
진행 단계
기획 및 요구사항 정의
2020.03.
센터별 결제 흐름 분석 및 회원권 라이프사이클 구조 설계, CRM과 통합 가능한 b.pay 스펙 정의
개발 및 내부 테스트
2020.05.
React 기반 프론트 및 Spring Boot 백엔드 개발, PG 연동, 정산 로직 구현, QA 내부 테스트 진행
런칭 및 도입 센터 운영 지원
2020.08.
A센터·B센터 베타 도입, 초기 CS 및 매출 증가 트래킹, 결제 정산 리포트 및 커뮤니티 기능 연계
프로젝트 상세
시연 영상 : https://github.com/breadeun/Portpolio/blob/master/Bodycodi.md
플레이스토어 : https://play.google.com/store/apps/details?id=com.bodycodi.bpay&hl=ko&gl=US
플레이스토어 : https://play.google.com/store/apps/details?id=com.bodycodi.bpay&hl=ko&gl=US

