# 디자인 브리프 — 컨셉 #19: 타겟 페르소나 카드 (Target Persona Card)

**작성일**: 2026-03-28
**작성자**: 아폴론 (콘텐츠 프로듀서) + 페이토 (CRO 카피라이터)
**캠페인**: T.O.P 사업단 FA 모집 — 리쿠르팅 앵글 A (정착지원금)
**파일명**: `concept-19-persona-card.png`
**저장 경로**: `/home/jay/workspace/output/meta-ads/concept-samples/`

---

## 절대 규칙

- **satori-cardnews 사용 절대 금지**
- **hybrid-image 또는 gemini-image만 사용** (본 컨셉: hybrid-image 권장)
- 금소법/보험업법 준수: 확정 수익 표현 금지, 공포 마케팅 금지
- 금지 표현: "방송DB", "챗GPT", "30종"

---

## 1. 컨셉 개요

**핵심 아이디어**: 원형 프로필 카드 3개를 수평으로 나란히 배치하여 "당신 같은 분들을 모집합니다"라는 포용적 메시지를 시각적으로 구현한다. 신입·경력직·전직 세 가지 페르소나를 각각의 카드로 표현함으로써, 광고를 보는 누구든 자신과 겹치는 카드 하나를 발견하게 만든다. 자기 동일시 효과(Self-identification Effect)를 통해 클릭 전환 장벽을 낮추는 것이 핵심 CRO 목표다.

**적합 용도**: 직군별 FA 모집 (경력직/신입/전직 3분류)
**복제 가능성**: 상 (페르소나 교체만으로 즉시 재활용 가능)
**구현 난이도**: 보통

---

## 2. 비주얼 디렉션

### 레이아웃

```
┌─────────────────────────────────────────────┐
│                 헤드라인 영역                  │  ← 상단 20%
│       "열심히는 하는데 소득은 제자리걸음인가요?"   │
├──────────────┬──────────────┬────────────────┤
│   [○ 신입]   │  [○ 경력직]  │   [○ 전직]     │  ← 중단 55%
│  ─────────  │  ─────────  │  ─────────    │
│  25-35세    │  30-50세    │  25-40세       │
│  금융관심    │  현직 FA    │  IT/마케팅/영업  │
│ ┌──────────┐│┌──────────┐│┌──────────┐   │
│ │신입 환영  ││ │경력 인정  ││ │전직 지원  │  │
│ └──────────┘│└──────────┘│└──────────┘   │
├─────────────────────────────────────────────┤
│          서브카피 + CTA 버튼 영역               │  ← 하단 25%
│     "신입 최대 1,000만원 · 경력 전 연봉 50%"    │
│         [ 지금 상담 신청하기 → ]               │
└─────────────────────────────────────────────┘
```

- **전체 구조**: Flexbox 3열, 열 간 간격 24px
- **카드**: 흰색(#FFFFFF) 라운드 카드(border-radius 20px), 미세 그림자(box-shadow: 0 4px 20px rgba(0,0,0,0.08))
- **프로필 이미지**: 원형 클리핑(border-radius 50%), 직경 120px, 카드 상단 중앙 배치. 이미지 하단 가장자리 카드 안쪽에 겹침(margin-top -60px) 처리
- **라벨 태그**: 카드 하단 중앙, pill 형태(border-radius 999px), 페르소나별 고유 색상

### 색상 팔레트

| 역할 | 색상 | 코드 |
|------|------|------|
| 배경 (전체) | 라이트 그레이 | `#F4F6FA` |
| 카드 배경 | 흰색 | `#FFFFFF` |
| 헤드라인 텍스트 | 딥 네이비 | `#0F1F4B` |
| 서브카피 텍스트 | 미디엄 그레이 | `#4B5563` |
| CTA 버튼 배경 | 브라이트 오렌지 | `#FF6B35` |
| CTA 버튼 텍스트 | 흰색 | `#FFFFFF` |
| 라벨 — 신입 환영 | 민트 그린 | `#10B981` |
| 라벨 — 경력 인정 | 로열 블루 | `#3B82F6` |
| 라벨 — 전직 지원 | 바이올렛 | `#8B5CF6` |
| 라벨 텍스트 | 흰색 | `#FFFFFF` |
| 브랜드 강조 라인 | 골드 | `#F59E0B` |
| 프로필 링 보더 | 골드 | `#F59E0B` |

### 폰트

| 역할 | 폰트 | 굵기 | 크기 |
|------|------|------|------|
| 헤드라인 | Pretendard | 800 (ExtraBold) | 44px |
| 페르소나 이름 | Pretendard | 700 (Bold) | 22px |
| 페르소나 설명 | Pretendard | 400 (Regular) | 15px |
| 라벨 태그 | Pretendard | 600 (SemiBold) | 14px |
| 서브카피 | Pretendard | 500 (Medium) | 18px |
| CTA 버튼 | Pretendard | 700 (Bold) | 20px |
| 브랜드 서브라인 | Pretendard | 400 (Regular) | 13px |

### 분위기 / 톤

- **밝고 신뢰감 있는 전문직 이미지**: 보험업계의 딱딱한 이미지를 탈피하고 "성장 가능한 커리어 플랫폼"으로 포지셔닝
- **포용적(Inclusive)**: 어떤 배경이든 자신을 찾을 수 있다는 시각적 신호
- **클린 SaaS 감성**: 과도한 장식 없이 정보가 명확히 전달되는 UI 카드 스타일
- **따뜻한 에너지**: 딱딱한 금융광고가 아닌 커리어 성장의 설렘을 표현

---

## 3. 카피

### 헤드라인 (Hook)

> **열심히는 하는데 소득은 제자리걸음인가요?**

- 위치: 이미지 상단 20% 영역, 중앙 정렬
- 폰트: Pretendard 800, 44px, #0F1F4B
- 참고: 질문형 훅으로 자기 문제 인식을 유도. 금소법 준수 — 고통 직시이지 공포 유발이 아님.

### 서브 헤드라인 (Sub-headline)

> **당신이 있는 자리에서, 지금 시작할 수 있습니다**

- 위치: 헤드라인 바로 아래, 카드 영역 위
- 폰트: Pretendard 500, 18px, #4B5563

### 지원 혜택 서브카피 (Support Copy)

> 신입 정착지원금 최대 1,000만원  ·  경력직 직전연봉 50%까지 지원
>
> ⚠ 2026년 7월 조건 변경 예정 — 지금이 가장 유리한 시점입니다

- 위치: 3개 카드 하단, CTA 버튼 위
- 폰트: Pretendard 500, 16px, #4B5563
- 긴급성 라인: Pretendard 500, 14px, #FF6B35 (오렌지 포인트)
- 주의: "최대", "까지" 표현 유지 — 확정 수익 표현 금지 준수

### CTA 버튼 텍스트

> **지금 상담 신청하기 →**

- 위치: 이미지 하단 중앙, 가로 360px × 세로 64px
- 배경: #FF6B35, border-radius: 12px
- 폰트: Pretendard 700, 20px, #FFFFFF
- 호버 예시 (참고용): background #E85A26

### 브랜드 서명 (Footer)

> **T.O.P 사업단** | 인카금융서비스 (코스닥 상장)

- 위치: 이미지 최하단 중앙
- 폰트: Pretendard 400, 13px, #9CA3AF
- 역할: 신뢰 앵커. 상장사임을 강조해 리드 품질 개선.

---

## 4. 3개 페르소나 프로필

### 페르소나 1 — 신입 (보험업 진입 희망자)

| 항목 | 내용 |
|------|------|
| 카드 제목 | **신입** |
| 라벨 | `신입 환영` (민트 그린 #10B981) |
| 연령 | 25–35세 |
| 직업/상황 | 금융·보험에 관심 있는 현직 직장인, 커리어 변화를 고민 중 |
| 카드 설명 텍스트 | "보험이 처음이어도\n정착지원금으로 안심 출발" |
| 프로필 링 색상 | 민트 그린 #10B981 |

**AI 이미지 생성 프롬프트 (Gemini)**:
```
Professional headshot of a Korean woman in her late 20s, warm confident smile,
neat business casual attire (light blue blouse), soft natural office lighting,
clean white or light gray background, shallow depth of field, realistic photo
style, high resolution portrait, approachable and optimistic expression,
no text, no watermarks
```

---

### 페르소나 2 — 경력직 (현직 보험설계사 이직)

| 항목 | 내용 |
|------|------|
| 카드 제목 | **경력직** |
| 라벨 | `경력 인정` (로열 블루 #3B82F6) |
| 연령 | 30–50세 |
| 직업/상황 | 더 나은 조건·수익 구조를 찾는 현직 FA, 이직을 고민 중 |
| 카드 설명 텍스트 | "지금까지의 경력,\n그대로 인정받으세요" |
| 프로필 링 색상 | 로열 블루 #3B82F6 |

**AI 이미지 생성 프롬프트 (Gemini)**:
```
Professional headshot of a Korean man in his early 40s, composed and confident
expression, slight smile, dark navy or charcoal suit with open collar,
natural indoor lighting with soft shadows, neutral light gray background,
realistic photo quality, mature professional look, experienced and trustworthy
appearance, no text, no watermarks
```

---

### 페르소나 3 — 전직 (경력 전환자)

| 항목 | 내용 |
|------|------|
| 카드 제목 | **전직** |
| 라벨 | `전직 지원` (바이올렛 #8B5CF6) |
| 연령 | 25–40세 |
| 직업/상황 | IT·마케팅·영업 등 타 업종에서 전환 희망, 새 커리어 탐색 중 |
| 카드 설명 텍스트 | "다른 업종 경험이\n오히려 강점이 됩니다" |
| 프로필 링 색상 | 바이올렛 #8B5CF6 |

**AI 이미지 생성 프롬프트 (Gemini)**:
```
Professional headshot of a Korean woman in her early 30s, energetic and
forward-looking expression, smart casual attire (soft blazer over simple top),
dynamic but clean background in light warm gray, natural studio lighting,
realistic photo style, slightly creative energy while remaining professional,
suggests career confidence and readiness for new challenge, no text, no watermarks
```

---

## 5. 구현 방법 (hybrid-image)

### 전체 파이프라인

```
Step 1: Gemini로 프로필 사진 3장 개별 생성
         → persona-1-sinip.jpg
         → persona-2-career.jpg
         → persona-3-transfer.jpg

Step 2: HTML 템플릿에 이미지 embed (base64 또는 로컬 경로)

Step 3: hybrid-image 스킬로 HTML → 1080x1080px PNG 렌더링
         → concept-19-persona-card.png
```

### HTML 구조 스케치

```html
<div class="wrapper">           <!-- 1080x1080, background: #F4F6FA -->

  <!-- 상단: 헤드라인 블록 -->
  <header class="headline-block">
    <h1>열심히는 하는데 소득은 제자리걸음인가요?</h1>
    <p class="sub-headline">당신이 있는 자리에서, 지금 시작할 수 있습니다</p>
  </header>

  <!-- 중단: 3열 Flexbox 페르소나 카드 -->
  <div class="cards-row">
    <div class="persona-card" id="sinip">
      <div class="avatar-ring mint">
        <img src="persona-1-sinip.jpg" class="avatar-img" />
      </div>
      <div class="card-body">
        <h2 class="persona-name">신입</h2>
        <p class="persona-desc">보험이 처음이어도<br>정착지원금으로 안심 출발</p>
        <span class="label-tag mint-bg">신입 환영</span>
      </div>
    </div>

    <!-- 경력직 카드, 전직 카드도 동일 구조 반복 -->
  </div>

  <!-- 하단: 서브카피 + CTA -->
  <footer class="cta-block">
    <p class="benefit-copy">
      신입 정착지원금 최대 1,000만원 · 경력직 직전연봉 50%까지 지원
    </p>
    <p class="urgency">⚠ 2026년 7월 조건 변경 예정 — 지금이 가장 유리한 시점입니다</p>
    <button class="cta-btn">지금 상담 신청하기 →</button>
    <p class="brand-footer">T.O.P 사업단 | 인카금융서비스 (코스닥 상장)</p>
  </footer>

</div>
```

### 핵심 CSS 패턴

```css
/* 원형 이미지 클리핑 */
.avatar-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #F59E0B; /* 골드 링 */
}

/* 페르소나 카드 */
.persona-card {
  background: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 32px 24px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* 3열 Flexbox */
.cards-row {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
  padding: 0 40px;
}

/* 라벨 태그 (Pill) */
.label-tag {
  border-radius: 999px;
  padding: 6px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
.mint-bg   { background: #10B981; }
.blue-bg   { background: #3B82F6; }
.violet-bg { background: #8B5CF6; }
```

### hybrid-image 호출 파라미터 (참고)

```
- tool: hybrid-image
- background_source: CSS (#F4F6FA 단색) — Gemini 배경 불필요
- persona_images: Gemini 개별 생성 3장 embed
- output_size: 1080x1080
- output_path: /home/jay/workspace/output/meta-ads/concept-samples/concept-19-persona-card.png
```

---

## 6. 기술 사양

### 출력 사양

| 항목 | 사양 |
|------|------|
| 파일 형식 | PNG |
| 사이즈 | 1080 × 1080 px |
| 해상도 | 72 dpi (Meta 광고 표준) |
| 색상 모드 | sRGB |
| 파일명 | `concept-19-persona-card.png` |

### 폰트 사양 (요약)

| 요소 | 폰트 | Weight | Size | Color |
|------|------|--------|------|-------|
| 헤드라인 | Pretendard | 800 | 44px | #0F1F4B |
| 서브 헤드라인 | Pretendard | 500 | 18px | #4B5563 |
| 페르소나 이름 | Pretendard | 700 | 22px | #0F1F4B |
| 페르소나 설명 | Pretendard | 400 | 15px | #4B5563 |
| 라벨 태그 | Pretendard | 600 | 14px | #FFFFFF |
| 혜택 서브카피 | Pretendard | 500 | 16px | #4B5563 |
| 긴급성 문구 | Pretendard | 500 | 14px | #FF6B35 |
| CTA 버튼 | Pretendard | 700 | 20px | #FFFFFF |
| 브랜드 서명 | Pretendard | 400 | 13px | #9CA3AF |

### 색상 코드 (전체)

| 이름 | HEX | 사용처 |
|------|-----|--------|
| 딥 네이비 | `#0F1F4B` | 헤드라인, 페르소나 이름 |
| 라이트 그레이 | `#F4F6FA` | 전체 배경 |
| 화이트 | `#FFFFFF` | 카드 배경, 라벨/CTA 텍스트 |
| 미디엄 그레이 | `#4B5563` | 서브카피, 설명 텍스트 |
| 라이트 그레이 2 | `#9CA3AF` | 브랜드 서명 |
| 브라이트 오렌지 | `#FF6B35` | CTA 버튼 배경, 긴급성 텍스트 |
| 골드 | `#F59E0B` | 프로필 링 보더, 강조 라인 |
| 민트 그린 | `#10B981` | 신입 라벨, 프로필 링 |
| 로열 블루 | `#3B82F6` | 경력직 라벨, 프로필 링 |
| 바이올렛 | `#8B5CF6` | 전직 라벨, 프로필 링 |

### 여백 및 간격 시스템

| 항목 | 값 |
|------|-----|
| 전체 패딩 (좌우) | 40px |
| 카드 간 간격 | 24px |
| 카드 내부 패딩 | 32px 상 / 24px 좌우 / 28px 하 |
| 헤드라인 하단 여백 | 28px |
| CTA 버튼 상단 여백 | 20px |
| 카드 border-radius | 20px |
| 라벨 border-radius | 999px (pill) |
| CTA 버튼 border-radius | 12px |

---

## 7. A/B 테스트 변형 아이디어

본 컨셉은 복제 가능성이 높아 아래 변형을 즉시 제작할 수 있다.

| 변형 | 변경 내용 | 예상 효과 |
|------|----------|----------|
| **B안: 배경 이미지** | CSS 단색 배경 → Gemini로 밝은 오피스 공간 배경 생성 | 현실감↑, 클릭률 변화 측정 |
| **C안: 카드 2개** | 3개 → 신입+경력직 2개로 압축, 각 카드 크기 확대 | 집중도↑, 심플함↑ |
| **D안: 헤드라인 변형** | 질문형 → 선언형 "당신이 딱 맞는 자리가 있습니다" | 톤 차이 CTR 비교 |
| **E안: 라벨 위치** | 카드 하단 → 카드 좌상단 뱃지 스타일 | 스캔 패턴 변화 측정 |

---

*본 브리프는 금소법 및 보험업법 준수 검토 완료 기준으로 작성되었습니다.*
*확정 수익 약속 표현("반드시", "확실히" 등) 없음 / "최대", "까지" 범위 표현 사용 / 공포 마케팅 요소 없음.*