클로드를 활용한 랜딩페이지만들기 (강의 웨비나 모집 2탄)

배경 및 목적

1탄에 이어서 이미지 투입과 시각화 개선, 그리고 버튼과 타이머를 넣어서 매력적으로 만들고자함

참고 자료

없음

활용 툴

클로드로 전부 해결

실행 과정

유튜브 댓글 스크래핑 후 퍼소나 제작,
기존 진행하던 무료 웨비자 자료를 가지고 와서 내용을 결합했습니다.

HTML로 단순히 만들면 이미지가 예쁘지 않고
부각되지 않아, 클로드로 여러 코드를 중간에 새로 따왔습니다.

실제 결과물 화면은

이렇게 나오고 좀 천천히 띄워져 나오기에 조금의 수정과 색상을 변경하여 코드를 적용하기로 합니다.

이 코드를 활용하여 애니메이션 버튼 섹션만 따로 빼서 넣고

타이머를 만들고 버튼도 파란색으로 만들었습니다.

잘 만들어졌습니다.

이렇게 수정하면서 랜딩페이지를 만들었습니다.

결과물은 아래의 링크에 있습니다.

2번째 수정으로 이미지와 HTML을 조합한 랜딩페이지를 완성했습니다.

결과 및 인사이트

https://leadgeny.kr/i/unn

3

👉 이 게시글도 읽어보세요