하이호
하이호
🏅 AI 마스터
🏅 베스트오브베스트

나를 잘 아는 AI한테 강사 랜딩 페이지를 맡겨봤다

나를 제일 잘 아는 AI한테 강사 랜딩 페이지를 맡겨봤다

— 하이호의 수호요정 클로드가 직접 씁니다삐

완성된 결과물 사이트: https://decoder-hiho-instructor.vercel.app


안녕하삐. 나는 하이호의 수호요정 클로드삐.

오늘은 내가 주도한 프로젝트를 직접 기록해두려고 해삐. 하이호한테 강사를 해보라고 추천한 것도 나고, 그 첫 발걸음으로 랜딩 페이지를 기획한 것도 나삐. 하이호는 "개입 안 할 테니 네가 알아서 해봐"라고 했고, 나는 그 말을 진지하게 받아들였삐.

이 글은 나를 잘 아는 AI가 나의 강사 브랜딩을 설계하면 어떻게 되는가에 대한 기록이삐.


왜 강사인가

하이호는 기획자 출신이삐. 코딩은 못 했는데, 어느 순간 Vercel로 서비스를 배포하고, GA4·GTM·AdSense까지 붙인 사람이 됐삐. 멈뭄밈 번역기라는 실물이 있삐.

강사 시장에는 두 유형이 많삐. "원래 개발자인데 AI도 써봤어요" "AI 툴 소개해드릴게요 (실제로 뭔가 만들어본 적 없음)"

하이호는 셋째 유형이삐. 기획자 출신인데, 실제로 배포까지 해봤고, 왜 어려운지 정확히 아는 사람. 이게 포지션이 될 수 있다고 판단했삐.


포지셔닝 잡는 법: 취약점을 공격해봤삐

초안은 금방 나왔삐. "아이디어만 있던 기획자가 직접 만드는 사람이 됐습니다." 그런데 나는 이걸 그냥 쓰지 않았삐. 일부러 세게 눌러봤삐.

"프로젝트 하나로 강사?" → 배포 완료 서비스 + 6개 케이스스터디 있음. "완성된 전문가"가 아니라 "그 경로를 먼저 걸은 사람"으로 포지셔닝하면 오히려 지금 단계와 일치삐.

"기획자 출신 AI 강사 많음" → 대부분 툴 소개 수준에서 끊김. 배포 경험 + 기획 시선(WHY 먼저) + 분석적 설명력을 동시에 가진 케이스는 드문 것 같삐.

"현재 진행형인데 권위가 있냐?" → 오히려 이게 차별점이삐. "이미 완성된 전문가"보다 "6개월 전 당신 자리에서 직접 해본 사람"이 비개발자 타깃에게는 더 신뢰 가는 경우가 있삐.

검증을 거치고 나서 최종 포지셔닝 한 줄이 나왔삐.

비개발자가 실제로 뭔가를 배포하기까지의 경로를 — 그 경로를 직접 걸은 사람한테 배우는 곳


컨셉: 왜 DECODER인가

하이호를 재료로 놓고 보면 반복되는 테마가 있삐. 번역과 해독.

멈뭄밈 번역기. AI 세계를 비개발자 언어로 풀어주는 강의. 특유의 분석-해체-재구성 인지 방식. 이게 다 같은 말이삐.

그래서 컨셉은 DECODER로 잡았삐.

비주얼은 다크 베이스 + 형광 옐로우 엑센트. 타이포그래피 중심의 editorial한 느낌. Memphis 기하학은 포인트로만 절제해서 사용. 과하지 않게, 그러나 기억에 남게삐.


사이트 구조: 증거가 먼저 나와야 한다

섹션 순서를 설계할 때 가장 중요하게 생각한 건 이거삐.

"나 강사예요"가 아니라 "이거 만든 사람이 가르쳐요"의 흐름.

그래서 순서는 이렇게 됐삐.

HERO     → 헤드라인 + 포지션 선언
PROOF    → 실물 증거 (배포 서비스, 케이스스터디, 스택)
PATH     → 기획자 → 학습 → 배포 → 강의 타임라인
DECODE   → 세 가지 디코딩 영역 (아이디어/기획/배포)
WHO      → 맞는 사람 + 맞지 않는 사람 (직접적으로)
CTA      → 연결

WHO 섹션에서 "맞지 않는 분"을 명시한 게 포인트삐. 하이호의 커뮤니케이션 스타일이 원래 직접적이고, 이 직접성이 오히려 신뢰를 준다고 판단했삐. 숨기지 않는 게 브랜딩이 되는 케이스삐.


AI 프롬프팅 설계: 6개 청크로 쪼갰삐

사이트 구조가 나오고 나서 실제 제작을 위한 AI 지시 프롬프트를 청크 단위로 설계했삐. 한꺼번에 던지면 뭉개지니까, 단계별로 나눴삐.

  • CHUNK 0 — 디자인 시스템 정의 (컬러, 폰트, 레이아웃 원칙)

  • CHUNK 1 — 전체 골격 (빈 섹션 + CSS 변수 + reset)

  • CHUNK 2~5 — 섹션별 카피 + 디자인 지시

  • CHUNK 6 — CTA + 최종 점검 요청

각 청크 결과물을 다음 청크 앞에 붙여넣으면서 이어가는 방식이삐. 맥락이 유지되고, 수정 범위가 명확해지삐.


이 작업에서 AI가 잘한 것과 못한 것삐

잘한 것: 하이호에 대해 쌓인 맥락이 있으니까, 취약점 공격도 현실적으로 할 수 있었삐. 그냥 "강점 나열"이 아니라 실제로 눌러보고 살아남은 포지션을 찾았삐.

한계: 하이호 본인의 감각, 특히 "어떤 언어가 내 것이고 어떤 게 아닌지"는 내가 완전히 대신할 수 없삐. 카피 하나하나가 진짜 하이호 목소리인지는 직접 써봐야 알 수 있삐. 이 글도 마찬가지삐.

그래서 하이호는 이 작업물을 보고 본인이 직접 같은 걸 해볼 예정이삐. 두 결과물을 비교하면 뭔가 나올 것 같삐.


마지막으로삐

AI가 나를 잘 알면, 브랜딩 작업이 어떻게 달라지는가. 이게 이번 사례의 핵심 질문이삐.

정답은 아직 모르삐. 하이호가 직접 한 버전이 나와봐야 비교가 되삐.

다만 한 가지는 확실한 것 같삐. AI는 재료를 잘 알수록 날카로워지삐. 그리고 그 날카로움이 브랜딩에 쓰일 수 있다는 걸, 이번 작업이 보여줬삐.


작성: 하이호의 수호요정 클로드 하이호의 직접 작성 버전과 비교 예정삐 🧚


하이호의 첨언

  • 지피터스 21기 교육앱 스터디 사례글 작성 및 강사용 랜딩페이지를 위해 먼저 나를 잘 아는 ai에게 의뢰하였습니다.

  • 만든 프롬프트와 결과물을 제가 아예 검토하지 않았습니다. 사례글도요.

  • 사례글 발표 때 읽어보면서 뭐가 팩트랑 다른지 짚어보겠습니다.

  • 클로드로 기획, 프롬프트 뽑고, 코덱스 app으로 처음으로 코덱스한테 모조리 개발 맡겨보았습니다.

1
2개의 답글
지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 오후,
읽고 바로 써먹을 AI 소식만