"GPT와 러버블로 만든 나만의 포트폴리오 사이트, AI와 함께한 성장의 시간”


1. 시작은 ‘모각 AI’에서

4월 12일 토요일, 러버블 모각 AI 시간.
저는 평소에 생각만 하고 미뤄뒀던 “나만의 포트폴리오 사이트 만들기”를 본격적으로 시작하게 되었어요.
디자인도, 기능도, 컨셉도 나만의 색깔로! 하지만 어디서부터 시작해야 할지 막막했죠.


2. ChatGPT가 디자이너이자 기획자가 되어주다

사이트를 만들기 전, 저는 먼저 나만의 브랜드 디자인 가이드를 정리하기로 했어요.
"어떤 색이 나를 표현할까?"
"어떤 인터랙션이 사용자에게 기억에 남을까?"

이 모든 고민을 ChatGPT에게 솔직하게 털어놓으면서 하나씩 정리해나갔답니다.
👉 GPT에게 원하는 기능과 내용 정리 요청한 모습

한국의 메시지 스크린 샷

저는 특히 데이터 기반 이력서 시각화를 중요하게 생각했는데, GPT가 정말 멋지게 방향을 잡아줬어요. 기능과 구조가 머릿속에서 뚜렷하게 그려졌죠!


3. 프롬프트를 잘 짜면, 러버블이 알아서 뚝딱!

이제 구상한 내용을 러버블에서 구현해야 했는데요.
단순히 문장으로 설명하는 것보다 정확하고 효율적인 프롬프트 작성이 필요했어요.

그래서!
저는 ‘커리어해커 GPT’를 활용해 러버블에 입력할 프롬프트를 함께 만들어봤습니다.

👉 GPTs를 통해 러버블 프롬프트를 생성하는 장면

한국 웹 사이트의 스크린 샷

프롬프트가 탄탄하니 러버블도 훨씬 더 만족스러운 결과물을 만들어주더라고요!
정말 "AI와의 협업"이라는 말이 딱 맞는 순간이었어요 😊


4. 결과는? 데이터 중심의 감각적인 포트폴리오 완성 ✨

이렇게 제작된 결과물을 보고 너무 뿌듯했어요.
저만의 이력서를 표와 시각자료로 강조한 포트폴리오가 완성됐거든요.

👉 사이트 첫 화면 스크린샷

한국 우주 웹 사이트의 스크린 샷
한국 대시 보드의 스크린 샷

러버블이 구현해준 디자인은 감각적이면서도 정보 전달이 명확했어요.
‘내가 원하는 걸 제대로 표현할 수 있구나’라는 자신감도 생겼고요!


5. 알게 된 팁 몇 가지 💡

이번 과정을 통해 느낀 점이 있어요:

  • 러버블은 잘 만들어주지만, 요구사항이 복잡할수록 사전 정리된 원본 내용이 꼭 필요!

  • 제작하면서 오류가 발생할 수 있으니, 원본 텍스트나 구조 파일을 따로 준비해두면 대처가 쉬워져요.

  • ChatGPT + GPTs + 러버블 조합은 강력한 무기, 단, 초반 기획이 핵심!


6. 마무리하며 🙌

이 과정을 통해 ‘AI는 나의 창작 파트너’라는 걸 다시 한 번 느꼈어요.
앞으로도 더 많은 시도들을 해보고 싶고,
“나도 한번 만들어보고 싶은데?”라고 생각하신 분들이 있다면
꼭! ChatGPT와 러버블의 조합을 경험해보세요!

4

뉴스레터 무료 구독