
어학원 웹사이트 템플릿
좋은 어학원 웹사이트 템플릿은 실용적인 질문에 빠르게 답해야 합니다. 어떤 언어를 가르치는지, 수업 대상이 누구인지, 일정은 어떻게 운영되는지, 비용은 얼마인지, 어떻게 문의하거나 예약하는지 등을 명확히 보여줘야 합니다. 또한 명확한 과정 정보, 강사 정보, 그리고 문의·전화·방문으로 이어지는 단순한 경로를 통해 신뢰를 쌓아야 합니다. 아래 템플릿은 Moremade로 클릭 한 번에 실제로 편집 가능한 사이트를 만듭니다.
방문자가 가장 먼저 알고 싶어하는 것
대부분의 방문자는 짧은 질문 목록을 가지고 들어옵니다. 자신이 필요한 언어를 가르치는지, 수업 대상이 어린이인지 성인인지 기업인지, 수업이 온라인인지 오프라인인지 또는 둘 다인지 알고 싶어합니다.
또한 다음과 같은 실용적인 정보도 찾습니다.
- 초급부터 고급까지의 과정 수준
- 그룹, 1:1, 시험 대비, 집중 과정 등 수업 형식
- 시간표와 시작일
- 가격 또는 최소한 가격을 요청할 수 있는 명확한 방법
- 위치, 이동 정보, 연락처
여기서는 신뢰가 중요합니다. 부모, 성인 학습자, 기업 고객은 보통 누가 수업을 가르치는지, 어떤 학습 방식인지, 학생들이 어떤 결과를 목표로 하는지 보고 싶어합니다.
포함하면 좋은 페이지와 섹션
어학원 사이트는 보통 구조가 단순하고 직관적일 때 가장 잘 작동합니다.
핵심 페이지와 섹션:
- 홈: 언어, 학생 유형, 수업 방식, 주요 CTA를 명확하게 요약
- 과정: 각 언어, 수준, 과정 유형별로 분리된 블록 또는 페이지
- 소개: 학원 배경, 교육 방식, 강사 프로필
- 시간표 및 수강료: 수업 시간, 학기 일정, 가격 또는 문의 옵션
- 문의: 폼, 전화, 이메일, 지도, 운영 시간
홈페이지에 자주 포함되는 유용한 섹션:
- 명확한 가치 제안을 담은 히어로
- 대표 과정
- 등록 방식 안내
- 강사 또는 학원 소개
- 사용 허가를 받은 경우에만 후기 또는 학생 코멘트
- 자주 묻는 등록 질문 FAQ
시험 준비반, 여름 프로그램, 기업 교육을 운영한다면 방문자가 쉽게 찾을 수 있도록 별도 섹션을 두는 것이 좋습니다.
어학원에 어울리는 카피와 사진
평이한 언어로 작성하세요. 방문자는 여러 학원을 비교하는 경우가 많기 때문에, 과장된 문구보다 구체적인 정보가 더 중요합니다.
좋은 카피는 보통 다음을 설명합니다.
- 각 과정의 대상
- 적합한 수준
- 수업 시간
- 한 반의 인원수
- 교재 포함 여부
- 다음 단계가 무엇인지
예를 들어, "성인을 위한 초급 스페인어 저녁반, 화요일 오후 6:30, 소규모 그룹"은 막연한 우수성 주장보다 훨씬 많은 정보를 줍니다.
사진은 가능하면 실제 공간을 보여주는 것이 좋습니다. 교실, 진행 중인 온라인 수업, 접수처, 학습 공간, 강사 모습을 담으세요. 대상에 어린이, 청소년, 성인이 모두 포함된다면 실제로 가르치는 연령대를 보여주세요. 학원의 실제 분위기와 맞지 않는 일반적인 헤드셋 착용 스톡 이미지는 피하세요.
국제 학생을 대상으로 한다면, 위치, 문의 방법, 첫 상담이나 레벨 테스트가 어떻게 진행되는지 같은 실질적인 안심 정보를 카피에 포함하세요.
추가하면 좋은 기능
적절한 기능은 학원의 등록 방식에 따라 달라집니다.
유용한 추가 기능:
- 문의 폼: 과정 상담, 레벨 테스트 요청, 체험 수업 관심 접수용
- Stripe 결제: 보증금 수납, 체험 세션 판매, 온라인 수강료 결제에 유용
- 지도: 오프라인 학원에 특히 중요하며, 대중교통으로 오는 학생에게 더 중요함
- 이메일 연동: Resend 또는 SendGrid 같은 서비스와 연결해 후속 메시지 전송
- 데이터베이스 및 로그인: Supabase는 학생 로그인, 저장된 문의, 파일 저장이 필요한 경우를 지원할 수 있음
온라인 예약을 제공할 계획이라면 실제 예약 절차가 단순하더라도 단계가 명확해야 합니다. 예를 들어 과정 선택, 정보 전송, 자리 확인, 결제 순서가 분명해야 합니다.
정해진 가격의 과정을 온라인으로 판매하는 학원이라면, 직접 설정한 가격으로 Stripe checkout을 사용하는 것이 가장 실용적인 결제 옵션입니다.
Moremade로 출시하는 방법
Moremade에서는 웹사이트를 평이한 언어로 설명하는 것부터 시작합니다. 어학원이라면 가르치는 언어, 과정 유형, 필요한 페이지, 선호 색상, 방문자에게 원하는 행동 등을 포함하면 됩니다.
그다음 AI 에이전트가 실제 React와 Tailwind 코드로 사이트를 작성합니다. 라이브 미리보기를 볼 수 있고, 채팅으로 계속 수정할 수 있습니다. 시각적 인스펙터로 요소를 클릭해 수정할 수도 있고, 소스를 직접 확인할 수 있는 코드 보기 기능도 있습니다.
초안이 마음에 들면 무료 yourname.moremade.ai 서브도메인에 한 번의 클릭으로 게시할 수 있습니다. 유료 플랜은 커스텀 도메인을 지원하며, 도메인을 Moremade 안에서 구매할 수도 있습니다.
전체 소스 코드는 언제든 ZIP으로 내보낼 수 있고 GitHub로 푸시할 수도 있습니다. 웹사이트는 플랫폼에 묶이지 않습니다.
게시 전 체크리스트
사이트를 공개하기 전에 기본 사항을 점검하세요.
- 모든 과정 페이지에 명확한 CTA가 있는지 확인
- 전화번호, 이메일, 주소, 운영 시간이 정확한지 확인
- 문의 폼과 Stripe 결제 흐름을 테스트
- 모바일에서 사이트를 확인, 특히 시간표와 수강료 섹션
- 주요 페이지에 페이지 제목과 메타 설명 추가
- Courses, Fees, Contact, About 같은 명확한 페이지명 사용
- 이미지를 적절히 압축하고 파일명을 정리
- 강사 이름, 언어 수준, 날짜, 가격을 교정
학원이 지역 검색 유입을 노린다면, 특히 홈과 문의 페이지에서 도시나 지역명이 자연스럽게 포함되도록 하세요.
질문
Moremade에서 어학원 사이트를 만드는 데 비용은 얼마인가요?
Moremade에는 30일마다 10 Build Units를 제공하는 무료 플랜이 $0에 있으며, 소규모 프로젝트와 내보내기에 충분합니다. 첫 사이트 빌드는 약 8 units, 작은 수정은 약 1 unit이 듭니다. 유료 플랜은 연간 청구 시 월 $17부터 시작하며, 월간 청구는 $20이고 더 많은 Build Units가 포함됩니다.
내 도메인 이름을 사용할 수 있나요?
네. 무료 `moremade.ai` 서브도메인으로 게시할 수 있고, 유료 플랜에서는 커스텀 도메인을 연결할 수 있습니다. 도메인은 Moremade 안에서 구매할 수도 있습니다.
나중에 웹사이트를 다시 만들지 않고도 수정할 수 있나요?
네. AI와 채팅하며 사이트를 바꿀 수 있고, 시각적 인스펙터로 요소를 가리키며 편집할 수 있으며, 버전 기록을 확인하고 코드 보기도 사용할 수 있습니다. 소스는 ZIP으로 내보내거나 GitHub로 푸시할 수도 있습니다.
기본적인 SEO에 충분한가요?
구조를 잘 잡으면 핵심적인 부분에는 충분합니다. 각 페이지에 명확한 주제를 부여하고, 유용한 페이지 제목과 메타 설명을 작성하고, 이해하기 쉬운 헤딩을 사용하고, 관련 있는 경우 구체적인 과정 및 위치 정보를 포함하세요. 군더더기보다 명확한 서비스 페이지와 연락처 정보가 더 중요합니다.
사이트에서 예약이나 결제를 받을 수 있나요?
직접 설정한 가격으로 Stripe checkout 결제를 처리할 수 있습니다. 문의용 연락 폼과 이메일 연동도 사용할 수 있습니다. 더 맞춤화된 워크플로가 필요하다면 Moremade는 데이터베이스, 로그인, 파일 저장을 위해 Supabase와도 연결됩니다.