■ 소개
랜딩페이지 만들기 1단계 - 이것저것 다 해보는 중
요즘 좋다는거 다 써보고 있어요.
■ 진행 방법
1️⃣ 핀터레스트에서 레퍼런스 찾기
처음에는 그냥 디자인이 예쁜 걸 위주로 보다가
단순히 예쁜 디자인이 아니라, 섹션 구성이 잘 되어 있고
내가 추후 텍스트·이미지를 바꿔가며 활용할 수 있는 구조여야 한다는 걸 깨달음.
2️⃣ GPT에게 레퍼런스 이미지로 HTML 코드 요청
문제는 레퍼런스가 이미지 캡처뿐, 실제 사이트 링크가 없음.
그래서 GPT에게 “이 이미지처럼 구조를 짜 달라”라고 요청.
3️⃣ GPT가 준 HTML 코드를 클로드코드에 붙여넣기
VS코드… 사실 아직 잘 모름 😂
그냥 코드 전체를 붙여 넣고, 질문에 따라 2번~ 1번~ 눌러봄.
4️⃣ 어라… 뭔가 만들어졌다
솔직히 당황했음.
근데 놀랍게도, 구조가 레퍼런스랑 거의 비슷하게 나옴.
5️⃣ GPT에게 물어봄. 그 다음에 뭐 해야 하냐고?
2번부터는~~~~ 모르겠다.
▼ 왼쪽 레퍼런스 이미지 vs 오른쪽 한방의 결과물
▼ 어라! 대화 내용이 없어졌네~~~~
■ 결과와 배운 점
요즘 웹페이지랑 랜딩페이지 만드는데 관심이 많아서 이것저것 시도해보고 있어요.
근데 막상 결과물을 보면… 아직은 기대만큼 만족스럽지가 않네요 😅
혹시 랜딩페이지 퀄리티를 조금 더 끌어올릴 수 있는 팁이나 노하우가 있을까요?
작게라도 한 수 전수해주시면 감사하겠습니다. 🙏
▼ 이것 저것 다 해본 흔적들~~~~
