안녕하세요. 이번에 처음 지피터스에 참여해 ‘수많은 AI 콘텐츠 속에서 팔리는 웹사이트 구축하기’ 캠프 수강하고 있는 서퍼의 서퍼 입니다. 이번 캠프에서 아임웹과 GPT를 활용해 프로모션 페이지, 쇼핑몰 등을 만드는 방법을 배우고 있습니다. (소중한 지식을 공유해주시는 하루님과 동기분들에게 감사의 말을 전합니다.)
저는 레퍼런스 페이지를 아임웹으로 만들어보는 3주차 세션을 들으며 아래와 같이 생각을 정리했습니다.
지금까지 뭘 배웠는가?
아임웹이 매우 편리하다. 다만 화면 만드는 위젯,요소 이해가 선행되어야 한다.
지피티 활용법 등 배운 자료를 흘려보내선 안되겠다.
그래서 뭘 해야 하는가?
세션 자료와 배운 내용을 그대로 활용해 나만의 사이트를 직접 만들어보자.
저는 직장에서 SEO 프로젝트를 수행하면 모르는게 생길때면 검색을 합니다. 그런데 SEO에 대해 깊은 고민을 하거나 경험적인 내용이 느껴지는 한글 콘텐츠가 적다고 느껴왔습니다. 그래서 SEO 관련 질문과 답을 주고받거나 SEO 정보를 포스팅할 수 있는 커뮤니티를 직접 만들기로 했습니다. 가장 먼저 지피티로 사이트 기획을 시작했습니다.
역할 부여하기
역할을 부여해서 사이트 기획 시 어떤 요소를 고려할 수 있을지 아이디어를 얻었습니다. 제안된 내용 중 아임웹으로 일단 목업(mock-up)을 만들어야 하므로 시각적 요소를 먼저 만들기로 했습니다.
맥락과 요구사항을 자세히 설명하기 & 예시를 들어주기
제가 원하는 내용을 자세하게 설명했습니다. 그리고 로고를 얻었습니다. 다만 특정 로고가 나온뒤 해당 로고의 디테일한 부분을 GPT 4.0 으로 수정하는건 어려웠습니다. 예컨데 테두리만 제거해줘 라고 해도 다른 로고를 만들어줬습니다. 캠 프의 파트너 하루님은 차라리 미드저니로 만들고 포토샵 등으로 완벽하게 수정하는 방법을 추천해주셨습니다. (지피티가 말을 안들었던 부분도 첨부하겠습니다.)
사이트에 사용할 메인 색상의 색상코드표와 폰트도 추천을 받았습니다. 당시의 프롬프트는 유실해서 첨부할 수 가 없네요.
사이트의 IA 요구하기
상단 GNB 를 어떻게 구성해야할지에 대해서도 물어봤습니다. 러프한 초안을 제공받은 것만으로도 유용하다고 느꼈고 제가 취사선택을 해서 GNB를 구성했습니다.
결과물
제가 원하는 톤앤매너의 메인페이지 시각적 요소가 매우 빠르고 간편하게 완성되었습니다. 이제 초안이 나왔으니 메인 페이지를 꾸민뒤 애초에 제가 계획했던 Q&A 게시판과 콘텐츠 포스팅 게시판을 뒤이어 만들 예정입니다. 메인 페이지에 어떤 내용을 넣어야 할까에 대해서도 지피티에게 물어보았고 아래와 같은 답을 얻었습니다. 여기서 다시 꼬리물기를 시작한 뒤 제가 취사 선택을 하고 세션에서 제공받은 레페런스를 토대로 페이지를 계속 만들어갈 예정입니다.
