Step 4 일러스트 — "캠페인 결과를 인포그래픽 한 장으로" (슬라이드 22)

본편 단계 4 ("결과물 만들기") 슬라이드. 김민지씨가 AI 봇에게 인포그래픽 한 장을 부탁하고, AI 봇이 살아 있는 캐릭터로 그 자리에서 인포그래픽을 만들고 있는 1:1 대화 컷.

도구: Higgsfield AI / Nano Banana Pro. 자연어 conversational + 한글 직접 렌더.

v2 (2026-05-14) — v1에서 "Artifact" UI 패널 + "예시 화면" 태그 + 완성된 인포그래픽이 캡처처럼 박혀 있어 김민지씨↔AI 대화감이 사라진 문제 보정. AI는 UI 패널이 아닌 살아 있는 마스코트로, 인포그래픽은 마스코트가 들고 있거나 옆에서 막 완성한 작은 오브젝트로 표현.

첨부 필수

ai-basic-deck/assets/ 의 김민지씨 페르소나 정면 클로즈업
ai-basic-deck/assets/ 의 야경 옆모습 노트북 컷
(강력 추천) Step 1 결과물 — 김민지씨↔클라우드 AI 1:1 대화 컷을 구도 레퍼런스로 함께 첨부

장면 의도 (NON-NEGOTIABLE)

김민지씨와 AI 봇은 같은 공간에서 1:1로 대화. Step 1 구도.
김민지씨 시선은 AI 봇을 향함.
AI 봇은 그 자리에서 인포그래픽을 만들고 있는 작은 아티스트 — 한 손에 작은 붓 / 매직 완드 / 픽셀 망치, 옆에 막 완성된 정사각형 인포그래픽 카드를 들고 있거나 옆에 띄워 자랑하는 자세.
인포그래픽 카드는 작은 떠다니는 오브젝트 — AI 봇의 손 위에 / 옆에 작게. UI 패널 안에 박혀 있으면 안 됨. "Artifact" 라벨 / "예시 화면" 태그 / 사이드 UI chrome 일체 X.
부속 결과물(PDF · SNS 카드 · 영상 클립)은 작은 떠다니는 썸네일 아이콘만, AI 주변에 살짝.

프롬프트 (Nano Banana Pro, 그대로 복붙)

첨부한 김민지씨 레퍼런스 이미지를 캐릭터 모델 시트로 사용해 일러스트를 만들어줘. 그림체와 복장은 첨부 이미지와 완전히 동일 — 한국 웹툰/세미리얼 애니메 셀셰이딩, 깔끔한 1.5–2px 라인아트, 30대 어른 비율(머리 약 1/6.5 of body, chibi 절대 금지), 긴 다크 브라운 머리를 낮은 포니테일 + 사이드 스트랜드, 연한 회색 버튼업 칼라 셔츠 + 같은 톤 얇은 카디건, 다크 슬림 트라우저. 안경 절대 금지. 표정은 살짝 자랑스러운 듯한 따뜻한 미소.

이 컷의 핵심은 "김민지씨가 AI 봇에게 한 줄 부탁하니 AI 봇이 그 자리에서 인포그래픽을 막 만들어 들고 자랑하는 1:1 순간"이야. Step 1 컷과 같은 구도. AI를 UI 패널·Artifact 사이드바·결과 카드 chrome으로 표현하지 마. AI는 살아 있는 캐릭터.

장면 구성 (16:9 가로, 1920×1080), 다크 네이비 #1D242B 배경:

[공간 — 책상 한쪽]
김민지씨가 책상 옆에 살짝 비스듬히 서거나 의자에 살짝 기댄 자세. 한 손은 손바닥을 위로 향해 살짝 펼치고("이거 좀 만들어줘" 가벼운 디렉팅 제스처), 다른 손은 옆에. 시선은 옆에 떠 있는 AI 봇과 그가 들고 있는 인포그래픽을 부드럽게 향해.

[AI 봇 — 김민지씨 어깨 높이 / 책상 위]
푸른빛(#3BA8FF) 둥근 구름-로봇 마스코트(검은 점눈 두 개, 안테나에 별 스파클)가 김민지씨 옆에 떠 있어. 이 컷에서 마스코트는 "방금 막 한 장 만들어낸 작은 아티스트" 분위기:
- 한 손에 작은 픽셀 망치 또는 매직 완드 / 작은 붓 (방금 작업한 흔적)
- 다른 손으로 막 완성한 인포그래픽 카드를 살짝 들어 보이거나 카드 위로 가리키며 자랑
- 안테나 별 스파클이 평소보다 살짝 더 빛남
- 살짝 앞으로 기울인 자랑스러운 자세, "어때요?" 하는 친근한 미소

[인포그래픽 카드 — AI 봇이 들고 있거나 옆에 띄움]
AI 봇 옆/위에 정사각형 인포그래픽 카드 한 장이 살짝 비스듬히 떠 있어. 이 카드는 큰 UI 패널 안에 갇혀 있지 않아 — AI가 손으로 받쳐들고 자랑하는 작은 오브젝트야. 카드 자체 디자인:
- 카드 배경 #14181E 그라데이션, 1.5px 푸른 보더, 둥근 모서리
- 좌상단 큰 헤더 "Hello May 회고" (Pretendard SemiBold 32px, #E8ECF0)
- 우상단 작은 캘린더 아이콘 + "2026.05" 라벨 (#C9D1D9)
- 중앙 KPI 3종 가로 배치:
  ① "230만" / "노출" — 파란색 #068FFF 강조
  ② "1,400" / "전환" — 노란색 #FFD166 강조
  ③ "4.3x" / "ROAS" — 파란색 #3BA8FF 강조
  (숫자 Pretendard Bold 40px급, 라벨 Medium 12px #C9D1D9)
- 하단 작은 미니 막대 그래프(파란 그라데이션) + "매출 5,160만 · +14.7% YoY" 캡션 (Medium 12px #E8ECF0)
- 우하단 작은 워터마크 "made with AI" (Regular 9px, #8D9194 50%)
- 카드 주변에 작은 작업 파티클(★, 픽셀 도트, +, ●) 살짝 흩날림

⚠️ 핵심 — 카드 외부에 "Artifact" 탭 라벨 / "예시 화면" 노란 알약 태그 / 사이드 패널 chrome 일체 그리지 마. 인포그래픽은 그냥 AI가 자랑하는 독립 오브젝트야.

[부속 결과물 — 작은 떠다니는 썸네일]
AI 봇 또는 인포그래픽 카드 주변(살짝 뒤편이나 아래)에 작은 떠다니는 썸네일 아이콘 3개가 50% opacity 정도로 흐릿하게 — "이 외에도 만들 수 있어요" 느낌:
- 📄 PDF 보고서 (작은 문서 아이콘)
- 🟦 SNS 카드 (작은 정사각형 카드 아이콘)
- ▶ 영상 클립 (작은 재생 버튼 아이콘)
텍스트 라벨 없이 아이콘만. 인포그래픽 카드보다 훨씬 작고 흐릿하게.

[김민지씨 옆 — 요청 말풍선]
둥근 사각형 말풍선. 배경 #1F2933, 1.5px 푸른 테두리 #3BA8FF, 옅은 푸른 글로우. 꼬리는 김민지씨 입 방향. 김민지씨가 친구한테 부탁하듯 던지는 자연 발화 한 줄을 Pretendard, #E8ECF0, 좌측 정렬, 줄간격 1.55로 정확히 렌더(짧게):

  이 캠페인 결과로 인포그래픽
  한 장 뽑아줄 수 있어?

⚠️ 절대 금지 — 말풍선 안에 "데이터: 노출 230만 / CTR 2.1%..." 같은 KPI 숫자, "Hello May 회고" 같은 헤더 명세, "다크 배경 + 블루·옐로우 액센트" 같은 스타일 디렉팅을 박지 마라. 그건 슬라이드 단 좌측 prompt 카드 영역. 말풍선은 입으로 부탁하는 톤만.

⚠️ 절대 금지 (이 컷에서):
- "Artifact" 탭 라벨 / "예시 화면" 노란 알약 태그 / 사이드 UI 패널 chrome
- AI 봇이 UI 패널 안에 갇혀 있거나 패널 아래 작게 분리되어 있는 구도
- 김민지씨가 카메라 밖이나 빈 공간을 응시하는 단독 컷 (반드시 AI 쪽 향함)
- 클래스 자체에 대한 메타 설명 텍스트

스타일·색감: 한국 웹툰 세미리얼 애니메, 부드러운 셀셰이딩. 다크 #1D242B 배경. 김민지씨 쪽 책상 램프 따뜻한 키라이트, AI 봇과 인포그래픽 쪽 푸른·노란 임팩트 림라이트. 분위기는 "한 줄 부탁했는데 옆에 있던 친구가 1분 만에 만들어 자랑하는 작은 순간".

피해야 할 것 (캐릭터): chibi/큰머리/디즈니풍 큰 눈, 안경, 베이지 오버사이즈 카디건, 후드티, 단발/양갈래, 실제 ChatGPT·Claude·OpenAI·Anthropic 로고 이미지, 영어 UI 라벨, 한글 깨짐.

출력: 1920×1080, 16:9, dark mode #1D242B.

안정성 우선 변형 (텍스트 비우고 슬라이드 오버레이)

위 프롬프트에서 한글 텍스트 부분 교체:

김민지씨 말풍선 안 → "말풍선 안은 비워둬. 빈 면. 슬라이드 오버레이."
인포그래픽 카드 안 헤더/KPI/캡션 → "카드 안 텍스트는 모두 비워. 작은 placeholder 라인과 미니 차트 막대 윤곽만. 슬라이드 오버레이."

슬라이드 오버레이 텍스트 (원본):

왼쪽 말풍선 본문 (그림 안 — 자연 발화 1~2문장)

이 캠페인 결과로 인포그래픽
한 장 뽑아줄 수 있어?

슬라이드 좌측 풀프롬프트 카드 (그림 밖, 슬라이드 단 별도 영역)

5월 마케팅 캠페인 결과로 정사각형 인포그래픽 카드를 HTML/SVG로 만들어줘.
우측 Artifact 패널에서 바로 볼 수 있게.

데이터: 노출 230만 / CTR 2.1% / 전환 1,400 / ROAS 4.3x / 매출 5,160만(+14.7%)
스타일은 다크 배경 + 블루·옐로우 액센트, 임원 보고용 톤.
헤더 "Hello May 회고", 핵심 숫자 세 개는 큰 폰트로 강조.

인포그래픽 카드 내 텍스트:

헤더: Hello May 회고
우상단: 📅 2026.05
KPI 3종: 230만 / 노출 · 1,400 / 전환 · 4.3x / ROAS
하단 캡션: 매출 5,160만 · +14.7% YoY
우하단 워터마크: made with AI

디자인 토큰

카드 헤더: Pretendard SemiBold 32px, #E8ECF0
KPI 숫자: Pretendard Bold 40px (색 강조: 블루/옐로우/블루)
KPI 라벨: Pretendard Medium 12px, #C9D1D9
캡션: Pretendard Medium 12px, #E8ECF0

QA 체크리스트

영향 파일

ai-basic-deck/slides.md (Step 4 슬라이드 22)
ai-basic-deck/assets/
handoff/seed-semiclass-ai-basic-automation.ts

Step 4 (슬라이드 22) — '캠페인 결과를 인포그래픽 한 장으로' 일러스트 프롬프트

Step 4 일러스트 — "캠페인 결과를 인포그래픽 한 장으로" (슬라이드 22)

첨부 필수

장면 의도 (NON-NEGOTIABLE)

프롬프트 (Nano Banana Pro, 그대로 복붙)

안정성 우선 변형 (텍스트 비우고 슬라이드 오버레이)

QA 체크리스트

영향 파일