지점 선택부터 결제·출입 안내, 운영자의 유입 리포트와 이관 검증까지 실제 화면에 가깝게 그렸습니다.
스토리보드란?
스토리보드는 서비스 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. 예약자와 운영자 두 유형으로 나눠, 들어오는 순간부터 일이 끝나는 순간까지 순서대로 배치했습니다.
마지막까지 보시면 예약 한 건이 광고부터 출입 안내까지 어떻게 이어지는지 그려지실 것입니다.
광고를 보고 들어와 시간을 고르고, 결제 직후 출입 안내를 받기까지의 흐름입니다.
광고·검색으로 방문
유입 정보 30일 보관
7개 지점 카드
오늘 잔여 시간 확인
연속 슬롯 다중 선택
동시 예약 자동 차단
초과 인원 요금 자동 계산
카드·무통장
알림톡 발송
실패 시 문자 자동 발송
룸을 고른 뒤 날짜와 연속된 시간 칸을 한 번에 선택하고, 인원을 넣으면 결제 금액이 바로 계산되는 대표 화면입니다. 제안서의 '겹치지 않는 예약'을 보여줍니다.
결제를 시작한 순간 해당 시간 칸을 몇 분간 잡아 두고, 다른 고객에게는 '결제 대기 중'으로 보입니다. DB에서도 같은 룸·날짜·시간 조합은 한 건만 저장됩니다. 초과 인원 × 시간 × 단가를 자동 합산합니다. 데모 Step 2에서 직접 눌러볼 수 있습니다.
PC와 같은 소스로 만든 모바일 첫 화면입니다. 7개 지점을 카드로 보여주고, 오늘 남은 시간을 함께 표시해 바로 예약으로 이어집니다.
광고 링크의 utm·NaPm 값을 첫 방문 때 서버와 쿠키에 30일 보관합니다. 결제 페이지를 오가도 사라지지 않아 예약 저장 시 함께 기록됩니다. 기존 /m/ 주소는 이 화면으로 301 연결됩니다. 데모 Step 1에서 확인합니다.
결제 직후 예약번호·금액을 보여주고, 출입 안내가 어떤 경로로 도착했는지까지 기록하는 완료 화면입니다.
알림톡이 실패하면 몇 초 안에 같은 문안을 문자로 다시 보냅니다. 예약번호와 결제금액은 GTM·네이버 전환추적으로 전달됩니다. 비회원도 예약번호로 조회·취소할 수 있습니다. 데모 Step 3에서 확인합니다.
개발자에게 요청하지 않고 리포트·안내문·지점을 직접 관리하고, 전환 날 이관 결과를 확인하는 흐름입니다.
예약 목록·상태 관리
취소·부분 환불
첫·마지막 유입 기준 선택
채널별 예약 수
기간·지점 조건 지정
직접 다운로드
지점 그룹 일괄 수정
치환자 1종 통일
건수·금액·지점 분포
일치 시에만 전환
예약 한 건마다 붙은 유입 경로를 기간·지점 조건으로 보고, 그대로 CSV로 내려받는 화면입니다. 수작업 추출을 없앱니다.
첫 유입과 마지막 유입을 둘 다 저장해 두고, 상단 토글로 보는 기준만 바꿉니다. 기준을 나중에 정해도 재개발이 필요 없습니다. 같은 데이터를 외부 분석 도구용 조회 전용 API로도 제공합니다. 데모 Step 4에서 확인합니다.
{{예약자명}}같은 건물을 쓰는 지점을 묶어 출입 안내문을 한 번에 고치고, 최근 발송 결과를 옆에서 확인하는 화면입니다.
공통 템플릿 위에 지점 문안만 덮어쓰는 2단 구조이고, 치환자는 {{이름}} 한 가지 문법만 씁니다. 그룹 저장 시 묶인 지점 전부에 반영됩니다. 신규 지점·룸·요금·운영시간도 코드 수정 없이 관리자에서 추가합니다.
received_at_source = payment전환 날 새벽 점검창에서 기존 사이트와 새 사이트의 데이터를 3축으로 대조하고, 전환할지 되돌릴지 판단하는 화면입니다.
예약 원장 57,225건과 2026년 예약 5,079건을 합친 뒤 건수·금액 합계·지점별 분포를 비교합니다. 취소·부분환불 합계도 따로 봅니다. 하나라도 어긋나면 전환 버튼이 잠기고, 05시까지 해결되지 않으면 기존 사이트를 유지합니다.