요가 소개 및 강의 개설 사전 알림 신청

목적

: 요가에 관심있는 사람들에게 "flow yoga" 를 소개하고, 고객이 요가가 필요한지 체크하는 항목을 통해 강좌가 오픈되면 알림을 보내는 랜딩페이지 만들기

요청사항 정의 (클로드활용)

: 나는 플로우 요가의 새로운 강좌 개설 시 사전 알림 페이지를 만들고 싶어. 아주 세련된 2단 레이아웃 디자인을 적용하고 최종 결과물은 html로 만들어줘.

1. 상단에는 플로우 요가가 무엇인지에 대해 직관적으로 와닿게 설명해줘.

2. 중간에는 요가의 효과에 관련된 아래 내용을 기반으로 어떤 사람에게 플로우 요가가 필요한지 5개 체크리스트를 만들어줘. 니즈가 있는 고객이 요가 강좌에 등록하게 만들기 위한 목적이야. 체크박스가 작동했으면 좋겠어. 마지막에는 내가 몇 개 체크했는지 나왔으면 좋겠어. 3개이상 체크되면 요가가 필요한 사람입니다가 표시되게 해줘. 체크리스트는 체크박스가 왼쪽에 정렬되고 체크박스와 문장이 각각 한 줄을 차지하도록 만들어줘.

3. 맨 아래는 별도 디자인이 적용된 신규 강좌 오픈시간이 반영되는 카운트다운 배너 추가해줘. 각 숫자와 단위는 가로형태의 한줄로 표시해줘. 크기는 모바일에서도 잘 보이도록 글자크기를 조절해줘

4. 전체적인 디자인은 PC/MOBILE 둘 다 볼 수 있고, 뉴욕느낌의 세련된 디자인을 적용해줘. 가독성 있게 문장사이를 조금 띄어주고, 제목부분은 강조해줘

결과물: https://leadgeny.kr/lpo.php?seq=4d6a6b774d6a677a&cache=1726041479

Calude 의 불편함

: 수정지시를 잘못 알아듣는 경우가 많음 (카운트다운 배너의 경우 세로로 계속 표기 등)

: Claude Pro 를 사용하고 있는데, 이 경우 사용에 제한이 있음 (몇시간 이후 사용 가능)

(처음에 무제한으로 이해하고 계속 수정지시 수행)

참고할 자료

: Claude 를 통해 제품 사전 알림 신청 페이지 만들기 (링크)