SYSTEM BLUEPRINT

발견에서 결제까지,
예약이 이어지는 캠핑 경험

스토리보드란?

제안한 예약 전환 전략이 실제 사용자와 운영자 화면에서 어떻게 작동하는지 보여주는 기능 설계도입니다.

01매거진 피드에서 캠핑장을 발견합니다.
02날짜와 조건으로 예약 가능한 곳을 좁힙니다.
03부가 옵션을 더하고 PG 카드결제를 완료합니다.
04담당자가 업체 확인 후 예약을 확정합니다.

마지막까지 보시면 생각하고 계신 시스템의 모습이 머릿속에 그려질 것입니다.

캠핑 이용자 시나리오

발견한 캠핑장을 실제 예약으로

콘텐츠 탐색부터 날짜 확인, 부가 옵션, 카드결제까지 선택 정보를 끊김 없이 유지합니다.

1. 발견

매거진 피드
큐레이션 탐색

2. 조건 선택

날짜·지역·예산
예약 가능 조회

3. 캠핑장 선택

잔여 수량·후기
실제 비교

4. 옵션·결제

식당 등 추가
PG 카드승인

5. 확정 대기

결제 완료 후
담당자 확인

캠핑 이용자 | 화면 01

매거진 큐레이션 홈

camppick.kr/magazine
캠프픽
이번 주 큐레이션
머무는 방식까지 고른 캠핑장
에디터 추천 12곳
원본 사진CP-2409-01
예약 가능
강원 · 숲속

인제 자작나무 아래, 단 8팀의 밤

산책로와 바로 이어지는 독립 데크에서 조용한 백패킹을 즐겨보세요.

4.9 (184)
89,000원 / 1박
원본 사진CP-2409-07
잔여 1자리
경기 · 계곡

가평 물소리 오토캠프

9월 13일 (일) 가능
72,000원
원본 사진CP-2409-11
예약 가능
충북 · 반려견

제천 호숫가 프라이빗 사이트

9월 19일 (토) 가능
118,000원
백패킹반려견 동반불멍 가능오늘 오전 10:30 업데이트

[화면 개요 및 목적]

콘텐츠 우선 홈 전략을 구현합니다. 대표 캠핑장 사진·에디터 문구·지역/특징 태그를 매거진처럼 탐색하고 모든 카드에서 같은 “날짜 확인” 행동으로 예약 흐름에 진입합니다.

[핵심 기능 로직]

콘텐츠 카드는 공개 상태와 예약 가능일을 함께 조회합니다. 카드 선택 시 캠핑장 식별자를 유지한 채 날짜 검색으로 이동하며, 05 데모 Step 1에서 큐레이션 발견을 체험합니다.

  • 빠른 매거진 로딩
    Next.js · Server Components
  • 콘텐츠·재고 연결
    PostgreSQL · 관계형 모델
캠핑 이용자 | 화면 02

날짜 우선 검색·필터

camppick.kr/camps?date=2026-09-12
캠프픽
선택 날짜에 실제 예약 가능
18곳을 찾았습니다
추천순
원본 사진CP-2409-01
예약 가능
강원 인제 · 숲속

자작나무 아래 캠프

데크 2자리 · 성인 2명 · 주차 포함
4.9리뷰 184개
즉시 결제 가능
89,000원
원본 사진CP-2409-07
잔여 1자리
경기 가평 · 계곡

물소리 오토캠프

파쇄석 1자리 · 성인 2명 · 전기 포함
4.7리뷰 96개
잔여 1자리
72,000원
원본 사진CP-2409-15
선택일 마감
강원 홍천 · 반려견

밤벌 리버사이트

오토사이트 · 반려견 운동장 포함
4.8리뷰 211개
다른 날짜 보기
95,000원
운영 데이터 · 8월 27일 기준

[화면 개요 및 목적]

단순 키워드 검색보다 날짜를 먼저 받아 실제 예약 가능한 캠핑장을 우선 노출합니다. 지역·예산·유형·부가 옵션을 MVP 범위로 제한해 빠른 결정을 돕습니다.

[핵심 기능 로직]

날짜별 판매 수량을 서버에서 필터링하고, 같은 결과 행에서 예약 가능·마감 임박·마감 상태를 비교합니다. 05 데모 Step 2에서 조건 적용과 결과 갱신을 체험합니다.

  • 예약 가능 결과 우선
    PostgreSQL · Availability Query
  • PC·모바일 동일 조건
    URL Search Params · Responsive UI
캠핑 이용자 | 화면 03

예약·부가 옵션·PG 결제 완료

camppick.kr/checkout/CP-2409-01
캠프픽
1. 캠핑장2. 예약정보3. 결제4. 확정 대기
원본 사진CP-2409-01
선택 완료
예약 정보

인제 자작나무 아래 캠프

9월 12일 (토) 15:00 9월 13일 (일) 11:00 성인 2명 자작 데크 A-07
함께 예약할 옵션

도착 후 바로 즐기세요

선택 1개
선택됨
산골 바비큐 2인오후 6:30 · 캠핑장 8분
38,000원
추가 가능
화로·장작 세트체크인 시 수령
19,000원
취소 규정을 확인했습니다
이용 7일 전까지 전액 환불 · 이후 수수료 적용
운영 데이터 · 8월 27일 기준

[화면 개요 및 목적]

선택한 캠핑장·날짜·인원·옵션을 유지한 채 카드결제 승인까지 끝냅니다. 결제 성공과 예약 확정은 분리해 초기 재고 리스크를 수동 운영으로 통제합니다.

[핵심 기능 로직]

PG 승인 결과를 서버에서 검증한 뒤 예약과 결제 상태를 한 트랜잭션으로 기록합니다. 승인 후 “확정 대기”를 생성하며, 05 데모 Step 3에서 옵션 선택과 결제 완료를 체험합니다.

  • 중복 승인 방지
    PG 승인 검증 · Idempotency Key
  • 예약·결제 일관성
    Route Handlers · DB Transaction
운영 관리자 시나리오

직접 등록하고, 연락해서 확정하는 운영

업체용 로그인과 자동 확정을 제외하고 담당자가 데이터 품질과 예약 상태를 통제합니다.

1. 캠핑장 등록

콘텐츠·요금
판매 일정 입력

2. 결제 접수

승인된 예약
확정 대기 생성

3. 업체 연락

이용 가능 확인
메모 기록

4. 예약 확정

상태 변경
고객 알림

5. 오픈 관제

PG·배포·데이터
준비 상태 확인

운영 관리자 | 화면 01

캠핑장·콘텐츠 직접 등록

admin.camppick.kr/camps/new
캠핑장 관리 / 새 캠핑장

캠핑장·판매 정보 직접 등록

업체 계정 없이 운영 담당자가 공개 데이터를 완성합니다.

공개 준비 8/9
필수 정보 한 항목만 남았습니다
공개 준비
캠핑장명
인제 자작나무 아래 캠프
운영 지역
강원 인제군
큐레이션 한 줄
자작나무 숲길 끝, 단 8팀만 머무는 독립 데크
1박 기본요금
89,000원
기준 인원
성인 2명 · 최대 4명
판매 날짜·수량설정 완료
9/12 · 2석9/13 · 3석9/19 · 마감
9월 12일 (토) – 10월 31일 (토)
부가 예약 옵션2개 연결
산골 바비큐 2인 · 38,000원 화로·장작 세트 · 19,000원
취소 규정 확인이 필요합니다
이용일별 환불 수수료를 입력하면 공개할 수 있습니다.
운영 데이터 · 8월 27일 기준

[화면 개요 및 목적]

업체용 계정 없이 운영 담당자가 캠핑장 정보, 사진, 판매 날짜·수량, 부가 옵션을 직접 등록합니다. 공개 전 필수 정보 누락을 한 화면에서 확인합니다.

[핵심 기능 로직]

관리자 권한만 접근하고 임시저장과 공개 준비 상태를 분리합니다. 날짜별 수량과 옵션을 캠핑장에 연결해 소비자 검색·결제 화면이 같은 데이터를 사용합니다.

  • 담당자만 안전하게 입력
    관리자 인증 · Role Guard
  • 콘텐츠·판매정보 연결
    PostgreSQL · Relational Schema
운영 관리자 | 화면 02

예약 접수·연락·확정 보드

admin.camppick.kr/reservations
예약 관리 / 오늘

결제 후 연락하고, 확인되면 확정합니다

수동 확정 흐름을 상태와 처리 이력으로 놓치지 않습니다.

9월 12일 (토)
오늘 결제12건1,284,000원
확정 대기5건우선 확인 2건
업체 연락 중3건평균 18분
확정 완료7건확정률 58%
결제 완료5건
CP-260912-10488분 전

인제 자작나무 아래 캠프

김*준 · 성인 2명 · A-07
127,000원
CP-260912-103921분 전

가평 물소리 오토캠프

이*현 · 성인 3명 · B-12
91,000원
다음 연락 13:30
업체 회신 대기 중
대기
업체 연락 중3건
CP-260912-1027통화 완료

제천 호숫가 프라이빗 사이트

박*서 · 성인 2명 · P-03
연락 메모

오전 11:42 업체 확인 · P-03 이용 가능

CP-260912-1018
업체 재연락 예정 · 오후 1:30
2차 연락 예약
담당자 알림 설정 완료
예약됨
확정 완료7건
CP-260912-1004확정

홍천 밤벌 리버사이트

오전 10:18 고객 상태 반영
확정 알림 발송
CP-260912-0997확정

양평 솔바람 캠프

오전 9:56 고객 상태 반영
다음 체크인 14:00
고객 알림 발송 완료
완료
운영 데이터 · 8월 27일 기준

[화면 개요 및 목적]

결제 완료→업체 연락 중→확정 완료를 같은 언어와 3열 보드로 보여 줍니다. 담당자는 연락 메모를 남기고 예약을 확정하거나 취소합니다.

[핵심 기능 로직]

PG 승인 예약만 보드에 진입하고 모든 상태 변경과 메모 시각을 기록합니다. 확정 시 소비자 예약내역과 알림 상태를 갱신하며, 05 데모 Step 4에서 연락 후 확정을 체험합니다.

  • 처리 누락 방지
    Reservation State Machine
  • 확정 이력 추적
    PostgreSQL · Audit Log
운영 관리자 | 화면 03

티켓 오픈 운영 관제

admin.camppick.kr/launch
티켓 오픈 관제

9월 오픈 준비 상태

클라우드, PG, 데이터, 예약 시나리오를 한 번에 확인합니다.

실시간 점검 중
오픈 준비92%필수 12/13 완료
PG 승인100%테스트 결제 24건
예약 시나리오8/8PC·모바일 통과
핵심 전환 퍼널

발견에서 확정까지 검증

마지막 실행 오후 2:30
큐레이션 진입
1,284회
100%
날짜 검색
947회
73.8%
결제 승인
542건
42.2%
예약 확정
463건
36.1%
관리형 클라우드 배포 정상
웹·API·DB 상태 정상 · 최근 배포 8월 27일 오후 1:42
정상
운영 데이터 · 8월 27일 기준

[화면 개요 및 목적]

9월 티켓 오픈 전에 클라우드 배포, PG 승인, 캠핑장 데이터, 핵심 예약 시나리오를 한 화면에서 확인합니다. 일정 리스크를 완료 조건으로 바꿉니다.

[핵심 기능 로직]

배포 헬스체크와 테스트 결과를 오픈 체크리스트에 모으고, 미완료 항목이 있으면 공개 전 리허설에서 차단합니다. 2주 MVP의 완료 기준을 화면과 상태로 공유합니다.

  • 오픈 상태 한눈에
    Managed Cloud · Health Check
  • 핵심 루프 회귀 방지
    Playwright · E2E Scenario
내부 썸네일

예약 전환 루프 요약

camppick.kr
캠프픽 MVP
오픈 준비 92%
발견부터 확정까지
한 번에 이어집니다
큐레이션
12곳
발견
날짜 검색
18곳
가능
PG 결제
127,000원
승인
예약 확정
5건
처리 중
예약 루프
9월 12일 (토)
성인 2명
자작 데크 A-07
확정까지 추적
PC·모바일PG 승인관리자 등록확정 추적