피봇에듀
소수정예 수학·영어 학원 홈페이지
- 화면 수7개
- 지원 화면PC · 모바일
- 관리자 기능준비됨
- 관리형 구축그누보드5
- 사이트 유형기업 · 브랜드 홈페이지, 교육 서비스 홈페이지
- 로고 · 글 · 사진을 고객사 내용으로 바꿔 제작
- PC · 모바일 반응형, 개발 주소에서 확인 후 오픈
- 계약 · 결제 · 진행 상황은 서비스관리에서 확인
제작 방식 고르기
기본형
화면은 그대로, 내용만 우리 회사로
- 시안의 화면 구성 그대로 (화면 7개)가격 기준: 화면 9개 이하 → 기본형 29만원
- 로고 · 대표 색 · 글 · 사진을 고객사 것으로 교체
- PC · 태블릿 · 모바일 반응형
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 시안 확인 후 수정 2회화면 추가 1개당 5만원 · 배치 · 구성 변경 상담 후 견적 (관리형도 같음)
- 관리자 화면 없음오픈 후 글 · 사진을 바꿀 때는 요청해 주시면 반영합니다
- 문의 · 예약 · 주문 · 결제 · 신청은 화면만 제공입력해도 실제로 접수 · 처리되지 않습니다. 실제로 동작해야 하면 관리형으로 진행합니다
관리형
관리자 화면에서 직접 운영
- 기본형 내용 모두 포함
- 구축 방식: 그누보드5
- 관리형 · 화면 7개49만원관리자 로그인 · 게시판(공지 · 후기 · 사례 · 갤러리) · 팝업, 문의 · 신청 폼 실제 접수와 접수 내역 관리(상태 · 메모 · 검색 · CSV), 화면 문구 · 숫자 · 노출 설정
- 관리자가 미리 만들어져 있어 제작 기간이 짧습니다준비된 관리자 메뉴: 상담 · 레벨테스트 관리 / 반 · 시간표 관리 / 교습비 · 학사 일정 설정 / 성적 · 진학 통계 / 강사진 관리 · 후기 · 학생 사례 · 학사 공지 / FAQ 관리
- 관리자 계정 전달 · 사용 방법 안내
가격 기준
이미 만든 디자인을 재활용해 맞춤 제작가의 약 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만원
이런 사이트예요
가상 브랜드 '피봇에듀'를 위한 초5~고3 소수정예 수학·영어 학원 홈페이지입니다. '개념 → 피봇 → 실전' 3단계 학습 시스템을 중심으로 학원 소개, 커리큘럼, 강사진, 성적·후기, 시간표·교습비, 입학 상담까지 7개 화면을 설계했습니다. 학년×과목 탭으로 바뀌는 레벨 로드맵, 학년·과목·잔여석 필터와 요일별 보기를 갖춘 시간표, 과목 전환 성적 그래프(툴팁·표 보기), 강사 프로필 모달, 3단계 상담 신청 폼과 실시간 요약 패널을 구현했습니다. 형광펜·스티커·모눈 노트 모티프로 밝고 신뢰감 있는 톤을 만들고 PC·태블릿·모바일 반응형으로 제작했습니다.
이 사이트로 할 수 있는 일
- 학년 × 과목으로 커리큘럼 · 시간표를 바로 찾고 잔여석까지 확인하게 구성
- 성적 변화 · 후기로 학습 시스템을 보여 주고 3단계 상담 신청으로 연결
- 접수 → 상담 예약 → 레벨테스트 → 등록 흐름을 관리자 화면에서 관리
화면 구성 7개 화면
- 메인
- 학원 소개
- 커리큘럼
- 강사진
- 성적
- 후기
- 시간표
- 입학 상담
주요 기능
- 학년(초 · 중 · 고) × 과목(수학 · 영어) 탭 커리큘럼과 레벨 로드맵(피봇 구간 강조), 주소로 과정 바로 열기
- 시간표 학년 · 과목 · 잔여석 필터 + 표 / 요일별 보기, 정원 · 잔여석 막대
- 성적 그래프 과목 전환 · 막대 툴팁 · 표로 보기, 등급 분포 누적 막대
- 강사 카드 필터 + 프로필 모달, 3단계 상담 · 레벨테스트 신청 폼(실시간 신청 요약)
기능 자세히 보기
학년 × 과목 커리큘럼 탐색기
학년 · 과목 탭을 고르면 과정 소개와 5단계 레벨 로드맵이 바뀌고, 학습 방식이 바뀌는 피봇 구간을 강조합니다.
시간표 필터 · 반 관리
학년 · 과목 · 잔여석 조건으로 반을 거르고, 관리자에서 고친 현원 · 정원이 잔여석 표시에 바로 반영됩니다.
성적 변화 그래프
수학 · 영어 탭으로 그래프가 바뀌고, 막대에 마우스를 올리면 시점별 점수와 입학 대비 변화가 표시됩니다.
3단계 상담 신청 · 관리자 관리
학생 정보 · 일정 · 연락처를 단계별로 받으며 요약이 실시간으로 바뀌고, 접수 건은 관리자에서 상태 · 기록 · CSV로 관리합니다.
관리형(관리자 포함)으로 받으면
관리형으로 받으시면 그누보드5 기반으로 설치되어, 관리자 화면에서 글 · 게시판 · 신청 내역을 직접 관리하실 수 있습니다.
관리자 메뉴 — 피봇에듀
- 상담 · 레벨테스트 관리 — 전체 · 오늘 · 이번 주 · 상태별 건수, 상태 · 학년 · 과목 · 기간 필터와 검색
- 반 · 시간표 관리 — 반 추가 · 수정 · 삭제, 목록에서 현원 · 정원 · 상태 · 메인 노출 · 정렬 일괄 저장
- 교습비 · 학사 일정 설정 — 학기(시간표 제목) · 기준일 · 메인 잔여석 안내 문구, 과정별 교습비 표(과정 · 수업 구성 · 월 교습 시간 · 월 교습비 · 기타 경비), 표 위 설명 · 추가 안내, 학사 일정
- 성적 · 진학 통계 — 성적 변화 그래프, 고등부 등급 분포, 진학 현황, 메인 지표 4개 · 후기 평균(설문 기준)
- 강사진 관리 · 후기 · 학생 사례 · 학사 공지 — 해당 게시판으로 이동(관리자 도구 막대 · 카드의 수정으로 고침)
- FAQ 관리 — 그누보드 기본 FAQ 관리 화면에서 질문 · 답변 등록
게시판
- 입학 상담 · 레벨테스트 신청
- 학사 공지
- 후기 · 학생 사례
- 강사진
디자인 · 설계 포인트
- 형광펜 · 스티커 · 모눈 노트 모티프와 에메랄드 · 옐로 컬러로 밝고 신뢰감 있는 학원 톤 표현
- 반 정보 하나로 시간표 · 메인 잔여석 · 신청서 희망 반 · 강사 담당 반이 함께 바뀌도록 설계
- 상담 신청은 그누보드 글쓰기(토큰 · 자동등록방지)를 거쳐 비밀글로 저장, 관리자만 열람
- 모바일 320 · 360 · 390px에서 화면 넘침과 모바일 메뉴 점검
제작 정보
| 사이트 유형 | 기업 · 브랜드 홈페이지, 교육 서비스 홈페이지 |
|---|---|
| 지원 화면 | PC · 태블릿 · 모바일 (반응형) |
| 화면 수 | 7개 |
| 사용 기술 | HTML5/CSS3, JavaScript(ES6), 반응형 웹, CSS Grid/Flexbox, IntersectionObserver |
내 브랜드로 바뀌는 부분
바꿔 드리는 것
그대로 가져가는 것
제작에 포함되는 것
기획
- 업종 · 목표 · 고객층 상담으로 필요한 메뉴와 페이지 정리
- 사이트맵(메뉴 구조)과 페이지별로 들어갈 내용 확정
- 필요한 기능(문의 · 예약 · 게시판 · 결제 등) 범위 확정
디자인
- 고르신 템플릿 디자인에 로고 · 브랜드 색 적용
- 문구와 사진을 고객사 내용으로 교체 (시안 사진은 AI 예시 이미지라 교체가 원칙)
- 시안 확인 후 수정 2회 반영 (그 뒤 수정 · 화면 추가는 별도 견적)
제작 · 퍼블리싱
- PC · 태블릿 · 모바일 반응형
- 주요 브라우저(크롬 · 엣지 · 사파리 · 삼성 인터넷)에서 화면 확인
- 템플릿에 들어 있는 문의 · 신청 폼 등 기능 연결
관리 (관리형 선택 시)
- 그누보드5 관리자 화면에서 글 · 게시판 · 신청 내역 직접 관리
- 관리자 계정 전달과 사용 방법 안내
오픈
- 개발 주소에서 먼저 확인한 뒤 실제 도메인에 반영
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 오픈 후 1개월 동안 하자는 무상으로 고치고, 이후 수정은 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다
별도 협의
- 템플릿에 없는 페이지 · 기능 추가, 다국어
- 도메인 · 호스팅(서버) 비용, 유료 글꼴 · 사진 구입비
- 검색엔진 등록 · 광고 등 마케팅
진행 절차
- 상담원하시는 템플릿과 필요한 내용을 알려 주세요. 범위 · 일정 · 금액을 안내드립니다.
- 계약서비스관리에서 계약서를 확인하고 동의하시면 시작합니다.
- 자료 전달로고 · 문구 · 사진 등 사이트에 들어갈 자료를 보내 주세요.
- 제작템플릿을 바탕으로 디자인 적용 · 내용 교체 · 기능 연결을 진행합니다.
- 확인 · 수정개발 주소에서 직접 보시고 고칠 부분을 알려 주시면 반영합니다.
- 오픈잔금 결제 후 실제 도메인에 반영하고 관리 방법을 안내드립니다.
자주 묻는 질문
우리 업종 템플릿이 없어도 되나요?
됩니다. 화면 구조가 비슷한 템플릿을 고르시면 메뉴와 내용을 업종에 맞게 바꿔 드립니다. 어떤 템플릿이 맞을지 모르겠다면 상담 때 추천해 드립니다.
기본형과 관리형은 무엇이 다른가요?
기본형은 시안 화면을 그대로 만들어 드리는 방식이라, 오픈 후 글이나 사진을 바꾸실 때는 저희에게 요청해 주시면 됩니다. 관리형은 관리자 화면이 있어서 공지 · 후기 · 신청 내역 등을 직접 고치고 관리하실 수 있습니다. 금액은 두 방식 모두 화면 수로 정하고, 예약 · 계산기 · 결제 같은 기능은 필요하실 때 기능별 금액으로 추가합니다.
사진은 어떻게 하나요?
템플릿의 사진은 AI로 만든 예시라 그대로 쓰지 않고 고객사 사진으로 바꿉니다. 준비된 사진이 부족하면 상담 때 대신 쓸 방법을 함께 정합니다.
도메인과 호스팅(서버)은 어떻게 하나요?
도메인과 호스팅은 고객님 명의로 준비하시고, 연결과 설정은 저희가 도와드립니다. 무엇을 준비하면 되는지는 상담 때 안내드립니다.
기간은 얼마나 걸리나요?
페이지 수와 기능, 자료 준비 상황에 따라 달라집니다. 상담 때 범위를 정하면서 일정을 함께 안내드립니다.
결제는 어떻게 하나요?
계약 후 서비스관리에서 카드 또는 계좌이체로 결제하실 수 있습니다. 계약 때 정한 일정에 따라 나누어 결제할 수 있습니다.
진행 상황은 어디서 보나요?
계약하시면 서비스관리에서 계약서, 진행 단계, 결제 내역을 한곳에서 확인하실 수 있습니다. 오픈 전에는 개발 주소에서 먼저 보시고 고칠 부분을 알려 주시면 됩니다.
오픈 후에 수정이 필요하면요?
오픈 후 1개월 동안 하자는 무상으로 고쳐 드립니다. 그 뒤 수정 · 업데이트는 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다.
꼭 알아두세요
- 템플릿에 나오는 회사명 · 인물 · 수치 · 후기는 모두 가상이며, 사진은 AI로 만든 예시 이미지입니다. 제작할 때 고객사 내용과 사진으로 바꿉니다.
- 화면 미리보기는 디자인과 구성을 보여 드리기 위한 것으로, 문의 · 예약 · 결제는 실제로 동작하지 않습니다.
- '관리형 준비됨' 표시가 있는 템플릿은 관리자 기능까지 만들어져 있습니다. 표시가 없는 템플릿도 관리형으로 만들 수 있으며, 관리자를 새로 연결해 기간이 더 필요합니다. 예약 · 결제 등 기능은 필요하실 때 추가합니다.
- 금액과 일정은 상담 후 필요한 범위에 맞춰 안내드립니다.
같은 업종의 다른 템플릿
