작업 방식
Landing Page Generator는 마케팅 카피 프레임워크를 React 또는 Next.js 섹션 패턴 및 Tailwind 스타일링과 결합합니다. 타깃 고객, 문제점, 이점, 가격, 디자인 방향을 수집한 뒤 페이지를 구성하기 전에 카피 초안을 작성합니다. 소스는 히어로, 기능, 가격, FAQ, CTA 패턴을 제공하며, 관련 없는 섹션은 자동으로 채우지 않고 생략합니다.
소스는 전환과 성능 관련 표현을 생성된 페이지의 측정 결과가 아니라 목표로 사용합니다. 또한 템플릿에는 후기, 보증, 제품 주장에 대한 예시가 포함되어 있으므로 검증된 입력으로 교체하거나 제외해야 합니다. SEO 메타데이터와 구조화 데이터는 유용한 기본 구조이지만, 실제 페이지와 사이트의 라우팅 및 색인 정책에 맞아야 합니다.
예상 결과물
- Tailwind 스타일이 적용된 React 또는 Next.js TSX 랜딩 페이지 섹션
- 선택한 메시지 프레임워크에 맞춰 구성한 카피 변형
- 제목, 설명, canonical, 구조화 데이터 기본 구조
브리프에서 검토까지
- 01제품 사실 수집
타깃 고객, 주요 행동, 이점, 실제 가격을 정의하세요. 승인된 근거와 아직 확립되지 않은 주장을 구분하세요.
- 02메시지부터 작성
제품에 맞는 문제-해결 또는 비포-애프터 서사를 선택한 뒤 실제로 필요한 섹션을 결정하세요.
- 03구축 및 검증
기존 프로젝트에서 컴포넌트를 생성하고 모바일 레이아웃과 메타데이터를 확인하며, 템플릿의 목표를 반복하지 말고 실제 성능을 측정하세요.