온숨필라테스
필라테스 스튜디오 홈페이지
- 화면 수7개
- 지원 화면PC · 모바일
- 관리자 기능준비됨
- 관리형 구축그누보드5
- 사이트 유형브랜드 홈페이지, 예약형 서비스 홈페이지
- 로고 · 글 · 사진을 고객사 내용으로 바꿔 제작
- PC · 모바일 반응형, 개발 주소에서 확인 후 오픈
- 계약 · 결제 · 진행 상황은 서비스관리에서 확인
제작 방식 고르기
기본형
화면은 그대로, 내용만 우리 회사로
- 시안의 화면 구성 그대로 (화면 7개)가격 기준: 화면 9개 이하 → 기본형 29만원
- 로고 · 대표 색 · 글 · 사진을 고객사 것으로 교체
- PC · 태블릿 · 모바일 반응형
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 시안 확인 후 수정 2회화면 추가 1개당 5만원 · 배치 · 구성 변경 상담 후 견적 (관리형도 같음)
- 관리자 화면 없음오픈 후 글 · 사진을 바꿀 때는 요청해 주시면 반영합니다
- 문의 · 예약 · 주문 · 결제 · 신청은 화면만 제공입력해도 실제로 접수 · 처리되지 않습니다. 실제로 동작해야 하면 관리형으로 진행합니다
관리형
관리자 화면에서 직접 운영
- 기본형 내용 모두 포함
- 구축 방식: 그누보드5
- 관리형 · 화면 7개49만원관리자 로그인 · 게시판(공지 · 후기 · 사례 · 갤러리) · 팝업, 문의 · 신청 폼 실제 접수와 접수 내역 관리(상태 · 메모 · 검색 · CSV), 화면 문구 · 숫자 · 노출 설정
- 관리자가 미리 만들어져 있어 제작 기간이 짧습니다준비된 관리자 메뉴: 수업 예약 관리 / 시간표 관리 / 회원 수강권 관리 / 회원권 · 가격 설정 / 체험 예약 관리 / 체험 시간 · 휴무일
- 관리자 계정 전달 · 사용 방법 안내
- 예약 시스템+50만원정기 수업 · 체험 예약(시간 슬롯 · 정원 · 대기), 수업별 명단 · 출석 체크, 시간표 · 휴강 · 휴무일
- 회원 이용권+30만원회원 수강권 등록, 수업 예약 시 남은 횟수 차감 · 취소 시 복구
- 자동 계산기 단가 관리+20만원회원권 계산기(종류 · 횟수 · 기간 → 회당 가격 · 총액), 회원권 가격 · 할인 설정
추가하지 않은 기능의 화면(예약 · 계산기 등)은 문의 폼 · 전화 · 네이버 예약 연결로 바꾸거나 뺍니다
가격 기준
이미 만든 디자인을 재활용해 맞춤 제작가의 약 60%로 정한 가격입니다. 모든 템플릿이 같은 기준이며, 기본형 · 관리형 모두 화면 수로 정하고 예약 · 계산기 같은 기능은 필요하실 때만 기능별 금액으로 더합니다.
기본형 — 화면만
- 화면 9개 이하29만원
- 화면 10~15개49만원
- 화면 16개 이상59만원
- 국 · 영문59만원
관리자 없이 화면만 만들고, 문의 · 예약 · 주문은 화면만 제공합니다
관리형 — 관리자 포함
- 화면 4개 이하39만원
- 화면 5~9개49만원
- 화면 10~15개69만원
- 화면 16개 이상79만원
- 국 · 영문89만원
- 쇼핑몰 (영카트)99만원
- 커스텀 플랫폼180만원부터
그누보드 · 영카트 · 워드프레스로 구축하는 템플릿은 위 금액, Next.js · 라라벨 · 전자정부 프레임워크 · CodeIgniter 로 구축하는 템플릿은 서버 · 구조가 달라 금액 협의
포함: 관리자 로그인 · 게시판(공지 · 후기 · 사례 · 갤러리) · 팝업, 문의 · 신청 폼 실제 접수와 접수 내역 관리(상태 · 메모 · 검색 · CSV), 화면 문구 · 숫자 · 노출 설정
이 가격에 들어 있는 것 그 밖의 작업은 별도
- 시안의 화면 구성 그대로 — 로고 · 대표 색 · 글 · 사진 · 메뉴 이름 교체, 필요 없는 화면은 빼기
- 연락처 · 지도 · SNS 연결, PC · 태블릿 · 모바일 반응형, 도메인 연결 · https 설정 지원
- 시안 확인 후 수정 2회 · 오픈 후 1개월 하자 무상 수정
- 화면 추가1개당 5만원
- 배치 · 구성 변경상담 후 견적
- 기능 추가아래 표 금액
필요하면 추가하는 기능 고르실 때만 더합니다
- 예약 시스템+50만원달력에서 날짜 · 시간(회차 · 숙박 기간) 선택, 정원 · 마감 · 중복 예약을 서버에서 막음, 휴무일 · 운영시간 설정, 관리자 예약 달력 · 상태 · 담당자 · CSV
- 두 번째 예약 종류+30만원방식이 다른 예약을 하나 더 (예: 진료 시간 예약 + 호텔 숙박 예약), 각각 달력 · 정원 · 요금 관리
- 자동 계산기 단가 관리+20만원견적 · 요금 · 비용 계산기의 단가 · 할증 · 할인을 관리자에서 고치면 계산기 · 가격표 · 접수 금액에 같은 값이 적용 (추가하지 않으면 계산기는 정해 둔 값으로 동작)
- 회원 이용권+30만원회원 로그인, 정액권 · 수강권 · 멤버십 등록, 잔여 횟수 · 금액 차감과 사용 이력
- 고객 전용 화면+50만원로그인한 고객(셀러 · 거래처 · 지원자 · 계약 고객)이 자기 계약 · 청구 · 재고 · 진행 상황을 보는 화면과 관리자 처리 화면
- 쇼핑몰 기능+50만원영카트 쇼핑몰(상품 · 옵션 · 재고 · 장바구니 · 주문 상태 · 무통장 입금 · 적립금 · 쿠폰)을 홈페이지에 붙임
- 정기구독+50만원구독 주기 · 회차별 구성 · 출고일 달력, 건너뛰기 · 일시정지, 마이 구독 (쇼핑몰 기능 필요 · 자동 정기결제는 PG 정기결제 별도)
- B2B 거래+50만원사업자 회원 등급별 단가 · 수량 구간 단가, 품번 일괄 담기 · 정기 발주, 거래명세서 · 세금계산서 정보
- 견적 요청 · 결재+50만원견적 요청(RFQ) → 견적서, 요청자 · 결재자 역할, 상신 · 승인 · 반려, 부서 예산 · 부분 출고
- 시안 확인 · 승인+30만원디자인 파일 업로드, 시안 버전 비교 · 수정 코멘트 · 승인, 승인 후 생산 단계 표시
- 번호 조회+20만원접수번호 · 이력번호 · 코드로 진행 단계 · 이력 · 잔액 조회, 관리자에서 단계 · 이력 입력
- 이벤트 참여 기록+50만원참여 · 응모 기록, 1일 기회 · 중복 참여 차단, 경품함 · 당첨 · 배송 정보 관리
- 추가하지 않은 기능의 화면(예약 · 계산기 등)은 문의 폼 · 전화 · 네이버 예약 연결로 바꾸거나 뺍니다
- 관리자가 준비된 템플릿은 이미 만들어진 기능을 고르시면 바로 적용하고, 템플릿에 없는 기능도 같은 기준으로 더합니다
- 카드결제(PG) 연동은 별도 — 40만원 · 버즈메이커 전담 토스페이먼츠 계약 시 20만원
이런 사이트예요
가상 브랜드 '온숨 필라테스 스튜디오'를 위한 기구 필라테스 스튜디오 홈페이지입니다. '온전한 숨, 바른 움직임'이라는 컨셉에 맞춰 세이지·블러시 컬러와 부드러운 곡선(blob) 모티프로 차분한 웰니스 무드를 설계했습니다. 메인, 스튜디오(인터랙티브 평면도), 클래스(5종 탭), 주간 시간표, 강사진, 회원권, 체험 예약까지 7개 화면으로 구성했고, 강사·레벨·수업 종류 필터와 잔여석이 표시되는 시간표, 횟수·기간에 따라 회당 가격을 계산하는 회원권 계산기, 자격·전문 분야를 담은 강사 프로필 모달, 달력·시간 선택 예약 폼을 구현했습니다. PC·태블릿·모바일 반응형입니다.
이 사이트로 할 수 있는 일
- 강사 · 레벨 · 수업 종류로 걸러 지금 예약할 수 있는 수업을 바로 찾게 구성
- 종류 · 횟수 · 기간을 고르면 회당 가격과 총액을 바로 보여 주는 계산기 제공
- 회원 예약 → 수강권 차감 → 출석 체크 흐름을 관리자 화면에서 처리
화면 구성 7개 화면
- 메인
- 스튜디오
- 클래스
- 시간표
- 강사진
- 회원권
- 체험 예약
주요 기능
- 주간 시간표(강사 · 레벨 · 수업 필터, 잔여석만 보기, 수업 상세 모달, 모바일 요일 탭)
- 회원권 계산기(종류 · 횟수 · 유효기간 → 회당 가격 · 총액 · 주 평균 · 일시정지, 횟수별 막대)
- 강사 프로필 모달(자격 · 전문 분야 · 수업 스타일 → 시간표 연결)
- 체험 예약(종류 · 달력 · 시간 슬롯 → 신청 폼 검증), 스튜디오 인터랙티브 평면도
기능 자세히 보기
필터형 주간 시간표 · 수업 예약
강사 · 레벨 · 수업 종류 · 잔여석으로 거르고 수업을 누르면 상세 모달이 열리며, 예약 명단은 관리자에서 출석까지 관리합니다.
회원권 계산기
수업 종류 · 횟수 · 유효기간을 고르면 회당 가격 · 총액 · 절약액 · 주 평균 수업을 계산하고 횟수별 막대로 비교합니다.
강사 프로필 모달
강사 카드를 누르면 자격 · 전문 분야 · 수업 스타일을 담은 프로필이 열리고 해당 강사의 시간표로 이어집니다.
체험 예약 · 관리자 관리
체험 종류 · 날짜 · 시간 슬롯을 고르면 신청 정보가 채워지고, 접수 건은 관리자에서 상태 · 담당 강사 · CSV로 관리합니다.
관리형(관리자 포함)으로 받으면
관리형으로 받으시면 그누보드5 기반으로 설치되어, 관리자 화면에서 글 · 게시판 · 신청 내역을 직접 관리하실 수 있습니다.
관리자 메뉴 — 온숨 필라테스
- 수업 예약 관리 — 날짜 이동 · 주간 건수, 그날 수업별 명단(좌석 · 회원 · 수강권 남은 횟수 · 예약 경로), 출석/결석 체크 · '모두 출석', 취소(횟수 복구 선택), 대기
- 시간표 관리 — 정기 수업 추가 · 수정 · 삭제(요일 · 시간 · 수업명 · 종류 · 예약 수강권 · 레벨 · 강사 · 정원 · 공간 · 설명 · 노출), '1:1 슬롯' 목록, 날짜별 휴강
- 회원 수강권 관리 — 회원 검색(이름 · 아이디 · 휴대폰)
- 회원권 · 가격 설정 — 수업 종류별 회당 정가 · 정원 표기 · 체형 체크 리포트, 횟수 할인 · 개월 수 · 일시정지 횟수, 기간형 ±%, 일시정지 최대 일수, 체험비, 수업 예약 규정
- 체험 예약 관리 — 오늘 · 이번 주 · 확정 연락 필요 건수, 상태 · 종류 · 날짜 · 이름/연락처 필터, 상태 일괄 저장 , 담당 강사 배정, 상세(일정 변경 · 관리자 메모), CSV
- 체험 시간 · 휴무일 — 체험 종류별 평일 · 토요일 시간과 시간당 정원, 예약 범위(일), 스튜디오 휴무일
- 바로가기 — 강사진 · 회원 후기 · 공지 · 휴무 안내 · FAQ 관리
게시판
- 강사진
- 공지 · 휴무 안내
- 회원 후기
- 체험 예약
디자인 · 설계 포인트
- 세이지 · 블러시 컬러와 부드러운 곡선 모티프로 차분한 웰니스 무드 표현
- 정원 · 수강권 횟수를 서버가 다시 검사하고, 마지막 자리를 동시에 눌러도 한 명만 예약되도록 설계
- 회원권 가격표 하나를 계산기 · 비교표 · 수강권 발급 금액이 함께 쓰도록 구성
- PC · 태블릿 · 모바일 320px까지 화면 넘침과 모바일 메뉴 점검
제작 정보
| 사이트 유형 | 브랜드 홈페이지, 예약형 서비스 홈페이지 |
|---|---|
| 지원 화면 | PC · 태블릿 · 모바일 (반응형) |
| 화면 수 | 7개 |
| 사용 기술 | HTML5/CSS3, JavaScript(ES6), 반응형 웹, IntersectionObserver |
내 브랜드로 바뀌는 부분
바꿔 드리는 것
그대로 가져가는 것
제작에 포함되는 것
기획
- 업종 · 목표 · 고객층 상담으로 필요한 메뉴와 페이지 정리
- 사이트맵(메뉴 구조)과 페이지별로 들어갈 내용 확정
- 필요한 기능(문의 · 예약 · 게시판 · 결제 등) 범위 확정
디자인
- 고르신 템플릿 디자인에 로고 · 브랜드 색 적용
- 문구와 사진을 고객사 내용으로 교체 (시안 사진은 AI 예시 이미지라 교체가 원칙)
- 시안 확인 후 수정 2회 반영 (그 뒤 수정 · 화면 추가는 별도 견적)
제작 · 퍼블리싱
- PC · 태블릿 · 모바일 반응형
- 주요 브라우저(크롬 · 엣지 · 사파리 · 삼성 인터넷)에서 화면 확인
- 템플릿에 들어 있는 문의 · 신청 폼 등 기능 연결 (관리형, 기본형은 화면만 제공)
관리 (관리형 선택 시)
- 그누보드5 관리자 화면에서 글 · 게시판 · 신청 내역 직접 관리
- 관리자 계정 전달과 사용 방법 안내
오픈
- 개발 주소에서 먼저 확인한 뒤 실제 도메인에 반영
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 오픈 후 1개월 동안 하자는 무상으로 고치고, 이후 수정은 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다
별도 협의
- 템플릿에 없는 페이지 · 기능 추가, 다국어
- 도메인 · 호스팅(서버) 비용, 유료 글꼴 · 사진 구입비
- 검색엔진 등록 · 광고 등 마케팅
진행 절차
- 상담원하시는 템플릿과 필요한 내용을 알려 주세요. 범위 · 일정 · 금액을 안내드립니다.
- 계약서비스관리에서 계약서를 확인하고 동의하시면 시작합니다.
- 자료 전달로고 · 문구 · 사진 등 사이트에 들어갈 자료를 보내 주세요.
- 제작템플릿을 바탕으로 디자인 적용 · 내용 교체(관리형은 기능 연결까지)를 진행합니다.
- 확인 · 수정개발 주소에서 직접 보시고 고칠 부분을 알려 주시면 반영합니다.
- 오픈잔금 결제 후 실제 도메인에 반영하고 관리 방법을 안내드립니다.
자주 묻는 질문
우리 업종 템플릿이 없어도 되나요?
됩니다. 화면 구조가 비슷한 템플릿을 고르시면 메뉴와 내용을 업종에 맞게 바꿔 드립니다. 어떤 템플릿이 맞을지 모르겠다면 상담 때 추천해 드립니다.
기본형과 관리형은 무엇이 다른가요?
기본형은 시안 화면을 그대로 만들어 드리는 방식이라, 오픈 후 글이나 사진을 바꾸실 때는 저희에게 요청해 주시면 됩니다. 관리형은 관리자 화면이 있어서 공지 · 후기 · 신청 내역 등을 직접 고치고 관리하실 수 있습니다. 금액은 두 방식 모두 화면 수로 정하고, 예약 · 계산기 · 결제 같은 기능은 필요하실 때 기능별 금액으로 추가합니다.
사진은 어떻게 하나요?
템플릿의 사진은 AI로 만든 예시라 그대로 쓰지 않고 고객사 사진으로 바꿉니다. 준비된 사진이 부족하면 상담 때 대신 쓸 방법을 함께 정합니다.
도메인과 호스팅(서버)은 어떻게 하나요?
도메인과 호스팅은 고객님 명의로 준비하시고, 연결과 설정은 저희가 도와드립니다. 무엇을 준비하면 되는지는 상담 때 안내드립니다.
기간은 얼마나 걸리나요?
페이지 수와 기능, 자료 준비 상황에 따라 달라집니다. 상담 때 범위를 정하면서 일정을 함께 안내드립니다.
결제는 어떻게 하나요?
계약 후 서비스관리에서 카드 또는 계좌이체로 결제하실 수 있습니다. 계약 때 정한 일정에 따라 나누어 결제할 수 있습니다.
진행 상황은 어디서 보나요?
계약하시면 서비스관리에서 계약서, 진행 단계, 결제 내역을 한곳에서 확인하실 수 있습니다. 오픈 전에는 개발 주소에서 먼저 보시고 고칠 부분을 알려 주시면 됩니다.
오픈 후에 수정이 필요하면요?
오픈 후 1개월 동안 하자는 무상으로 고쳐 드립니다. 그 뒤 수정 · 업데이트는 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다.
꼭 알아두세요
- 템플릿에 나오는 회사명 · 인물 · 수치 · 후기는 모두 가상이며, 사진은 AI로 만든 예시 이미지입니다. 제작할 때 고객사 내용과 사진으로 바꿉니다.
- 화면 미리보기는 디자인과 구성을 보여 드리기 위한 것으로, 문의 · 예약 · 결제는 실제로 동작하지 않습니다.
- '관리형 준비됨' 표시가 있는 템플릿은 관리자 기능까지 만들어져 있습니다. 표시가 없는 템플릿도 관리형으로 만들 수 있으며, 관리자를 새로 연결해 기간이 더 필요합니다. 예약 · 결제 등 기능은 필요하실 때 추가합니다.
- 금액과 일정은 상담 후 필요한 범위에 맞춰 안내드립니다.
같은 업종의 다른 템플릿
