유니
유니
🗡️ AI 레전드
🎖️ 마스터 파트너

microsoft loop 소개하는 랜딩페이지작성

안녕하세요~ 유니입니다. 😃


제가 신청한건 아니지만 리드젠을 사용해보고 랜딩페이지를 만들어 보았어용
내용을 공유드리고자 글을 올립니다.

만들고싶은 페이지
노션과 유사한 microsoft의루프를 소개하고, 강의홍보페이지(?)

진행 방법

  1. url 로 댓글추출
    스터디장님인 민철님이 올려준 댓글추출GPTS활용하여 다운로드
    (깜박하고 무료계정에서 하다가 한도에 도달했다고 해서.. 옮기는 바람에 캡쳐는 생략합니다 😢 )

  2. 댓글을 토대로 chatGPT에게 페르소나, STP등에 대해 확인하고 주제를 확장시킴

  1. 준내용을 토대로 랜딩페이지를 구성하자고이야기하고, 아무런 동작이 없으면 심심할것같아서 인터렉션을 넣어달라고 요청함

인터렉션에 대해서만 설명하고 코드를 안줘서 다시 요청함

한국어 텍스트가 포함된 웹페이지 스크린샷

[결과_코드펜]

결과물이 만족스럽지 않아서 클로드에게 다시 짜달라고 요청해보기로 했음 😢

  1. 클로드에게 UI부분을 수정해달라고 요청함
    chatGPT와 크게 다를바없는 모습에 실망함

  2. 구체적으로 상단배너, 내용은 어떻게 추가해야하는지 설명

    상단에 배너를 슬라이드형태로 넣으니 좀 이뻐보임 🎉

  3. 이제 이미지를 넣어줄차례
    클로드에게 이미지를 어울리는것으로 추가해달라고 요청함 (AI만들기 귀차니즘에...)

    한국어 텍스트가 적힌 한국 웹사이트의 스크린샷
  4. chatGPT로 돌아가 코드 글 한번에 싹 다듬기

  5. 리드젠에 가서 랜딩페이지 하나 만든후 코드 추가
    (코드추가가 찾기가 좀 어려웠다.. 노코드인생의 대위기 😄 )

  6. 완성~~~~~

‎​결과물링크
http://leadz.kr/xGb

비즈니스 웹사이트의 홈페이지



결과와 배운 점

추가적으로 유니 & 캔로봇이 운영하는 오픈톡방
=> 니툴내툴노코드툴X유니 ❤️ 참여코드 gpters
=> 코파일럿에이투지X캔로봇 ❤️ 참여코드 gpters


그럼담에 만나요 ~ 안녕

8
3개의 답글

👉 이 게시글도 읽어보세요