Codex용 랜딩 페이지 브리프 프롬프트

제품, 방문자, 목표, 근거를 Codex에 알려 주고 디자인에 앞서 페이지에 필요한 섹션을 순서대로 뽑게 하는 브리프 프롬프트.

[프리랜서용 인보이스 앱 Tally]의 랜딩 페이지를 디자인하려고 해. 방문자는 [한 달에 인보이스를 2~10건 보내는 디자이너, 작가, 개발자]야. 원하는 행동은 하나: [무료 체험 시작]. 핵심 약속: [고객을 쫓아다니지 않고 더 빨리 대금 받기]. 보여 줄 수 있는 근거: [사용자 12,400명, 평균 9일 더 빨리 입금].

디자인을 시작하기 전에 이 페이지에 필요한 섹션을 순서대로 나열하고, 섹션마다 방문자를 무엇으로 설득해야 하는지 한 문장씩 적어 줘.

지원 도구

Codex, ChatGPT

프롬프트 모음

랜딩 페이지

이 프롬프트 소개

이 프롬프트는 디자인을 만들어 주지 않습니다. Codex는 페이지의 모든 섹션을 순서대로 나열하고 섹션마다 방문자를 무엇으로 설득해야 하는지 한 문장씩 적은 섹션 개요로 답합니다. 놓친 반론이나 할 일이 없는 섹션을 가장 적은 비용으로 잡아낼 수 있는 곳이 이 개요이고, 다시 써야 할 HTML이 생기기 한참 전에 찾을 수 있습니다.

대괄호 다섯 곳을 모두 바꾸세요. 제품이 무엇인지, 누가 방문하는지, 원하는 행동 하나, 핵심 약속, 실제로 보여 줄 수 있는 근거입니다. 행동은 하나로 유지하세요. “체험 시작, 데모 예약, 뉴스레터 구독”이라고 쓰면 개요도, 결국 페이지도 초점을 잃습니다. 근거로는 공개해도 되는 숫자를 쓰세요. Codex가 나중에 히어로와 사회적 증거 섹션에서 그 숫자를 다시 쓰기 때문입니다.

브리프는 대화 맨 위에 두고, 다음 단계로 넘어가기 전에 개요에 반응하세요. 섹션을 빼거나, 순서를 바꾸거나, 빠뜨린 섹션 하나를 추가하세요. 이어지는 히어로 방향과 전체 페이지는 모두 승인한 개요를 바탕으로 하므로, 여기서 한 줄을 고쳐 두면 이후 모든 단계의 재작업을 줄일 수 있습니다.

이 모음의 다른 프롬프트

• Codex용 히어로 섹션 디자인 프롬프트: 세 가지 방향에디토리얼, 다크, 소프트 세 가지 1440×900 히어로를 같은 문구로 요청해 시각 스타일만 비교합니다.
• Codex용 전체 랜딩 페이지 디자인 프롬프트고른 히어로 방향을 완성된 랜딩 페이지로 확장합니다. 섹션 8개를 순서대로 지정해 군더더기를 막습니다.
• Codex용 랜딩 페이지 기능 섹션 프롬프트: 실제 콘텐츠로 쓰기기능마다 구체적인 헤드라인, 디테일이나 숫자, 아이콘 대신 작은 HTML 비주얼을 넣어 기능 섹션을 다시 씁니다.
• Codex용 요금제 섹션 디자인 프롬프트플랜, 강조된 추천 플랜, 월간/연간 토글, 가장 흔한 망설임에 답하는 한 줄을 갖춘 요금제 섹션을 디자인합니다.
• Codex용 모바일 랜딩 페이지 점검 프롬프트랜딩 페이지의 390px 버전을 Codex에게 만들게 합니다. 첫 화면에 CTA, 터치 영역 44px, 뺀 요소의 목록까지.
• AI가 만든 랜딩 페이지의 템플릿 느낌을 덜어 내는 프롬프트AI가 만든 것처럼 보이게 하는 요소(전부 가운데 정렬, 모호한 문구 등)를 찾아 가장 심한 5개를 고치게 하는 점검 프롬프트.