LESSON 06

사례 4: 이벤트·프로모션·뉴스레터

세미나, 할인 행사, 구독 유도 페이지

오늘의 목표

기간 한정 이벤트와 뉴스레터 구독 랜딩페이지를 만듭니다.

예상 소요 시간 약 40분

이 유형이 필요한 경우

  • 세미나·웨비나 참가 신청을 받을 때
  • 기간 한정 할인·프로모션을 알릴 때
  • 뉴스레터·이메일 구독자를 모을 때

사례는 쉬운 것부터 (난이도 표시)

아래 사례는 쉬운 순서로 놓았습니다. 각 제목 옆의 난이도(★ 쉬움 / ★★ 보통 / ★★★ 어려움)와 예상 시간을 보고 맨 위 1개부터 해 보세요. 프롬프트가 길면 1~3번 항목만 먼저 보내 결과를 확인하고, 나머지를 이어서 보내면 훨씬 안전합니다. (전체 사례의 난이도 순서는 1강 표에 있습니다.)

사례 1: 뉴스레터 구독 (★ 쉬움 · 약 15분)

🎨 대표 실습 샘플: 뉴스레터 구독 랜딩페이지 미리보기
실제 결과물 완성 샘플 보기 ↗
#16 프롬프트 6-3🟡 중급

index.html을 만들어줘. "주간 AI 트렌드" 뉴스레터 구독 랜딩페이지.

  1. 히어로: "매주 월요일, AI 소식을 5분으로 정리해드립니다" + 이메일 입력 + "무료 구독" 버튼. 아래 "구독자 2,400명이 읽고 있습니다"
  2. 최근 뉴스레터 3개: 제목 + 날짜 + 요약 1줄. 클릭하면 샘플 볼 수 있게 (별도 HTML 또는 외부 링크)
  3. 왜 이 뉴스레터인가: 아이콘 3개 ("큐레이션 — 쏟아지는 뉴스 중 핵심만", "실전 — 바로 써볼 수 있는 팁", "5분 — 출근길에 읽는 분량")
  4. 독자 후기: 트위터/X 임베드 스타일 카드 3개
  5. 마지막 CTA: 이메일 입력 반복 + "스팸 없습니다. 언제든 구독 해제." 미니멀. 흰 배경 + 한 가지 포인트 색. 이메일 입력이 핵심.

사례 2: 오프라인 이벤트 (★★ 보통 · 약 30분)

#17 프롬프트 6-4🟡 중급

index.html을 만들어줘. "성수동 플리마켓" 참가 신청 페이지.

  1. 히어로: images/event.jpg 배경, "성수동 핸드메이드 플리마켓", 날짜 "12.21 토 11:00~18:00", "참가 신청" 버튼
  2. 참가 셀러 소개: 프로필 카드 6개 (사진 + 브랜드명 + 품목)
  3. 장소·교통: 약도 + 주소 + 주차 + 대중교통
  4. 타임테이블: 11:00 오픈 / 13:00 미니 공연 / 15:00 럭키드로우
  5. 방문자 혜택: "SNS 인증샷 이벤트 — 음료 교환권"
  6. 참가 신청 폼: 이름 + 연락처 + 품목 → "셀러 신청" 버튼. 방문자는 자유 입장 밝고 활기찬 느낌. 노란색 + 민트색.

사례 3: 기간 한정 프로모션 (★★★ 어려움 · 약 40분)

#18 프롬프트 6-2🟡 중급

index.html을 만들어줘. "연말 감사 세일" 쇼핑몰 프로모션 랜딩페이지.

  1. 히어로: 큰 배경에 "올해의 마지막 할인, 최대 70% OFF", 카운트다운 타이머 (JavaScript로 D-day까지), "세일 상품 보기" 버튼 (빨간색)
  2. 카테고리별 할인: 카드 4개 (의류 50% / 가방 40% / 신발 30% / 악세서리 70%). 각각 대표 이미지 + "쇼핑하기" 버튼
  3. 타임 딜: "오늘만 이 가격" 카드 2개. 원래 가격 취소선 + 할인 가격 + 남은 수량
  4. 무료배송 배너: "5만원 이상 무료배송 + 사은품"
  5. 고객 후기: 별점 + 구매 상품 + 한 줄 후기 3개
  6. 마지막 CTA: "마감까지 남은 시간" + 카운트다운 반복 + "지금 쇼핑하기" 버튼 축제 느낌. 빨간색·금색 포인트. 긴급한 느낌.

사례 4: 온라인 세미나·웨비나 (★★★ 어려움 · 약 40분)

#19 프롬프트 6-1🟡 중급

index.html을 만들어줘. "AI 시대의 마케팅 전략" 무료 웨비나 신청 페이지.

  1. 히어로: "AI가 바꾸는 마케팅, 1시간이면 따라잡습니다" + "무료 참가 신청" 버튼, 아래에 "12월 15일 (금) 오후 8시 · Zoom · 무료"
  2. 발표 내용: 번호 + 주제 3개 (1.AI 도구 현황 / 2.실전 자동화 사례 / 3.바로 쓸 수 있는 프롬프트 10개)
  3. 연사 소개: 사진 + 이름 + 현직 + 경력 2줄
  4. 참가 혜택: 체크리스트 (✓ 프롬프트 모음 PDF ✓ 녹화본 제공 ✓ Q&A 시간)
  5. 신청 폼: 이름 + 이메일 + 직무 입력 → "무료 참가 신청" 버튼
  6. "이미 342명이 신청했습니다" + 최근 신청자 3명 닉네임 롤링 (CSS 애니메이션)
  7. FAQ: 녹화본, 취소, Zoom 링크 발송 시점 깔끔한 비즈니스 스타일. 네이비 + 흰색.

실습 체크: 이벤트·프로모션

🧪 실습

  • 긴급성: 카운트다운, 마감일, "선착순 N명"
  • 혜택이 명확: 할인율, 사은품, 무료 콘텐츠
  • 폼이 짧다: 이름·이메일만. 많으면 이탈
  • 사회적 증거: "342명 신청", "2,400명 구독 중"
  • 카운트다운이 있다면 숫자가 실제로 줄어드는 것을 눈으로 확인했다
🚨 카운트다운 타이머가 안 움직이나요?
AI가 작성한 JavaScript 카운트다운 날짜가 과거로 설정되어 있으면 "00일 00시간 00분"으로 고정될 수 있습니다. AI에게 "카운트다운 목표 날짜를 오늘부터 7일 뒤로 자동 계산하도록 수정해줘"라고 요청하세요.

다음 강의

7강에서 포트폴리오·개인 브랜딩 랜딩페이지를 만듭니다.