매출을 만드는 홈페이지, 직접 배우고 직접 완성합니다
매출을 만드는 홈페이지, 직접 배우고 직접 완성합니다.
전문 용어 최소화! 매회차 바로 결과물을 만들며 끝냅니다.
| 교육내용 | 아임웹 가입 → 새 사이트 생성 → 메뉴·섹션 구성(소개/서비스/문의/버튼) |
| 핵심 포인트 | 템플릿을 그대로 쓰지 말고 내 서비스에 맞게 정리 · 불필요 섹션 삭제, 핵심 메시지 중심 재구성 |
| 결과물 | 모바일에서 완벽히 보이는 브랜드형 홈화면 1개 |
| 과제 | 대표 사진 5장 · 소개 문구 5줄 준비 |
| 교육내용 | 망고보드 로그인 → 템플릿 선택 → 배너 1종, 썸네일 2종, 아이콘 3종 제작 |
| 팁 | 폰트는 제목/본문 2종, 색상은 브랜드 컬러 + 포인트 컬러로 제한 · JPG=사진, PNG=투명 배경 |
| 결과물 | 홈 메인 배너 1종, 서비스 썸네일 2종, 포인트 아이콘 3종 |
| 과제 | 배너 문구 2안 작성(예: 혜택형/문제 해결형) |
| 교육내용 | 아임웹 폼 위젯으로 간결한 문의 폼 만들기(이름/연락처/요청사항) |
| 핵심 포인트 | 필수항목(이름·전화·약관)기입 후감사 페이지 연결 → 문의가 매출로 이어지게 설계 |
| 결과물 | 모바일 친화형 문의/예약 폼 1개 |
| 과제 | 자주 묻는 질문(FAQ) 3개 정리 |
| 교육내용 | 상품 1개 등록 → 단일결제 또는 무통장 결제 연결 → 주문/문의 알림 자동 메일 설정 |
| 핵심 포인트 | 옵션 없이 가격 1개부터 시작해 흐름 완성 · 복잡한 쇼핑몰보다 신청형 페이지로 빠르게 수익화 |
| 결과물 | 결제/신청 가능 페이지 1개 |
| 과제 | 후기 수집용 구글폼 제작 및 링크 공유 |
| 교육내용 | 인스타그램 프로필, 네이버 플레이스, 링크 정리 → 망고보드로 홍보 이미지 3종 제작/업로드 |
| 핵심 포인트 | 메시지는 혜택 1문장 + 행동 유도 1문장만 남기기 |
| 결과물 | SNS 프로필 세팅 + 홍보 배너 업로드 완료 |
| 과제 | 지인/단골 5명에게 링크 공유 후 반응 기록 |
| 교육내용 | 목적 정의(무엇을 만들지) → 프롬프트 설계법(요구사항/제약/예시) → HTML·CSS·JS 스니펫 생성 → 아임웹 커스텀 코드 위젯에 삽입 → 반응형/접근성 점검 |
| 핵심 포인트 |
명확한 제약(폰트/컬러/여백/반응형 기준)과 출력 형식(단일 파일/섹션형/주석 포함)을 요구하기 ·
전역 스타일 충돌 방지를 위해 .section-내클래스 네임스페이스 사용 ·
“어디에 넣을 코드인지”와 “예시 데이터”를 함께 제공
|
| 결과물 | 고급 섹션 1종 완성(예: 가격표 카드/FAQ 아코디언/고객후기 슬라이더) · 반응형 완료 · 주석 포함 코드 |
| 과제 |
내가 자주 쓸 블록 1개 선정 → 아래 템플릿으로 프롬프트 작성 후 코드 받아오기
프롬프트 템플릿 : “아임웹 ‘커스텀 코드’ 위젯에 붙여 넣을 [컴포넌트명]을 만들어줘.
요구사항: [레이아웃/폰트/간격/모바일 기준/애니메이션 여부].
출력: 순수 HTML/CSS/JS 한 블록, 외부 라이브러리 없이,
.section-myblock 네임스페이스 사용,
주석 포함, 한국어 텍스트 예시로.”
|
| 교육내용 | 도메인 연결 → 오픈 체크리스트 점검 → 방문/문의/신청 데이터 시트 작성 |
| 핵심 포인트 | 어려운 분석 도구 대신 한눈에 보는 통합표로 관리 시작 · 주간 루틴: 배너 AB테스트/문의 응대 시간 기록 |
| 결과물 | 정식 오픈된 홈페이지 1개 + 운영 관리표 1개 |
| 사후관리 | 1개월 코칭(주 1회 온라인) · 실시간 문의 지원(카카오톡) |