찰리초이 스토리 블로그

  AI · WEB · PRODUCTIVITY GPT Sites로 나만의 랜딩페이지 만들기 아이디어 정리부터 디자인 수정, 이미지 교체, 반응형 확인, 실제 퍼블리싱까지 한 번에 진행한 GPT Sites 활용 경험을 소개합니다. 웹 개발을 잘 몰라도 GPT Sites를 활용하면 자신의 전문성과 서비스를 소개하는 웹사이트를 직접 만들고 공개할 수 있습니다. 왜 랜딩페이지를 만들었을까? AI 활용 강의와 컨설팅, 출판 활동을 한 곳에서 소개할 수 있는 개인 랜딩페이지가 필요했습니다. 기존 홈페이지의 콘텐츠를 참고해 방문자가 서비스 내용을 빠르게 이해하고 문의까지 이어질 수 있도록 구성했습니다. AI 강의 AI 컨설팅 출판 개인 브랜딩 GPT Sites로 진행한 제작 과정 01. 콘텐츠 구조 정리 소개, 전문 분야, 경력, 출판, 교육 철학, 문의 영역을 하나의 흐름으로 정리했습니다. 02. 첫 화면 디자인 구성 핵심 메시지가 먼저 보이도록 히어로 섹션과 CTA 버튼을 배치했습니다. 03. 이미지와 문구 수정 임시 이미지를 실제 인물 사진으로 교체하고, 얼굴이 잘리지 않도록 크롭과 위치를 반복 조정했습니다. 04. 화면 검수와 퍼블리싱 브라우저에서 데스크톱·모바일 화면을 확인한 뒤 실제 접속 가능한 주소로 게시했습니다. 제작하면서 유용했던 기능 자연어로 원하는 웹사이트 방향과 콘텐츠를 설명할 수 있습니다. 수정 요청을 대화하듯 전달하고 바로 결과를 확인할 수 있습니다. 이미지, 색상, 타이포그래피, 여백, 카드 위치를 세밀하게 조정할 수 있습니다. 모바일 화면에서의 줄바꿈과 카드 겹침 문제를 확인하며 개선할 수 있습니다. 완성된 사이트를 별도 서버 설정 없이 퍼블리싱할 수 있습니다. 반복 수정이 중요한 이유 첫 결과물이 완벽하지 않아도 괜찮습니다. 실제 화면을 보면서 “제목의 마지막 문장을 한 줄에 표시해 달라”, “사진의 얼굴이 잘리지 않게 해 달라”, “카드가 얼굴을 가리지 않게 옮겨 달라”처럼 구체적으로 요청하면 결과를 점진적으로 다듬을 수 있습니다. ...