소개
법무사로서 블로그를 직접 운영하며 온라인 홍보를 해오고 있었어요. 그런데 요즘 사람들은 가독성 있는 시각 콘텐츠에 훨씬 더 반응하더라고요. 텍스트만으로 전달하는 데 한계가 있다는 걸 느꼈죠.
그런 와중에, 블로그로 홍보해서 10대 로펌 언저리에 진입한 곳이 있었는데, 웹페이지처럼 디자인된 콘텐츠를 활용하더라고요. 저도 그런 방식으로 핵심 메시지를 전달해보고 싶다는 생각이 들었습니다. 그래서 이번에는 “배포는 블로그, 내용은 웹페이 지 형태”로 하는 자동화 방식을 시도하게 되었어요.
진행 방법
기획부터 시작: 먼저 챗지피티의 PRD BUILDER (성장피터 님이 제공해주신 마이지피티) 를 활용해 PRD 문서를 만들었어요.
To-Do 자동 생성: 만든 PRD에 따라 해야 할 작업들을 정리했죠. >> 이 과정은 직전에 쓴 사례에 나와있으니 참고해주세요.
코드 작업은 커서(Cursor):
직접 HTML을 수정해보는 연습을 했고,
줄 바꾸기, 글자 크기 변경은 성공했지만,
폰트 변경은 아직 잘 이해되지 않았어요. 커서가 설명해줬지만 조금 어렵더라고요 😅
내가 갖고있는 이미지를 웹페이지 반영하는 것은 성공했습니다.
배포 시도:
GitHub에 저장소는 만들었지만, 그 이후 과정과 Vercel 연동 등은 아직 어려워서
일단 Live Server로 미리보기를 하고 캡처해서 이미지 형태로 블로그에 업로드하는 방식으로 마무리했습니다.
저는 네이버에 노출되는 블로그를 갖고 있어서 이 방식으로라도 시도할 수 있었어요.
카피 작업은 Claude:
커서가 만든 텍스트는 바로 쓰기엔 무리가 있어서,
클로드(Claude)로 카피를 다시 작성했어요.
결과와 배운 점
총 소요 시간: 약 2시간 정도로 PRD 작성부터 결과물 캡처까지 완료!
성과: 완벽하진 않아도, 블로그에 훨씬 설득력 있는 콘텐츠를 올릴 수 있었어요. 의뢰인 입장에서 한눈에 핵심을 파악할 수 있을 것 같아요.
배운 점:
어렵더라도 직접 부딪히며 수정해보는 연습이 중요하다는 걸 느꼈고,
도구를 잘 조합하면 큰 시너지가 난다는 것도 알게 됐어요.
다음에는 꼭 Vercel로 실제 웹 배포까지 성공하고 싶습니다!
성과 관찰 예정:
이번 콘텐츠가 실제로 사건 수임에 도움이 되는지 지켜볼 예정이에요. 아마 한 달쯤 후면 윤곽이 보일 듯합니다.
결과물
https://blog.naver.com/musaonni/223879970709
도움 받은 글 / 참고
PRD BUILDER
Gemini / Claude 사용 경험 기반
어렵더라도 꾸준히 해보면 분명 쌓이는 게 있어요. 스스로를 격려하면서 다음 도전도 이어가보려 합니다 💪🙂
