등급별 구성
스탠다드
49,000원
기획 문서 6종
디럭스
69,000원
6종 + AI 빌드 스펙팩
프리미엄
89,000원
디럭스 + 디자인 프리셋 3종
판매 준비 중이에요
곧 구매하실 수 있어요. 지금은 아래에서 내용을 미리 확인해 보세요.
사이트 컨셉
미용실·네일·왁싱·피부관리 매장을 한 곳에서 찾아 예약하는 뷰티 예약 플랫폼. 고객은 지역과 시술로 매장을 찾아 담당 디자이너와 시간을 골라 예약하고, 시술 후 사진 리뷰를 남긴다. 매장은 들어온 예약을 확정·관리하고 시술 메뉴와 디자이너 근무 일정을 운영하며 정산 내역을 확인한다.
메뉴 구조
홈
방문자·고객·매장에게 각각 맞는 첫 화면을 보여준다
화면 3개
매장 탐색
지역과 시술로 매장을 찾아보고 상세를 확인한다
화면 6개
예약하기
시술과 디자이너, 시간을 선택해 예약을 완료한다
화면 8개
내 예약
예약을 확인하고 변경하거나 취소한다
화면 6개
리뷰
시술 후 사진 리뷰를 남기고 관리한다
화면 4개
예약 관리
매장이 들어온 예약을 확인하고 접수·처리한다
화면 6개
매장 운영
시술 메뉴와 디자이너, 근무 일정과 예약 정책을 관리한다
화면 5개
계정·정산
계정 정보와 쿠폰, 매장 정산을 확인한다
화면 5개
AI가 빠뜨리기 쉬운 예외 화면 10개
“만들어줘” 한 줄로는 잘 나오지 않는, 실제 서비스에 꼭 필요한 화면들입니다.
화면 목록 43개 · 기능 정의
홈
화면 3개| 홈 - 비로그인main | 상단 히어로(카피 + 지역·시술 통합 검색바) · 시술 카테고리 바로가기 8종(헤어컷·펌·염색·네일·왁싱·피부관리·속눈썹·두피케어) · 내 주변 인기 매장 8개 카드 · 이번 주 할인 기획전 배너 2단 · 실시간 예약 현황 티커 · 시술 사진 리뷰 갤러리 12장 · 신규 입점 매장 캐러셀 · 매장 입점 안내 배너 · 자주 묻는 질문 아코디언 · 하단 회원가입 유도 CTA |
| 홈 - 고객 로그인main-customer | 다가오는 예약 카드 상단 고정(매장·시술·일시·남은 기간) · 이번 달 방문 요약 지표 3종 · 자주 가는 매장 바로 예약 · 리뷰 미작성 알림 · 관심 매장 신규 시술 소식 · 내 주변 추천 매장 · 지난 시술 이력 재예약 · 쿠폰·적립금 현황 · 하단 이벤트 배너 |
| 홈 - 매장 로그인main-store | 오늘 예약 요약 카드 4종(오늘 예약·대기 접수·이번 달 매출·평균 별점) · 처리가 필요한 일 목록(접수 대기·변경 요청·노쇼 확인) · 오늘 시간대별 예약 타임라인 · 최근 7일 예약 추이 차트 · 디자이너별 예약 현황 · 최근 리뷰 5건 · 미답변 리뷰 알림 · 이번 달 정산 예정 요약 · 빠른 실행 버튼 3종 |
매장 탐색
화면 6개| 매장 목록list | 지역·시술·가격대·평점 필터 · 정렬 드롭다운(거리순/인기순/평점순/최저가순) · 매장 카드 그리드(대표사진, 매장명, 지역, 별점, 리뷰수, 대표 시술 최저가) · 지도 보기 전환 버튼 · 오늘 예약 가능 매장만 보기 토글 · 무한 스크롤 |
| 매장 목록 - 검색 결과 없음list-empty | 검색 조건을 포함한 안내 문구 · 적용된 필터 칩과 개별 해제 · 필터 초기화 버튼 · 조건을 넓힌 추천 매장 4개 · 인근 지역 제안 링크 |
| 매장 지도map | 지도에 매장 위치 핀 표시 · 핀 클릭 시 하단 미리보기 카드 · 현재 위치 기준 재검색 버튼 · 지도 이동 시 이 지역 재검색 · 목록 보기 전환 · 예약 가능 매장 핀 색상 구분 |
| 매장 상세detail | 대표 사진 갤러리 슬라이드 · 매장 기본 정보(주소·영업시간·휴무일·전화) · 시술 메뉴와 가격표 · 디자이너 소개 카드 · 시술 사진 리뷰와 별점 분포 · 편의시설 아이콘 · 지도와 오시는 길 · 하단 고정 예약하기 버튼 |
| 시술 메뉴 상세detail-sub | 시술 대표 사진과 설명 · 소요 시간과 가격(옵션별 차등) · 추가 옵션 선택(길이·디자인 등) · 시술 전후 사진 예시 · 주의사항과 준비물 안내 · 이 시술 리뷰만 모아보기 · 예약하기 버튼 |
| 디자이너 소개detail-sub | 디자이너 프로필 사진과 직급 · 전문 시술 태그 · 경력 소개 · 대표 작업 사진 포트폴리오 그리드 · 이 디자이너 리뷰와 평점 · 예약 가능 요일 안내 · 이 디자이너로 예약하기 버튼 |
예약하기
화면 8개| 예약 1단계 - 시술 선택form | 예약 진행 단계 표시(4단계) · 카테고리별 시술 목록과 가격 · 시술 다중 선택과 옵션 지정 · 선택 시술 합계 금액과 총 소요시간 자동 계산 · 선택 항목 요약 바 고정 · 다음 단계 버튼 활성 조건 안내 |
| 예약 2단계 - 디자이너 선택form | 디자이너 카드 목록(사진·직급·평점·전문 시술) · 지정 안 함(아무나) 옵션 · 디자이너별 추가 지명료 표시 · 선택 시술 가능 여부 표시 · 이번 주 예약 여유 표시 · 이전/다음 단계 이동 |
| 예약 3단계 - 날짜·시간 선택form | 월 단위 캘린더와 예약 가능 날짜 표시 · 휴무일·마감일 비활성 처리 · 선택 날짜의 시간대 슬롯 목록 · 소요시간 기준 연속 슬롯 확보 여부 반영 · 잔여 슬롯 수 표시 · 다른 날짜 추천 · 이전/다음 단계 |
| 예약 4단계 - 확인 및 결제form | 예약 내용 요약(매장·시술·디자이너·일시·소요시간) · 요청사항 입력 · 쿠폰 적용과 적립금 사용 · 예약금 결제 수단 선택 · 최종 금액 계산 표시 · 취소·환불 규정 동의 체크박스 · 노쇼 정책 안내 |
| 예약 3단계 - 가능한 시간 없음form-empty | 선택 날짜에 가능한 시간이 없다는 안내 · 소요시간 때문임을 설명 · 가장 빠른 예약 가능 일시 제안 3개 · 다른 디자이너로 찾기 링크 · 대기 신청 등록 버튼 · 날짜 다시 고르기 |
| 예약 완료done | 예약 완료 메시지와 예약번호 · 예약 내용 요약 카드 · 매장 위치와 길찾기 · 캘린더에 추가 버튼 · 취소 가능 기한 안내 · 내 예약으로 이동 · 예약 변경·취소 링크 |
| 예약 - 결제 실패error | 실패 사유를 사람이 이해할 문장으로 안내 · 예약 내용은 유지된다는 안내 · 다시 시도 버튼 · 다른 결제 수단 선택 · 시간 선점 만료까지 남은 시간 표시 · 고객센터 문의 링크 |
| 대기 신청 완료done-sub | 대기 신청 완료 안내 · 신청한 조건 요약(매장·시술·희망 기간) · 알림 받을 방법 표시 · 현재 대기 순번 안내 · 대기 취소 버튼 · 다른 매장 둘러보기 |
내 예약
화면 6개| 내 예약 - 예정list | 예정/완료/취소 탭 구분 · 예약 카드(매장·시술·디자이너·일시·상태 배지) · D-day 표시 · 변경·취소 버튼과 가능 여부 · 길찾기 바로가기 · 지난 예약 재예약 버튼 |
| 내 예약 - 비어 있음list-empty | 예정된 예약이 없다는 안내 · 일러스트 노출 · 매장 찾기 유도 버튼 · 최근 본 매장 4개 · 첫 예약 할인 쿠폰 안내 |
| 예약 상세detail | 예약번호와 상태 타임라인(접수→확정→방문→완료) · 예약 내용 전체 · 결제 내역(예약금·현장 결제 예정) · 요청사항 확인 · 매장 연락처와 길찾기 · 취소 가능 기한과 수수료 안내 · 변경·취소 버튼 |
| 예약 변경form | 현재 예약 내용 표시 · 변경 가능 항목 안내(일시·디자이너) · 새 날짜·시간 선택 · 변경 시 금액 차이 표시 · 변경 가능 횟수 남은 수 안내 · 매장 승인 필요 여부 안내 · 변경 요청 버튼 |
| 예약 취소 - 확인confirm | 취소 대상 예약 요약 · 취소 사유 선택 · 환불 예정 금액과 수수료 계산 표시 · 되돌릴 수 없다는 경고 · 노쇼와의 차이 안내 · 최종 확인 체크박스 · 취소 확정 버튼 |
| 예약 변경·취소 - 마감됨form-closed | 변경·취소 가능 시간이 지났다는 안내와 마감 일시 · 입력 폼 비활성 처리 · 노쇼 시 불이익 안내 · 매장에 직접 연락하기 버튼 · 예약 상세로 돌아가기 |
리뷰
화면 4개| 리뷰 작성form | 시술 정보 자동 표시 · 항목별 별점 입력(시술 만족도·친절도·청결도) · 시술 사진 첨부(최대 5장, 드래그앤드롭) · 리뷰 본문 입력과 최소 글자수 안내 · 재방문 의사 선택 · 작성 시 적립금 안내 · 임시 저장 |
| 매장 리뷰 목록list | 전체 별점과 항목별 평균 · 별점 분포 막대 그래프 · 사진 리뷰만 보기 필터 · 시술별 필터 · 정렬(최신순/평점순/도움순) · 리뷰 카드(사진·별점·본문·시술명) · 매장 답글 강조 표시 · 도움이 됐어요 버튼 |
| 내 리뷰 목록list | 작성한 리뷰 목록과 작성일 · 매장 답글 여부 배지 · 받은 도움 수 표시 · 수정·삭제 버튼과 가능 기한 · 작성 가능한 리뷰 알림 영역 · 적립금 지급 내역 표시 |
| 리뷰 작성 - 기간 지남form-closed | 작성 가능 기간이 지났다는 안내와 기한 표시 · 입력 폼 비활성 처리 · 기간 정책 안내 · 다른 작성 가능 리뷰 목록으로 이동 · 매장에 문의하기 링크 |
예약 관리
화면 6개| 오늘 예약list | 오늘 날짜와 총 예약 건수 · 시간순 예약 목록(시간·고객명·시술·디자이너·상태) · 상태별 색상 구분 · 방문 완료 체크 · 노쇼 처리 버튼 · 고객 연락처 바로 걸기 · 날짜 이동 화살표 |
| 예약 캘린더calendar | 주/월 보기 전환 · 디자이너별 행으로 나뉜 타임 그리드 · 예약 블록에 고객명·시술 표시 · 블록 드래그로 시간 이동 · 휴무·휴가 구간 회색 처리 · 빈 시간 클릭 시 예약 추가 · 디자이너 필터 |
| 예약 목록 - 예약 없음list-empty | 해당 기간에 예약이 없다는 안내 · 선택 기간 표시 · 다른 날짜 보기 버튼 · 예약이 없는 이유 점검 안내(휴무 설정·시술 메뉴 미등록) · 매장 노출 상태 확인 링크 |
| 예약 상세 - 매장detail | 고객 정보와 방문 이력 요약 · 예약 내용 전체와 요청사항 · 이전 시술 기록과 사용 제품 메모 · 결제 상태(예약금·현장 결제) · 상태 변경 버튼(확정·완료·노쇼) · 내부 메모 작성 · 고객에게 메시지 보내기 |
| 예약 접수 대기list-pending | 접수 대기 예약 목록과 요청 시각 · 남은 응답 시간 표시 · 요청 시간대 예약 가능 여부 자동 표시 · 확정·거절 버튼 · 거절 사유 선택 · 대체 시간 제안 기능 · 일괄 확정 |
| 노쇼 처리 - 확인confirm | 대상 예약과 고객 정보 확인 · 노쇼 처리 시 영향 안내(고객 페널티·예약금 처리) · 고객의 기존 노쇼 횟수 표시 · 되돌릴 수 없다는 경고 · 사유 메모 입력 · 최종 확인 체크박스 |
매장 운영
화면 5개| 시술 메뉴 관리builder | 카테고리 추가와 순서 변경 · 카테고리별 시술 목록 · 시술 추가·수정(이름·소요시간·가격·설명) · 옵션 항목 설정(길이·난이도별 추가금) · 대표 사진 업로드 · 노출/숨김 토글 · 드래그로 순서 변경 |
| 디자이너 관리list | 디자이너 목록(사진·이름·직급·상태) · 디자이너 추가와 정보 수정 · 담당 가능 시술 지정 · 지명료 설정 · 포트폴리오 사진 관리 · 재직/휴직 상태 전환 · 예약 노출 순서 변경 |
| 근무 일정 관리calendar | 디자이너별 주간 근무 시간 설정 · 요일별 근무/휴무 지정 · 휴게 시간 설정 · 특정 날짜 예외 등록(휴가·조퇴) · 반복 일정 적용 · 일정 충돌 경고 · 변경 시 기존 예약 영향 표시 |
| 휴무·예약 정책 설정form | 매장 정기 휴무일 지정 · 임시 휴무 날짜 등록 · 예약 가능 시작 시점(며칠 전부터) · 예약 마감 시점(몇 시간 전까지) · 취소 가능 기한과 수수료율 · 노쇼 정책 · 예약금 비율 설정 · 자동 확정 여부 |
| 사진 업로드 - 실패upload-error | 실패 사유 표시(용량 초과·형식 불일치·개수 초과) · 실패한 파일만 선택적 재업로드 · 성공한 파일 유지 안내 · 권장 사이즈와 형식 재안내 · 이미지 자동 압축 안내 |
계정·정산
화면 5개| 내 정보form | 프로필 사진과 닉네임 수정 · 연락처 인증과 변경 · 알림 수신 설정(예약 알림·마케팅) · 관심 지역과 관심 시술 설정 · 매장 입점 신청 버튼 · 회원 탈퇴 링크 |
| 쿠폰·적립금list | 보유 적립금 잔액 강조 표시 · 적립·사용 내역 목록 · 사용 가능 쿠폰 목록과 만료일 · 만료 임박 쿠폰 강조 · 쿠폰 코드 등록 입력 · 사용 완료·만료 탭 구분 |
| 매장 정산 내역list | 월별 정산 요약 카드 3종(예상 정산액·누적 정산액·정산 예정일) · 예약 건별 정산 내역 테이블 · 플랫폼 수수료 공제 내역 · 노쇼 예약금 정산 구분 표시 · 정산 상태 배지 · 세금계산서 발행 · 정산 계좌 관리 |
| 매장 입점 신청form | 매장 기본 정보 입력(상호·주소·연락처) · 사업자등록증 첨부 · 대표 시술 카테고리 선택 · 매장 사진 업로드 · 영업시간 입력 · 정산 계좌 등록 · 입점 심사 절차 안내 · 약관 동의 |
| 정산 내역 - 내역 없음list-empty | 선택 기간에 정산 내역이 없다는 안내 · 다른 기간 선택 유도 · 정산 주기 안내 · 첫 정산 시점 안내 · 예약 받기 위한 점검 항목 링크 |
화면별 AI 생성 프롬프트
화면마다 AI 코딩 도구에 그대로 넣는 프롬프트가 붙어 있습니다. 아래는 3개 예시예요.
예약 3단계 - 날짜·시간 선택
예약 3단계 날짜·시간 선택 화면을 만들어줘. 진행 스텝 유지. 좌측(모바일은 상단)에 월 단위 캘린더 — 예약 가능한 날은 진하게, 매장 휴무일과 마감된 날은 회색 비활성, 선택한 날은 딥 플럼으로 강조. 우측(모바일은 하단)에 선택한 날짜의 시간 슬롯을 30분 단위 칩으로 나열하고, 선택한 시술의 총 소요시간만큼 연속으로 비어 있는 슬롯만 선택 가능하게 해줘. 마감된 슬롯은 취소선 처리하고, 각 슬롯에 잔여 여부를 표시. 하단에 이전/다음 버튼.
예약 접수 대기
예약 접수 대기 화면을 만들어줘. 상단에 "접수 대기 3건"과 일괄 확정 버튼. 각 카드에 고객명, 요청 시술, 희망 일시, 요청이 들어온 시각과 "2시간 내 응답 필요" 남은 시간 배지. 해당 시간대가 비어 있는지 자동으로 확인해 "예약 가능"/"다른 예약과 겹침"을 표시. 각 카드에 "확정", "거절", "다른 시간 제안" 버튼을 두고, 거절을 누르면 사유 선택(예약 마감, 디자이너 부재, 시술 불가)이 뜨게 해줘.
시술 메뉴 관리
시술 메뉴 관리 화면을 만들어줘. 이 화면이 매장 운영의 핵심이야. 좌측에 카테고리 목록(헤어, 네일, 왁싱 등)과 카테고리 추가 버튼, 드래그로 순서 변경. 우측에 선택한 카테고리의 시술 목록 — 각 행에 시술명, 소요시간, 가격, 대표 사진 썸네일, 노출/숨김 토글, 수정·삭제 버튼. 시술을 추가하거나 수정하면 패널이 열려 이름, 소요시간(분), 기본 가격, 옵션별 추가금 표(길이·난이도), 설명, 사진 업로드를 입력하게 해줘. 시술 순서도 드래그로 바꿀 수 있게.
나머지 40개 화면의 프롬프트는 패키지에 들어 있어요.
내 서비스에 맞게 직접 만들 수도 있어요
컨셉과 메뉴만 입력하면 화면 목록부터 화면별 프롬프트까지, 빠지는 화면 없이 설계해드려요.
무료로 시작하기