같은 랜딩 페이지, 첫 화면 구성 6가지
내용은 그대로 두고 '첫 화면 구성:' 한 줄만 바꾸면 방문자가 처음 보는 화면이 이렇게 달라져요.
공통 지시문
[바른몸 필라테스] 온라인 1:1 수업 랜딩 페이지의 첫 화면을 HTML 파일 하나로 만들어 줘. 크기는 1280×800 고정. - 내용: 한 줄 약속 "집에서 50분, 강사가 화면으로 자세를 잡아 줘요", 버튼 "첫 수업 무료로 받기", 수강생 후기 한 줄, 강사 3명 - 사진은 쓰지 말고 도형과 글자로만 - 첫 화면 구성: 아래에서 고른 구성 - 한글 글꼴은 Pretendard. 코드 전체를 빠짐없이 한 번에 보여 줘
클로드나 챗GPT에 넣으면 화면이 바로 보여요. 마음에 드는 판을 고른 뒤 내 내용으로 바꿔 달라고 이어 가세요.
구성: 왼쪽에 약속과 버튼, 오른쪽에 화상 수업 화면을 도형으로 그린 그림
구성: 가운데에 아주 큰 약속 한 줄과 버튼만, 나머지는 아래로
구성: 약속 아래에 '집에서·1:1·50분' 세 장의 카드를 나란히
구성: 수강생 후기 한 줄을 제목처럼 맨 위에 크게, 약속은 그 아래
구성: "허리 아픈 거, 운동 부족일까요 자세 문제일까요?"라는 질문을 맨 위에
구성: '동네 학원'과 '바른몸 1:1'을 비교하는 표를 첫 화면에
2026-10-14에 AI Korea Club이 이 지시문을 그대로 클로드(Sonnet)에 넣어 만든 결과예요. 가게·회사·숫자는 연습용으로 지어낸 것이에요.
