꼬물섬키즈파크

이런 사이트예요

만 1–10세 실내 놀이 공간과 테마 파티룸, 오감 · 미술 · 쿠킹 클래스를 운영하는 가상 키즈파크 ‘꼬물섬 키즈파크’입니다. ‘작은 발이 마음껏 모험하는 섬’을 12개 화면에 담았습니다. 달력(휴관 · 마감) → 2시간 회차(잔여 인원 바) → 아이 연령 · 보호자 수 → 안전 수칙 동의 순서로 예약하면 평일 · 주말, 시간 연장, 다둥이 · 멤버십 할인이 자동 계산되고 입장 QR 모양 카드가 발급됩니다. 존을 누르면 연령 · 안전 수칙 · 사진이 열리고 연령 필터로 갈 수 있는 존을 비추는 SVG 플로어맵, 시간대별 혼잡 그래프와 조용한 회차 추천, 테마 미리보기가 바뀌는 파티 패키지 빌더와 날짜 문의 프리필, 클래스 시간표 신청이 실제로 동작합니다. 라군 터쿼이즈 · 모래 · 포도 잉크 색과 섬 지도 · 파도 모티프로 표현했습니다.

이 사이트로 할 수 있는 일

• 날짜 · 회차 · 아이 연령만 고르면 잔여 인원과 요금이 바로 나오는 예약 흐름 구성
• 섬 지도와 혼잡도 그래프로 갈 곳과 갈 시간을 미리 정할 수 있게 하기
• 파티 구성을 직접 골라 견적 · 미리보기를 보고 그대로 날짜 문의까지 연결

화면 구성 12개 화면

• 메인
• 입장 예약
• 플로어맵
• 실시간 혼잡도
• 파티룸 패키지
• 파티 날짜 문의
• 클래스 시간표
• 이용 안내
• 안전
• 위생
• 단체 견학
• 공지
• FAQ

주요 기능

• 입장 예약: 달력(휴관 · 마감 · 주말 표시) → 2시간 회차 잔여 인원 바 → 아이 연령 · 보호자 수(영유아존 자동 안내, 보호자 최소 인원 검사) → 평일 · 주말 · 시간 연장 · 다둥이 · 멤버십 요금 자동 계산 → 안전 수칙 동의 → 입장 QR 모양 카드
• 인터랙티브 SVG 플로어맵: 7개 존 클릭 시 연령 · 정원 · 안전 수칙 · 사진 · 지금 혼잡 패널, 연령 필터로 이용 가능한 존 하이라이트
• 실시간 혼잡도: 현재 시각 기준 게이지 · 30분 단위 그래프 · 조용한 회차 추천 · 존별 대기 · 요일 × 시간 히트맵 (예시 데이터)
• 파티 패키지 빌더: 테마 5종 · 인원 · 시간 · 케이크 · 데코 · 포토존 · 답례품 · 호스트 → 견적 · 방 자동 배정, 옵션마다 바뀌는 SVG 테마 미리보기, 날짜 문의 프리필과 날짜 기준 재계산
• 클래스 주간 시간표(연령 · 분야 필터 · 잔여석 · 신청 모달), 소독 일지 UI 목업, 단체 견학 예상 비용 폼

기능 자세히 보기

입장 예약 · 요금 자동 계산

달력 · 회차 잔여 · 아이 연령 · 보호자 수를 고르면 영유아존 안내와 평일 · 주말 · 연장 · 할인 요금이 계산되고 입장 QR 모양 카드가 발급됩니다.

SVG 플로어맵 · 실시간 혼잡도

존을 누르면 연령 · 안전 수칙 · 사진이 열리고 연령 필터로 갈 수 있는 존을 비추며, 시간대 그래프와 조용한 회차 추천을 보여 줍니다.

파티 패키지 빌더 · 날짜 문의

테마 · 인원 · 케이크 · 데코 · 포토존 · 답례품을 고르면 견적과 SVG 미리보기가 바뀌고, 그 구성이 문의 화면에 채워져 날짜 기준으로 다시 계산됩니다.

클래스 신청 · 소독 일지

주간 시간표를 연령 · 분야로 걸러 잔여석을 보고 모달에서 신청하며, 안전 페이지에서는 날짜별 소독 기록과 완료율을 보여 줍니다.

관리형(관리자 포함)으로 받으면

관리형으로 받으시면 그누보드5 기반으로 설치되어, 관리자 화면에서 글 · 게시판 · 신청 내역을 직접 관리하실 수 있습니다.

관리자 메뉴 — 꼬물섬 관리

• 오늘 현황 — 날짜별 회차 정원 · 잡힌 자리 · 남은 자리 · 사용률, 그날 파티 · 클래스 명단(알레르기 표시), 새 단체 문의 수, 지금 혼잡도 빠른 입력
• 입장 예약 관리 — 날짜 · 회차 · 상태 필터, 예약자 · 연락처 · 번호 검색, 상태 일괄 변경 · 삭제, CSV(현재 필터, 엑셀용 UTF-8). 상세 요금 내역 · 잡은 자리 번호 · 상태 · 관리자 메모 등
• 회차 현황 · 정원 — 월 단위 날짜 × 회차 '잡힌 자리 / 정원' 표(색 : 여유 · 절반 · 임박 · 마감 · 운영 안 함), 기간 × 회차 정원 조정 · 운영 안 함(사유 메모) · 기본값 되돌리기
• 휴관일 · 공휴일 — 지정 휴관(공사 · 소독 — 모든 달력이 닫힘) · 공휴일(주말 요금 · 단체 회차 없음), 휴관일에 남은 예약 수 표시. 둘째 · 넷째 월요일 정기 휴관은 요금 · 예약 규칙에서 바꿉니다
• 요금 · 예약 규칙 — 입장 요금(평일 · 주말) · 연장 · 양말 · 다둥이 · 멤버십 · 인원 제한 · 보호자 기준 · 회차(키|시작|끝) · 기본 정원 · 예약 마감 · 예약 기간 · 온라인 취소 기한 등
• 파티 예약 관리 — 목록 · 상태 일괄 · CSV, 상세 견적 내역 · 잡은 시간 · 같은 날 같은 방 파티 · 예약금 입금일 · 금액 조정 · 메모 · 날짜/시각 변경
• 파티 요금 · 옵션 — 테마(키|이름|영문|이미지|소개|색 4개) · 방 이름 · 최대 인원 · 추가 대관료 · 대관료 · 아이 패키지 · 보호자 다과 · 케이크 · 데코 · 포토존 · 답례품 · 호스트 등
• 클래스 신청 관리 — 다가오는 2주 수업 신청 / 정원 · 휴강 · 휴강 풀기, 신청 목록 · 상태(신청 · 참여 · 취소) · CSV
• 클래스 · 시간표 — 수업(분야 · 연령 · 분 · 참가비 · 정원 · 강사 · 보호자 참여 · 사진 · 소개 · 순서 · 메인 노출 · 사용), 주간 시간표(요일 · 시각 · 수업 · 사용)
• 단체 견학 문의 — 목록 · 상태 · CSV, 상세 1지망 날 일반 예약 현황 · 메모, 아래에 단체 요금 · 요일 · 시간 · 인원 · 문의 기간 설정
• 지금 혼잡도 — 현장 아이 수 입력 · 최근 입력 · 요일/시간 패턴(30분 단위 %) · 요일 보정 · 단계 기준 · 유효 시간 · 존별 보정
• 소독 · 공기질 일지 — 날짜별 기록 · 공기 측정 · 작업표 · 담당 직원 · 공개 날짜 수. * 설정 값을 바꿔도 이미 접수된 예약 · 파티 · 클래스 금액은 바뀌지 않습니다(접수할 때 저장)

게시판

• 공지 · 이벤트
• 방문 후기

디자인 · 설계 포인트

• 라군 터쿼이즈 · 모래 · 포도 잉크 색과 섬 지도(깃발 · 점선 길) · 파도 · 장난감 블록 버튼 모티프로 밝지만 유치하지 않은 인상
• 요금 · 휴관 · 회차 · 존 · 파티 옵션 · 클래스 규칙을 데이터 파일 하나에 모아 메인 위젯 · 예약 · 혼잡도 · 문의가 같은 기준으로 계산
• 아이 안전 표현은 '무사고 보장' 같은 단정 대신 매일 하는 일(존 분리 · 소독 기록 · 점검표)을 보여 주는 방식
• PC와 모바일 320 · 360 · 390px 폭에서 화면 넘침과 모바일 메뉴 점검

제작 정보