localmaster · 위시켓(Wishket)

프로젝트 배경

"음성적인 관광 수수료 시장을 양지로 끌어올려, 투명한 핀테크 생태계를 만들다"

관광업계에는 가이드가 여행객을 특정 상점에 안내했을 때 발생하는 '수수료(커미션)' 관행이 존재합니다. 하지만 대부분 현금 거래나 수기로 관리되어 정산이 불투명하고, 상호 신뢰 비용이 발생하는 문제가 있었습니다.

본 프로젝트는 이러한 오프라인의 아날로그 거래 방식을 **디지털로 전환(DX)**하기 위해 시작되었습니다. 가이드와 상점주, 그리고 플랫폼 관리자가 실시간으로 거래 내역을 확인하고, QR 코드를 통해 여행객의 결제와 커미션 적립을 자동으로 연결하는 투명한 정산 시스템을 구축하는 것이 목표였습니다.

프로젝트 성과

정산 업무 처리 시간 95% 단축

기존 월말 3일 이상 소요되던 영수증 대조 및 수기 정산 업무를 실시간 자동화 시스템으로 대체하여, 관리자가 클릭 한 번으로 10분 이내에 모든 정산 처리를 완료할 수 있도록 업무 효율을 혁신했습니다.

정산 오류 및 분쟁율 '제로(0%)' 달성

QR 코드 기반의 데이터 수집으로 수기 기입 시 발생하던 매출 누락과 계산 실수를 원천 차단. 가이드와 상점주가 동일한 데이터를 실시간으로 확인하는 투명성을 확보하여 상호 간의 정산 분쟁 비용을 완전히 제거했습니다

오프라인 거래 데이터의 100% 디지털 자산화

그동안 휘발되던 오프라인 현금/카드 거래 내역을 모두 DB화하는 데 성공. 이를 통해 인기 상품 분석, 가이드별 퍼포먼스 측정, 시간대별 매출 추이 등 비즈니스 확장을 위한 핵심 데이터를 확보할 수 있게 되었습니다

핵심 기능

QR 코드 기반 실시간 결제 추적

별도의 앱 설치 없이 웹상에서 QR 코드를 생성하고 스캔하는 기술을 구현하여, 여행객의 결제 내역이 즉시 가이드의 실적 데이터로 연결되도록 개발했습니다.

3-Way 멀티 권한 관리 시스템

하나의 플랫폼 안에서 가이드(실적 확인), 상점주(매출 등록), 관리자(전체 통계 및 정산)가 각자의 역할에 맞는 전용 대시보드를 이용할 수 있도록 권한을 분리했습니다.

실시간 커미션 자동 정산 알고리즘

결제 금액에 따라 사전에 설정된 커미션 요율(%)이 자동으로 계산되어 적립되며, 복잡한 수기 계산 없이 실시간으로 예상 수익을 확인할 수 있는 기능을 제공합니다.

모바일 PWA (Progressive Web App)

모바일 웹이지만 홈 화면에 추가하여 네이티브 앱처럼 사용할 수 있는 PWA 기술을 적용, 접근성을 높이고 개발 비용은 절감했습니다.

통계 리포트 및 정산 요청 시스템

기간별 매출 및 수익 추이를 시각적인 그래프로 제공하며, 일정 금액 이상 적립 시 원클릭으로 출금 신청이 가능한 정산 자동화 프로세스를 구축했습니다.

진행 단계

기획 및 비즈니스 로직 설계

2025.12.

잡한 오프라인 커미션 정산 구조를 분석하여 온라인 알고리즘으로 표준화. 가이드(판매자), 상점(공급자), 관리자 등 3개 주체의 권한과 정산 흐름도를 완벽하게 설계했습니다.

모바일 최적화 UI/UX 디자인

2025.12.

현장에서 이동 중에 사용하는 가이드와 계산대 앞에 있는 상점주를 위해, PC보다 모바일 환경에 최적화된 직관적인 대시보드와 QR 스캔 UI를 설계했습니다.

프론트엔드/백엔드 개발

2026.01.

React를 사용하여 앱처럼 작동하는 웹(PWA)을 구현했습니다. Firebase Realtime Database를 활용해 결제 발생 시 즉각적으로 가이드의 포인트가 갱신되는 실시간 동기화 기술을 적용했습니다.

프로젝트 상세

1) 포트폴리오 소개
- 서비스 카테고리: O2O 플랫폼, 핀테크(정산), 관광 테크
- 메인 타깃:
1. User: 여행객을 인솔하고 수수료 수익을 창출하는 프리랜서 가이드
2. Partner: 여행객에게 상품을 판매하는 지역 상점주 및 공급자
3. Manager: 가이드와 상점을 관리하고 정산을 집행하는 여행사/에이전시 관리자
- 소개: 오프라인에서 이루어지던 여행 가이드와 상점 간의 복잡한 수수료(커미션) 거래를 QR 코드로 디지털화하여, 실시간 매출 확인 및 자동 정산을 지원하는 O2O 핀테크 플랫폼입니다.

2) 작업 범위
- 개발 범위: 서비스 기획(IA/Flowchart), DB 모델링, UI/UX 디자인, Front-end(React), Back-end(Firebase) 개발, 관리자(Admin) 페이지 구축
- 지원 환경:
1. 사용자(가이드/상점): 모바일 웹 및 PWA (안드로이드/iOS 앱 설치 없이 홈 화면 추가 지원)
- 관리자: PC 웹 기반 대시보드

3) 주요 업무
- QR 결제 연동: 가이드 고유 식별 코드가 포함된 QR 생성 및 상점용 스캐너 기능 구현
- 실시간 정산 대시보드: 결제 즉시 사전에 설정된 요율(%)에 따라 가이드의 예상 수익금 자동 계산 및 그래프 시각화
- 3-Way 권한 관리: 가이드(실적 조회), 상점(매출 등록), 관리자(정산 승인) 등 사용자 그룹별 권한 분리 및 전용 UI 제공
- 정산 자동화 시스템: 기간별 매출 리포트 자동 생성 및 원클릭 정산(출금) 신청/승인 프로세스 구현
- 알림 서비스: 매출 발생 시 가이드에게 실시간 알림 전송 (Push/Web Notification)

4) 주안점
- 데이터 무결성 및 보안: 금전 거래 데이터가 오가는 핀테크 성격의 서비스이므로, 매출 누락 방지 및 데이터 위변조 방지를 위한 DB 보안 규칙(Security Rules) 강화에 집중했습니다.
- 모바일 사용성 최적화 (PWA): 이동이 잦은 가이드와 바쁜 상점 주인이 앱 설치 없이도 즉시 사용할 수 있도록, PWA 기술을 도입하여 앱과 동일한 UX/UI 속도를 구현했습니다.
- 네트워크 예외 처리: 통신 환경이 불안정한 오프라인/해외 현장 상황을 고려하여, 데이터 전송 실패 시 재시도 로직 등 예외 처리를 꼼꼼하게 적용했습니다.