과외 사이트 템플릿

대부분의 과외 사이트는 몇 초 안에 평가됩니다. 방문자는 보통 세부 내용을 깊게 읽기 전에 실용적인 정보를 먼저 훑어봅니다.

대개 알고 싶어 하는 내용은 다음과 같습니다:

• 어떤 과목과 수준을 가르치는지
• 온라인, 대면, 또는 둘 다 가능한지
• 대면 수업을 한다면 위치와 이동 가능 범위는 어디인지
• 교육 경력, 자격, 지도 방식은 어떤지
• GCSE 수학 학생, A-level 물리 학생, 성인 학습자처럼 주로 누구를 돕는지
• 수업이 어떻게 구성되는지, 그리고 학생이 현실적으로 기대할 수 있는 결과는 무엇인지
• 어떻게 문의하고, 체험 수업을 예약하고, 상담을 잡을 수 있는지

개인 과외에서는 화려한 브랜딩보다 명확함이 더 중요합니다. 세 명의 과외 선생님을 비교하는 부모라면, 기본 질문에 답해 주는 사이트를 더 쉽게 선택하게 됩니다.

개인 과외 사이트에 많은 페이지가 필요한 것은 아니지만, 각 섹션은 분명한 역할을 해야 합니다.

효과적인 구조는 보통 다음을 포함합니다:

• 히어로 섹션: 과목, 수준, 지역 또는 온라인 제공 여부, 그리고 하나의 명확한 행동 유도 문구
• 소개: 경력, 지도 스타일, 함께 일하는 학생 유형
• 과목 및 수준: 필요한 경우 시험 위원회, 연령대, 과정 유형별로 구분
• 수업 방식: 수업 시간, 온라인 도구, 숙제 지원, 진행 상황 업데이트, 해당되는 경우 부모와의 소통
• 가격 또는 패키지: 정확한 요금 또는 요금이 달라지는 경우 간단한 "현재 요금은 문의" 방식
• 후기: 신뢰성, 설명의 명확성, 자신감, 시험 대비에 초점을 맞춘 짧고 구체적인 피드백
• FAQ: 가능 일정, 취소, 온라인 수업, 체험 세션에 대한 일반적인 질문
• 연락 또는 예약 섹션: 폼, 이메일, 전화, 사용 중이라면 캘린더 링크

지역 서비스를 제공한다면, 커버하는 도시나 동네를 짧게 적는 위치 섹션을 추가하세요. 수업이 전부 온라인이라면, 사람들이 추측하지 않도록 초반에 분명히 밝혀 두는 것이 좋습니다.

좋은 과외 웹사이트는 차분하고, 구체적이며, 전문적으로 느껴집니다. 지나치게 넓은 주장보다는 부모나 학생이 실제로 검색할 법한 언어를 사용하세요.

유용한 문구 습관:

• 과목과 수준을 정확히 적기
• 교육 용어보다 쉬운 말로 방식 설명하기
• 시험 대비, 자신감 향상, 결석 후 따라잡기 같은 흔한 상황 언급하기
• 문단을 짧게 유지해 훑어보기 쉽게 만들기
• "상담 예약하기" 또는 "가능 일정 문의하기"처럼 결정에 맞는 행동 유도 문구 사용하기

사진은 신뢰를 뒷받침해야 합니다. 좋은 예시는 다음과 같습니다:

• 자연광이 들어오는 깔끔한 프로필 사진
• 단정한 작업 공간 또는 온라인 수업 환경
• 관련 학습 이미지를 최소한으로 사용

일반적인 교실 스톡 사진에만 의존하는 것은, 실제로 서비스와 잘 맞지 않는다면 피하는 것이 좋습니다. 독립 과외 선생님에게는 실제 사진이 보통 더 잘 맞습니다. 방문자는 결국 누구와 이야기하게 될지를 알고 싶어 하기 때문입니다.

개인 과외에는 긴 기능 목록보다 몇 가지 실용적인 사이트 기능이 더 중요합니다.

가장 유용한 추가 기능은 다음과 같습니다:

• 문의 폼: 부모 또는 학생의 문의 접수용
• 예약 링크: 상담이나 체험 수업에 이미 일정 도구를 사용 중이라면
• Stripe 결제: 예약금 수납, 수업 패키지 판매, 상담료 결제 등에 활용
• 지도: 고정된 지역 주소에서 가르치거나 담당 지역을 보여주고 싶을 때
• 이메일 연동: 문의 알림 및 후속 메시지용

Moremade에는 Stripe 결제용 내장 커넥터, Resend 또는 SendGrid를 통한 이메일, OpenAI, Claude, Gemini를 포함한 AI 모델, 그리고 데이터베이스, 로그인, 파일 저장용 Supabase가 포함되어 있습니다.

많은 과외 선생님에게 가장 단순한 구성은 문의 폼과 명확한 문의 절차입니다. 온라인으로 결제한다면, 선결제 수업 묶음이나 유료 평가 세션처럼 도움이 되는 경우에만 Stripe를 추가하세요.

Moremade는 AI 스튜디오처럼 작동합니다. 웹사이트를 자연어로 설명하면 AI 에이전트가 소스 코드를 작성하고, 바로 라이브 미리보기를 볼 수 있습니다.

그 다음에는 다음을 할 수 있습니다:

• 채팅으로 섹션과 문구 수정하기
• 비주얼 인스펙터로 요소를 클릭해 편집하기
• 코드 보기 확인하기
• 지원 플랜에서는 버전 기록으로 되돌아가기

웹사이트는 실제 React와 Tailwind 코드로 만들어집니다. 전체 소스를 언제든 ZIP으로 내보내거나 GitHub에 푸시할 수 있습니다.

사이트가 준비되면 무료 yourname.moremade.ai 서브도메인에 한 번의 클릭으로 게시할 수 있습니다. 유료 플랜에서는 커스텀 도메인도 지원하며, 도메인은 Moremade 안에서 구매할 수 있습니다.

보통 흐름은 간단합니다: 사이트를 설명하고, 미리 보고, 세부를 조정한 뒤 게시하면 됩니다.

게시 전에 기본 사항을 확인하세요:

• 과목과 수준이 페이지 상단 근처에 보이는지
• 위치 또는 온라인 수업 가능 여부가 명확한지
• 연락 방법이 모바일에서 잘 작동하는지
• 가격, 패키지, 또는 문의 절차를 쉽게 찾을 수 있는지
• 후기를 넣는다면 실제적이고 구체적인 표현을 사용했는지
• 페이지 제목과 헤딩에 해당 과목과 가르치는 지역이 관련 있을 때 자연스럽게 들어갔는지
• 이미지가 제대로 로드되고 과도하게 크지 않은지
• 사이트 전체에 하나의 주요 행동 유도 문구가 몇 군데 자연스럽게 반복되는지

지역 검색 유입을 노린다면, 문구에 도시명이나 서비스 지역이 자연스럽게 포함되도록 하세요. 문의의 대부분이 부모에게서 온다면, 홈페이지만 한 번 내 입장이 아니라 부모의 입장에서 읽어 보세요.