퍼스널 브랜딩 웹페이지를 AI 툴을 이용해서 만들어보기 (feat. Chat GPT, 퍼플렉시티, 러버블)

예전에 10년전 정도에 네이버 블로그를 하면서

만든 개인 퍼스널 브랜딩을 가지고 있었습니다.

현재 워드프레스로 만든 개인 웹페이지 페이지가 있습니다.

http://auntmid.com/

당신은 항상 무엇을합니까?

미드를 좋아해서 미드이모라는 닉네임으로 만들었고요.

사실 작년 11월에 지피터스 수업 중 랜딩페이지 만드는 수업을 들었고,

실습용으로 직장인 컨설팅업 도와주는 업을 가상으로 만들어 본 내용이 들어 있습니다.

현재 DB를 쌓을 수 있는 템플릿을 연동하기 위해 텍스트만 간단하게 들어 있습니다.

암튼 워드프레스 유료 템플릿으로 만들었으나... 돌보지 않는 정원처럼 되어버렸네요.

이번에 업데이트를 시도해 보고자,

퍼스널 브랜딩 웹페이지를 AI 툴을 만들어보려고 합니다.

워드프레스로 만든 수제품과 AI로 만든 웹페이지 자동화 제품

결과물을 비교해서 만들면 재미있을 것 같네요.

  1. 먼저 나의 진단을 위해 Chat GPT와 현재 상황을 분석해달라고 했습니다.

1) Chat GPT 4.5 : 신중을 기하기 위해서 높은 버전으로 물어봤고

한국어 텍스트가있는 검은 색 화면

2) Chat GPT 4o : 낮은 버전으로도 물어봤습니다.

한국어 텍스트가있는 검은 색 화면

3) 퍼플렉시티 : 홈페이지 등의 내용을 잘 읽는 것 같아서 한 번 물어봤습니다.

퍼플렉시티는 전문가의 조언이 좋았고,

검은 배경에 한국어 텍스��트

Chat GPT는 웹페이지 색상 등 좀 더 자세하게 대답해주었으나.

예상과 달리 4.5 보다 4o 더 상세히 조언해 주었습니다.

한국어 텍스트가있는 검은 색 화면
  1. 위 결과물을 믹스해서 웹페이지 구성 요청

    수업에서 배운 내용으로 PRD 구성해 달라고 했습니다.

    4.5의 결과는 예시화면만 나왔고,

    한국 제품 페이지의 스크린 샷

    4o에서는 구체적으로 화면이 아래 같이 나왔고

    검은 배경을 가진 한국 웹 사이트 스크린 샷
  2. 웹 브라우저에서 코드 편집기의 스크린 샷

    오른쪽 상단 미리보기 누르기

  3. 한국어 웹 사이트의 스크린 샷

    못하는 GPT... ㅜㅜ

  4. GPT가 만들어준 PRD 내용을 러버블로 그대로 가져가봅니다.

    잠시 후, 빨간색 배경에 파인애플이있는 잠시
  5. 여자가 책상에서 노트북을 작업하고 있습니다.

    https://preview--auntmid-brand-booster.lovable.app/

  6. 러버블 정말 수고 했다. 멋짐!!!

    느낀점

    • 모르는 분야는 잘하는 사람에게 맡기고

    • 웹페이지는 GPT보다 러버블 등 잘하는 AI에게 맡기자

    • 제가 만든 수동 페이지를 업데이트 해야겠습니다~

3

👉 이 게시글도 읽어보세요