학원 홈페이지 샘플 미리보기

학원 홈페이지에는 어떤 기능이 필요할까?

학원 홈페이지에 꼭 필요한 기능은 세 가지입니다.
학부모가 바로 남길 수 있는 상담 신청, 수업과 시간표를 보여주는 안내 페이지, 콘텐츠 운영자가 직접 수정할 수 있는 전용 관리자입니다.

넷튠코리아는 이 구성을 실제로 동작하는 샘플로 만들어 라이브로 실제 체험할 수 있게 준비하였습니다.

안내

‘명불허전 수학학원’은 실재하는 학원이 아니라, 넷튠코리아가 구성을 보여주기 위해 만든 시연용 샘플입니다.
사이트에 나오는 원장·강사 이름과 경력, 성적·재원생·재등록률 등의 수치, 학부모 후기는 모두 화면 구성을 보여주기 위한 가상의 예시이며 실제 데이터가 아닙니다.

상담 신청은 어떻게 접수되나요?

학부모가 홈페이지에서 남긴 상담 신청은 서버에 저장되고, 관리자 화면에서 목록으로 확인합니다.
또한, 이메일·카카오톡·텔레그램으로 전송하거나 푸시 알림 기능을 추가하면, 실시간으로 상담 신청을 놓치지 않고 모니터링 할 수 있습니다.

전화나 문자로 받은 상담 내용을 기록하는 기능을 추가하면 학원 상담 전용 관리 공간으로 활용할 수도 있습니다.

메일로 전달만 하는 방식과 달리 데이터가 서버에 남기 때문에, 나중에 문의가 많았던 시기나 자주 묻는 내용을 되짚어볼 수 있습니다.

관리자가 직접 내용을 수정할 수 있나요?

가능합니다. 이 샘플에는 전용 관리자 화면이 붙어 있어 수업 안내 문구, 시간표, 이미지를 로그인 후 직접 바꿀 수 있습니다.
문구를 고치려고 홈페이지 제작사에 연락할 필요가 없습니다.

관리자 계정은 비밀번호를 그대로 저장하지 않고 해시로 보관하며, 이미지가 올라가는 폴더에서는 스크립트가 실행되지 않도록 막아두었습니다.
직접 수정할 수 있다는 것과 정보를 안전하게 보관하는 두 가지를 모두 고려하여 구축하였습니다.

학원 홈페이지는 얼마나 빨라야 하나요?

첫 화면이 1초 안에 뜨는 것을 기준으로 잡습니다.
학원 데모 사이트는 서버가 첫 응답을 보내기까지 0.2초 안팎이 걸립니다.
학부모 대부분이 휴대전화로, 그것도 이동 중에 들어오기 때문에 속도가 곧 이탈률입니다.

화면은 React로 만들고 서버는 필요한 데이터만 주고받는 구조라, 페이지를 넘길 때마다 전체를 다시 내려받지 않습니다.

워드프레스로 만들 수도 있나요?

가능하고, 많은 경우 그쪽이 낫습니다.
예약 · 게시판처럼 플러그인으로 빠르게 붙일 기능이 많거나 예산이 제한적이라면 워드프레스가 유리합니다.

반대로 화면 구성이 독특하거나 속도를 우선한다면 이 샘플처럼 별도 프런트엔드로 만드는 편이 낫습니다.
어느 쪽이든 관리자가 콘텐츠를 직접 수정하는 관리자 화면은 들어갑니다.

두 방식의 차이는 홈페이지 제작 방법과 비용 안내에서 표로 정리해 두었습니다.

이 샘플은 어디서 볼 수 있나요?

아래 버튼을 클릭하면 실제 데모 사이트에서 동작하는 화면을 그대로 보실 수 있습니다.

---