# DQ 평가 보고서 — Phase 3 배너 v2 (6종)
**평가자:** 로키 (보안/QC 전문가)
**평가일:** 2026-04-04
**평가 기준:** DQ 10항목 x 10점 = 100점 만점 / PASS 기준 93점
**평가 대상:** Cell-1 (인카금융서비스 TOP사업단), Cell-4 (GA 이직 가이드), Cell-7 (서울대보험쌤)
**v1 대비 변경 사항 확인:** HTML 소스 + 렌더링 결과 동시 검증
---
## v1 대비 주요 변경점 요약
v1과 v2의 HTML 소스 및 렌더링 결과를 비교한 결과, **구조적으로 동일한 배너**임을 확인한다. v1 평가에서 지적된 핵심 이슈들의 수정 여부:
| v1 이슈 | 수정 여부 | 근거 |
|---------|:--------:|------|
| google-resp 여백 불균형 | 미수정 | 1200x628 레이아웃 구조 동일 (좌측 62% text-area) |
| Cell-4 "1200% 룰" 줄바꿈 | **수정됨** | `white-space: nowrap` 적용, 1줄 처리 확인 |
| Cell-7 "검증된 조직" 줄바꿈 | **부분 수정** | 1080에서 별도 `.sub-copy-2` 클래스로 분리; 1200에서는 `
` 후 "정착지원금 \| 검증된 조직" 2줄 처리 |
| Cell-1 파이프 기호 정렬 | **수정됨** | `
` 태그로 2줄 의도적 분리, 파이프 제거 |
**결론:** v2는 v1 대비 서브카피 줄바꿈 이슈 일부 개선되었으나, 1200x628 레이아웃 구조 자체는 미변경. 평가는 현재 렌더링 결과 기준으로 독립적으로 수행한다.
---
## 1. Cell-1 -- 인카금융서비스 TOP사업단
### 1-A. meta-feed-1080x1080.png
| DQ# | 항목 | 점수 | 관찰 포인트 |
|-----|------|:----:|------------|
| DQ-01 | 레퍼런스 재현도 | 9 | 포토리얼 배경(계약서/도장/봉투가 있는 사무 데스크) 위에 크림색 반투명 패널. 프리미엄 금융 느낌 적절히 구현. "같은 계약, 수수료가 왜 다른가요?" 질문형으로 3초 내 핵심 전달. 배경이 다소 어두워 패널과의 대비는 좋으나 배경 자체의 디테일이 흐릿해 포토리얼 재현도 소폭 감점. |
| DQ-02 | 시각적 계층구조 | 9 | 뱃지(골드 배경 40px) -> 헤드라인(60px bold) -> 서브카피(44px medium) -> CTA(48px bold 골드 버튼) 4단 계층 명확. 골드 강조 키워드 "다른가요?"가 시선 앵커 역할. gap: 28px 일정한 간격으로 단락 구분 우수. |
| DQ-03 | 프로 완성도 | 9 | 텍스트 오버플로우 없음. 패널 width 860px, padding 48px 양측 = 콘텐츠 영역 764px. 서브카피 `white-space: nowrap`으로 줄바꿈 제어. CTA 버튼 height 76px, min-width 360px으로 패널 내 안정적 수용. 서브카피 2줄을 `
`로 의도적 분리하여 v1의 파이프 정렬 문제 해소. 유일한 감점: 서브카피 2줄 간 줄 높이가 기본 line-height에 의존(별도 설정 없음)하여 줄 간격이 다소 타이트. |
| DQ-04 | 피드 차별화 | 8 | 크림색 반투명 패널 + 어두운 사무 배경 조합은 일반 금융 광고(파란색/흰색 계열) 대비 차별적. 그러나 패널 중심의 텍스트 위주 구조로 시각적 서프라이즈 요소(숫자 강조, 아이콘, 인물 등) 부재. 스크롤 멈춤 유발력은 중상. |
| DQ-05 | 감정적 임팩트 | 9 | "왜 다른가요?" 질문이 분노(불공정 인식) + 호기심(답을 알고 싶은 충동) 이중 자극. 골드색 강조가 "돈/보상"의 시각적 메타포로 감정 증폭. 텍스트 전용 구조여서 인물/상황 이미지에 의한 공감 레이어 부재 (-1). |
| DQ-06 | 여백/밸런스 | 9 | 패널 `top:50%; transform: translate(-50%,-50%)`로 정확한 세로 중앙 배치. 패널 배경 노출이 상하좌우 균등(약 110px). padding 56px(상하) x 48px(좌우)로 내부 여백 균형. v1 대비 CTA 하단 여백 문제 개선 확인 -- gap: 28px 균등 적용으로 하단 쏠림 해소. |
| DQ-07 | 색상 가시성/조화 | 9 | 크림 패널(rgba 255,248,231,0.82) 위 다크 브라운 텍스트(#3E2723): 대비율 약 10:1 (AAA 충족). 골드(#C9A84C) 대 크림 배경: 대비율 약 3.2:1 (AA Large 충족, AAA 미달). 3색 팔레트(크림/골드/다크브라운) 일관성 우수. |
| DQ-08 | 타이포그래피 | 9 | 헤드라인 60px (기준 60px 충족). 서브카피 44px. 비율: 60/44 = 1.36배 (기준 1.3배 이상 충족). 줄바꿈: "같은 계약," / "수수료가 왜 다른가요?" -- 의미 단위 자연스러움. 서브카피: "정착지원금 최대 1,000만원" / "경력직 직전연봉 50% 지원" -- 항목별 1줄씩 의미 단위 분리 양호. |
| DQ-09 | CTA 효과성 | 10 | 골드 그라디언트 배경(#C9A84C -> #D4B87A), 크림 패널 대비 명확. " ->" 포함. "수익 구조 지금 확인" -- 구체적 행동 언어 + 긴급성("지금"). box-shadow로 입체감. 패널 중앙 정렬로 시선 최종 도달점 역할 수행. |
| DQ-10 | 브랜드 일관성 | -- | (Cell-1 공동 평가) |
**소계 (DQ-10 제외, 9항목):** 81/90
---
### 1-B. google-resp-1200x628.png
| DQ# | 항목 | 점수 | 관찰 포인트 |
|-----|------|:----:|------------|
| DQ-01 | 레퍼런스 재현도 | 9 | 포토리얼 배경(모던 라운지/오피스)이 우측 65%에 배치, 좌->우 그라디언트 오버레이로 자연스러운 블렌딩. 프리미엄 금융 오피스 분위기 적합. 3초 메시지 전달 유지. |
| DQ-02 | 시각적 계층구조 | 9 | 뱃지(좌상단) -> 헤드라인(54px) -> 서브카피(44px) -> CTA(44px 버튼) 좌측 정렬 4단 계층. 좌측 4px 골드 accent-bar가 시각적 정렬 축 역할. 각 요소 간 gap: 20px 일정. |
| DQ-03 | 프로 완성도 | 9 | 텍스트 오버플로우 없음. text-area width 62%(=744px), padding 60px 좌 + 56px 우 = 콘텐츠 영역 628px. 서브카피 `white-space: nowrap`으로 한 줄 처리. CTA 높이 56px, 내부 padding 적절. v1의 "CTA 하단 빈 공간 30%" 이슈: 현재 `justify-content: center`로 수직 중앙 정렬 -- 상하 여백 균등 분배. |
| DQ-04 | 피드 차별화 | 8 | 좌측 네이비 + 우측 밝은 오피스 배경 그라디언트 전환이 Google Display 지면에서 시각 차별화. 그러나 우측 배경이 그라디언트에 의해 과도하게 페이드되어 배경 디테일 가시성 낮음. |
| DQ-05 | 감정적 임팩트 | 9 | 1080 동일 카피로 분노+호기심 유지. 54px 헤드라인이 가로형에서도 충분한 크기(기준 54px 정확 충족). 네이비 배경 + 골드 텍스트의 고대비가 긴장감 유지. |
| DQ-06 | 여백/밸런스 | 8 | 좌측 62% 콘텐츠 + 우측 38% 배경: 기준 좌60:우40에 근접(62:38). `justify-content: center`로 수직 중앙 정렬 양호. 좌측 accent-bar(top:80px, height:460px)가 패딩 역할. 감점: 하단 여백이 상단 대비 약간 넓어 콘텐츠가 수직 중심선보다 소폭 상단 편향. |
| DQ-07 | 색상 가시성/조화 | 9 | 네이비 배경(rgba 10,22,40,0.95) 위 크림 헤드라인(#FFF8E7): 대비율 약 15:1 (AAA 충족). 골드 서브카피(#C9A84C) 대 네이비: 대비율 약 6.5:1 (AAA 충족). |
| DQ-08 | 타이포그래피 | 9 | 헤드라인 54px (기준 54px 정확 충족). 서브카피 44px. 비율: 54/44 = 1.23배 -- **기준 1.3배 미달** (-1). 그러나 줄바꿈 위치("같은 계약," / "수수료가 왜 다른가요?")는 의미 단위로 양호. 서브카피 2줄 `
` 처리도 자연스러움. 비율 미달이나 가로형에서 서브카피 44px는 가독성 충분. |
| DQ-09 | CTA 효과성 | 9 | 골드 그라디언트 CTA, 네이비 배경 대비 높은 시인성. " ->" 포함, "수익 구조 지금 확인" 행동 언어. `align-self: flex-start`로 좌측 정렬 -- 텍스트 흐름의 자연스러운 종착점. 높이 56px로 1080 대비 작지만 가로형 비례상 적절. |
| DQ-10 | 브랜드 일관성 | -- | (공동 평가) |
**소계 (DQ-10 제외, 9항목):** 79/90
---
### Cell-1 DQ-10 브랜드 일관성 평가
| 평가 요소 | 점수 | 근거 |
|-----------|:----:|------|
| DQ-10 브랜드 일관성 | 9 | 색상: 골드(#C9A84C) + 네이비/다크 브라운 양 포맷 일치. 뱃지: "인카금융서비스 TOP사업단" 골드 배경 + 다크 텍스트 동일. CTA: "수익 구조 지금 확인 ->" 골드 그라디언트 동일. 헤드라인 카피/줄바꿈 위치 100% 일치. 서브카피 내용 100% 일치, 2줄 처리 방식도 동일(`
` 사용). 레이아웃 구조: 1080=중앙 패널, 1200=좌측 정렬이나 이는 포맷 특성에 따른 의도적 변환으로 디자인 시스템 통일성 유지. 폰트 weight/family 동일(Pretendard 700/500). |
**Cell-1 최종 점수:**
- meta-feed-1080x1080: 81 + 9 = **90점** -- FAIL (93점 미달, 3점 부족)
- google-resp-1200x628: 79 + 9 = **88점** -- FAIL (93점 미달, 5점 부족)
**Cell-1 핵심 감점 요인:**
1. DQ-04 피드 차별화: 텍스트 위주 구조로 시각 서프라이즈 부재 (양 포맷 8점)
2. DQ-08 타이포 비율: 1200 포맷 헤드/서브 비율 1.23배 (기준 1.3배 미달)
3. DQ-05/01: 인물/상황 이미지 없이 텍스트만으로 감정 전달 (공감 레이어 1겹 얇음)
---
## 2. Cell-4 -- GA 이직 가이드 (보험설계사 이직 가이드)
### 2-A. meta-feed-1080x1080.png
| DQ# | 항목 | 점수 | 관찰 포인트 |
|-----|------|:----:|------------|
| DQ-01 | 레퍼런스 재현도 | 9 | 붉은 조명의 도시 야경 배경 + 다크 반투명 패널(rgba 13,13,13,0.82). 긴박한 분위기의 금융/리쿠르팅 광고 느낌 적합. 레드 글로우 효과(radial-gradient)가 긴장감 추가. "GA 이동 전, 이것부터 확인하세요" 3초 메시지 전달 우수. |
| DQ-02 | 시각적 계층구조 | 9 | 뱃지(레드 배경 40px) -> 헤드라인(68px ExtraBold) -> 레드 구분선(red-divider) -> 서브카피(46px SemiBold) -> CTA(46px Bold 레드 버튼) 5단 계층. 구분선이 계층 전환 신호로 기능. "이것부터" 레드 강조가 시선 앵커. |
| DQ-03 | 프로 완성도 | 9 | 텍스트 오버플로우 없음. 서브카피 `white-space: nowrap`과 인라인 `|` 구분자로 1줄 처리 확정 -- v1의 "1200% 룰" 줄바꿈 문제 **해결 확인**. CTA padding 22px 48px, 패널 내 안정적 수용. red-divider가 콘텐츠 구역을 시각적으로 분리하여 정돈감 강화. 유일한 감점: 서브카피 3개 항목이 `|`로 나열되어 작은 디바이스 리사이즈 시 오버플로우 리스크 (현재 1080 고정이므로 실질적 문제 없음, 잠재 리스크로만 기록). |
| DQ-04 | 피드 차별화 | 10 | 레드+블랙 강렬한 배색이 피드에서 즉각적 시선 정지 유발. 도시 야경 + 레드 글로우 조합이 긴박한 분위기 연출. red-divider라는 구조적 차별 요소 보유. 경쟁 보험 광고(보수적 파란색/흰색) 대비 극명한 대비. |
| DQ-05 | 감정적 임팩트 | 10 | "이동 전 확인" 프레이밍 = 두려움(놓치면 손해). "이것부터" 레드 강조 = 경고 신호. 도시 야경 + 레드 글로우 = 위기/전환점의 시각적 메타포. 분노("왜 아무도 안 알려줬지") + 두려움("모르고 이동하면 손해") 이중 감정 증폭 탁월. |
| DQ-06 | 여백/밸런스 | 8 | 패널 `top:50%; transform: translate(-50%,-50%)` 정확한 세로 중앙 배치. 패널 width 860px, 캔버스 1080px, 좌우 여백 각 110px 균등. 감점: 패널 내부 gap: 24px이나 5개 요소(뱃지/헤드/구분선/서브/CTA)가 모두 밀집되어 패널 높이 대비 콘텐츠 밀도 높음. 패널 상단과 배경 상단 사이 여백(약 110px)이 충분하나, 패널 내부 padding 56px에 5개 요소가 들어가 약간 빽빽한 인상. |
| DQ-07 | 색상 가시성/조화 | 9 | 다크 패널(rgba 13,13,13,0.82) 위 흰색 텍스트: 대비율 약 18:1 (AAA 충족). 레드(#EF3B24) 대 다크 패널: 대비율 약 5.2:1 (AA 충족). 레드+블랙+흰색 3색 팔레트 일관. CTA, 뱃지, 헤드라인 강조 모두 동일 레드 사용. |
| DQ-08 | 타이포그래피 | 9 | 헤드라인 68px (기준 60px 이상 -- 초과 충족). 서브카피 46px. 비율: 68/46 = 1.48배 (기준 1.3배 이상 충족). 줄바꿈: "GA 이동 전," / "이것부터 확인하세요" 의미 단위 완벽. 서브카피 1줄 `|` 나열도 3개 항목의 간결한 목록으로 자연스러움. |
| DQ-09 | CTA 효과성 | 10 | 레드(#EF3B24) 배경 CTA, 다크 패널 대비 극명한 시인성. box-shadow(rgba 239,59,36,0.45)로 글로우 효과. " ->" 포함. "조건 비교 지금 확인" -- 구체적 행동 + 긴급성. padding 22px 48px로 터치 영역 충분. |
| DQ-10 | 브랜드 일관성 | -- | (Cell-4 공동 평가) |
**소계 (DQ-10 제외, 9항목):** 83/90
---
### 2-B. google-resp-1200x628.png
| DQ# | 항목 | 점수 | 관찰 포인트 |
|-----|------|:----:|------------|
| DQ-01 | 레퍼런스 재현도 | 9 | 도시 야경(빗속 교차로, 차량 불빛)이 우측에 자연스럽게 배치. 좌->우 다크 그라디언트로 블렌딩. 1080과 동일한 긴박한 분위기 유지. |
| DQ-02 | 시각적 계층구조 | 9 | 뱃지(좌상단) -> 헤드라인(62px) -> 서브카피(44px) -> CTA(44px) 좌측 정렬 4단 계층. 좌측 4px 레드 accent-bar가 정렬 축. gap: 20px 일정. 1080의 구분선(red-divider)은 가로형에서 생략되었으나 계층 구분에 문제 없음. |
| DQ-03 | 프로 완성도 | 9 | v1의 "1200% 룰" 줄바꿈 문제 **해결 확인**: `white-space: nowrap` 적용, 서브카피 "정착지원금 조건 \| 수수료율 \| 1200% 룰" 한 줄 처리. content-area width 760px, padding-left 64px + text-stack padding-left 28px = 좌측 여백 92px, 충분한 콘텐츠 공간. CTA `align-self: flex-start` 좌측 정렬로 텍스트 흐름 자연스러움. |
| DQ-04 | 피드 차별화 | 9 | 비오는 도시 교차로 야경이 Google Display에서 시각 임팩트 강함. 레드 글로우 + 도시 불빛 반사의 시너지. 경쟁 광고 대비 분위기/색감 차별화 우수. 1080 대비 구분선 부재로 소폭 임팩트 감소. |
| DQ-05 | 감정적 임팩트 | 9 | 1080과 동일 카피. 62px 헤드라인이 가로형에서도 충분한 크기(기준 54px 초과). "이것부터" 레드 강조 유지. 비오는 야경이 불확실성/전환기의 정서적 배경으로 기능. |
| DQ-06 | 여백/밸런스 | 8 | content-area 760px / 1200px = 63.3%, 기준 좌60:우40에 근접. `align-items: center`로 수직 중앙 정렬. accent-bar top:60px ~ bottom:60px으로 상하 대칭. 감점: 콘텐츠가 좌측 정렬이므로 우측 36.7%가 순수 배경. 배경 이미지가 이 영역을 채우나 텍스트 콘텐츠 관점에서는 좌편향. |
| DQ-07 | 색상 가시성/조화 | 9 | 다크 그라디언트(rgba 13,13,13,0.85) 위 흰색 텍스트: 대비율 약 17:1 (AAA). 레드 강조/CTA 대비율 AA 이상. 1080과 동일 팔레트 일관. |
| DQ-08 | 타이포그래피 | 9 | 헤드라인 62px (기준 54px 이상 -- 초과 충족). 서브카피 44px. 비율: 62/44 = 1.41배 (기준 1.3배 이상 충족). 줄바꿈 의미 단위 양호. v1의 "1200%" 분리 문제 해결 확인. |
| DQ-09 | CTA 효과성 | 9 | 레드 CTA, 다크 배경 대비 높은 시인성. " ->" 포함, "조건 비교 지금 확인" 행동 언어. padding 20px 44px. box-shadow 글로우. `align-self: flex-start`로 좌측 정렬 자연스러움. 1080 대비 CTA 크기 약간 작으나 가로형 비례상 적절. |
| DQ-10 | 브랜드 일관성 | -- | (공동 평가) |
**소계 (DQ-10 제외, 9항목):** 80/90
---
### Cell-4 DQ-10 브랜드 일관성 평가
| 평가 요소 | 점수 | 근거 |
|-----------|:----:|------|
| DQ-10 브랜드 일관성 | 9 | 색상: 레드(#EF3B24) + 블랙(#0D0D0D) 양 포맷 정확 일치. 뱃지: "보험설계사 이직 가이드" 레드 배경 동일. CTA: "조건 비교 지금 확인 ->" 레드 버튼 동일. 헤드라인 카피/줄바꿈 위치 100% 일치. 서브카피 내용 100% 일치 (3항목 `|` 구분). "이것부터" 레드 강조 처리 양 포맷 동일. 1080=중앙 패널+구분선, 1200=좌측 정렬(구분선 없음)이나 포맷 특성 변환으로 시스템 일관성 유지. accent-bar 색상(레드) 통일. |
**Cell-4 최종 점수:**
- meta-feed-1080x1080: 83 + 9 = **92점** -- FAIL (93점 미달, 1점 부족)
- google-resp-1200x628: 80 + 9 = **89점** -- FAIL (93점 미달, 4점 부족)
**Cell-4 핵심 감점 요인:**
1. DQ-06 여백/밸런스: 1080 패널 내 5개 요소 밀집감, 1200 좌편향 (양 포맷 8점)
2. DQ-01: 1080의 배경 야경이 패널에 가려 디테일 노출 부족
3. DQ-04 1200: 구분선(red-divider) 미포함으로 1080 대비 구조적 차별 요소 1개 감소
---
## 3. Cell-7 -- 서울대보험쌤
### 3-A. meta-feed-1080x1080.png
| DQ# | 항목 | 점수 | 관찰 포인트 |
|-----|------|:----:|------------|
| DQ-01 | 레퍼런스 재현도 | 10 | 서재/도서관 배경(원목 책장, 가죽 소파, 체크무늬 의자)이 "학술적 권위 + 따뜻한 전문성" 연출에 탁월. 크림 패널(rgba 255,248,231,0.82)이 고서적 느낌과 자연스럽게 조화. 프리미엄 금융 느낌 + 교육자 포지셔닝의 이중 메시지 3초 전달. |
| DQ-02 | 시각적 계층구조 | 9 | 뱃지(골드 40px) -> 헤드라인(60px bold) -> 서브카피-1(44px "경력직...정착지원금") -> 서브카피-2(44px "검증된 조직") -> CTA(48px 골드 버튼) 5단 계층. 골드 강조 "바꿨어요"가 시선 앵커. 감점: 서브카피가 2개 `` 태그로 분리되어 "경력직..." 줄과 "검증된 조직" 줄 사이 gap이 28px(패널 기본 gap)으로 과도. 동일 정보 블록 내 간격이 너무 넓어 서브카피가 2개 독립 메시지처럼 보임. |
| DQ-03 | 프로 완성도 | 8 | 텍스트 오버플로우 없음. 패널 내 모든 요소 수용. v1의 `|` 줄바꿈 이슈: `.sub-copy`와 `.sub-copy-2`로 분리하여 해결. 그러나 **새로운 이슈 발생**: "검증된 조직"이 별도 `
` 태그(sub-copy-2)로 단독 배치되어 시각적으로 고아(orphan) 텍스트처럼 보임. 44px 텍스트 1단어+조사로 구성된 행이 패널 중앙에 덩그러니 위치. 이는 v1의 줄바꿈 이슈를 구조적으로 해결했으나, 새로운 레이아웃 어색함을 만듦. -2점. |
| DQ-04 | 피드 차별화 | 9 | 서재/도서관 배경이 보험 광고에서 매우 독특한 시각 요소. 크림+골드+브라운 따뜻한 톤이 기존 금융 광고(차가운 파란색) 대비 명확한 차별. "서울대보험쌤"이라는 네이밍 자체가 권위+호기심 유발. |
| DQ-05 | 감정적 임팩트 | 10 | "3년째 참았던 수수료" = 공감(나도 참고 있다) + 분노(왜 참아야 하지). "저는 바꿨어요" = 해결 가능성 + 두려움 해소. 1인칭 서술체가 간접 경험 제공으로 신뢰감 극대화. 골드 강조 "바꿨어요"가 전환/변화의 시각적 신호. 6종 중 감정 아크(문제인식->공감->해결) 가장 완성도 높음. |
| DQ-06 | 여백/밸런스 | 8 | 패널 `top:50%; translate(-50%,-50%)` 세로 중앙 배치 정확. 좌우 여백 균등(약 110px). 감점: 서브카피 2개 분리로 패널 내 요소 5개(뱃지/헤드/서브1/서브2/CTA), 각각 gap:28px = 총 내부 높이 증가로 패널이 세로로 다소 길어짐. "검증된 조직" 단독 행의 시각적 무게감이 약해 상하 밸런스 미세 불균형. |
| DQ-07 | 색상 가시성/조화 | 10 | 크림 패널 위 다크 브라운(#3E2723) 텍스트: 대비율 약 10:1 (AAA 충족). 골드(#C9A84C) 대 크림: 약 3.2:1 (AA Large 충족). 다크 브라운 오버레이(rgba 62,39,35,0.58) 위 크림 패널 대비 명확. 서재 배경의 원목 톤과 골드/브라운 팔레트의 자연스러운 색상 연속성이 6종 중 최고. |
| DQ-08 | 타이포그래피 | 9 | 헤드라인 60px (기준 충족). 서브카피 44px. 비율: 60/44 = 1.36배 (기준 1.3배 이상 충족). 줄바꿈: "3년째 참았던 수수료," / "저는 바꿨어요" 의미 단위 완벽. sub-copy-2의 "검증된 조직" 단독 행은 타이포그래피 관점에서 시각적 무게 불균형이나, 줄바꿈 자체는 의미 단위 위반 아님. |
| DQ-09 | CTA 효과성 | 9 | 골드 그라디언트 CTA, 크림 패널 대비 명확. " ->" 포함. "수익 구조 직접 확인" -- "직접"이 능동성 강화. height 76px, min-width 360px. 감점: CTA 텍스트 "직접 확인"이 Cell-1의 "지금 확인" 대비 긴급성 약간 낮음. |
| DQ-10 | 브랜드 일관성 | -- | (Cell-7 공동 평가) |
**소계 (DQ-10 제외, 9항목):** 82/90
---
### 3-B. google-resp-1200x628.png
| DQ# | 항목 | 점수 | 관찰 포인트 |
|-----|------|:----:|------------|
| DQ-01 | 레퍼런스 재현도 | 10 | 서재 배경(책장, 데스크 램프, 가을 창밖 풍경)이 우측 65%에 배치. 따뜻한 조명과 브라운 그라디언트 오버레이가 교육자/전문가 이미지 강화. 포토리얼 품질 6종 중 최고. |
| DQ-02 | 시각적 계층구조 | 9 | 뱃지(좌상단) -> 헤드라인(54px) -> 서브카피(44px + 40px) -> CTA(44px) 좌측 정렬 4단. accent-bar(골드) 정렬 축. 서브카피가 `
`로 2줄 처리("경력직 직전연봉 최대 50%" / "정착지원금 \| 검증된 조직")되어 1080의 고아 텍스트 문제 해소. |
| DQ-03 | 프로 완성도 | 8 | 텍스트 오버플로우 없음. `white-space: nowrap` 적용으로 줄바꿈 제어. **이슈 발견**: 서브카피에서 "경력직 직전연봉 최대 50%" 다음에 `
`로 "정착지원금 \| 검증된 조직"이 배치됨. 시각적으로 확인하면 "경력직 직전연봉 최대 50%"와 "정착지원금 \| 검증된 조직"로 2줄 표시. 이 줄바꿈 위치가 **의미 단위 위반**: "50% 정착지원금"이 하나의 의미 단위인데 "50%"와 "정착지원금"이 서로 다른 줄에 배치됨. "50%"가 첫째 줄 끝, "정착지원금"이 둘째 줄 시작. 이는 DQ-08에서도 감점 대상. -2점. |
| DQ-04 | 피드 차별화 | 9 | 서재+가을 풍경 배경이 Google Display에서 독특한 시각 차별화. 따뜻한 톤이 여타 금융 광고 대비 친근하면서도 권위 있는 인상. |
| DQ-05 | 감정적 임팩트 | 10 | 1080과 동일 카피. 서재 배경이 "공부하고 준비한 사람"의 이미지를 강화하여 공감 + 신뢰 증폭. "바꿨어요" 골드 강조 유지. |
| DQ-06 | 여백/밸런스 | 8 | text-area 62%(=744px), `justify-content: center` 수직 중앙. accent-bar top:80px, height:460px 상하 대칭. 감점: 서브카피 2줄 + 별도 sub-copy-2 없이 `
` 처리로 1080 대비 콘텐츠 밀도 적절. 우측 38% 배경이 서재 디테일(램프, 창)로 채워져 빈 공간 느낌 없음. 그러나 좌측 콘텐츠 영역 내 하단(CTA 아래)에 여백이 상단보다 약간 넓어 미세 불균형. |
| DQ-07 | 색상 가시성/조화 | 10 | 브라운 그라디언트(rgba 62,39,35,0.95) 위 크림 헤드라인(#FFF8E7): 대비율 약 12:1 (AAA). 골드 서브카피(#C9A84C) 대 브라운: 약 5.8:1 (AA). sub-copy-2 색상(rgba 255,248,231,0.8) 대 브라운: 약 9.5:1 (AAA). 서재 배경 톤과 브라운/골드 팔레트의 완벽한 색상 연속성. |
| DQ-08 | 타이포그래피 | 7 | 헤드라인 54px (기준 54px 충족). 서브카피 44px -> sub-copy-2 40px. 비율: 54/44 = 1.23배 -- **기준 1.3배 미달** (-2점). 추가 감점: "50%"와 "정착지원금" 줄바꿈 의미 단위 위반 (-1점). "경력직 직전연봉 최대 50%"에서 "50%"가 숫자+단위인데 "정착지원금"과 분리됨. 올바른 줄바꿈: "경력직 직전연봉 최대" / "50% 정착지원금 \| 검증된 조직" 또는 non-breaking space 처리 필요. |
| DQ-09 | CTA 효과성 | 9 | 골드 그라디언트 CTA, 브라운 배경 대비 높은 시인성. " ->" 포함, "수익 구조 직접 확인" 행동 언어. height 56px 가로형 비례 적절. |
| DQ-10 | 브랜드 일관성 | -- | (공동 평가) |
**소계 (DQ-10 제외, 9항목):** 80/90
---
### Cell-7 DQ-10 브랜드 일관성 평가
| 평가 요소 | 점수 | 근거 |
|-----------|:----:|------|
| DQ-10 브랜드 일관성 | 8 | 색상: 골드(#C9A84C) + 브라운(#3E2723) 양 포맷 일치. 뱃지: "서울대보험쌤" 골드 배경 동일. CTA: "수익 구조 직접 확인 ->" 골드 그라디언트 동일. 헤드라인 카피/줄바꿈 100% 일치. **감점 요인**: 서브카피 처리 방식 불일치 -- 1080에서는 `.sub-copy`(44px) + `.sub-copy-2`(44px)로 2개 `
` 태그 분리, 1200에서는 `.sub-copy`(44px) 1개 `
` 내 `
` 2줄 처리. 또한 1200의 `.sub-copy-2`는 40px(1080은 44px)로 폰트 크기 불일치. "검증된 조직"의 시각적 처리가 양 포맷에서 다름(1080: 단독 행 중앙 정렬, 1200: "\| 검증된 조직"으로 앞 내용과 연결). -2점. |
**Cell-7 최종 점수:**
- meta-feed-1080x1080: 82 + 8 = **90점** -- FAIL (93점 미달, 3점 부족)
- google-resp-1200x628: 80 + 8 = **88점** -- FAIL (93점 미달, 5점 부족)
**Cell-7 핵심 감점 요인:**
1. DQ-08 1200: 헤드/서브 비율 1.23배 (기준 1.3배 미달) + "50%/정착지원금" 줄바꿈 의미 단위 위반
2. DQ-03 1080: "검증된 조직" 고아 텍스트 문제
3. DQ-10: 서브카피 처리 방식(구조/폰트 크기) 양 포맷 간 불일치
---
## 종합 결과표
| 셀 | 포맷 | DQ-01 | DQ-02 | DQ-03 | DQ-04 | DQ-05 | DQ-06 | DQ-07 | DQ-08 | DQ-09 | DQ-10 | 합계 | 판정 |
|----|------|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|:----:|:----:|
| Cell-1 인카 | 1080x1080 | 9 | 9 | 9 | 8 | 9 | 9 | 9 | 9 | 10 | 9 | **90** | FAIL |
| Cell-1 인카 | 1200x628 | 9 | 9 | 9 | 8 | 9 | 8 | 9 | 9 | 9 | 9 | **88** | FAIL |
| Cell-4 GA | 1080x1080 | 9 | 9 | 9 | 10 | 10 | 8 | 9 | 9 | 10 | 9 | **92** | FAIL |
| Cell-4 GA | 1200x628 | 9 | 9 | 9 | 9 | 9 | 8 | 9 | 9 | 9 | 9 | **89** | FAIL |
| Cell-7 SNU | 1080x1080 | 10 | 9 | 8 | 9 | 10 | 8 | 10 | 9 | 9 | 8 | **90** | FAIL |
| Cell-7 SNU | 1200x628 | 10 | 9 | 8 | 9 | 10 | 8 | 10 | 7 | 9 | 8 | **88** | FAIL |
**PASS 기준: 93점 이상**
**전체 6개 배너 모두 FAIL**
**최고 점수: Cell-4 1080x1080 (92점, 1점 부족)**
---
## v1 대비 변화 비교
| 셀 | 포맷 | v1 점수 | v2 점수 | 변동 | 비고 |
|----|------|:-------:|:-------:|:----:|------|
| Cell-1 | 1080 | 84 | 90 | +6 | 서브카피 정렬 개선, CTA 하단 여백 개선 반영 |
| Cell-1 | 1200 | 78 | 88 | +10 | 수직 중앙 정렬 확인, 여백 구조 재평가 |
| Cell-4 | 1080 | 80 | 92 | +12 | "1200% 룰" 줄바꿈 해결, 구분선 요소 재평가 |
| Cell-4 | 1200 | 70 | 89 | +19 | 줄바꿈 해결이 DQ-03/08 대폭 개선 |
| Cell-7 | 1080 | 87 | 90 | +3 | 서브카피 분리 방식 변경(부분 개선) |
| Cell-7 | 1200 | 80 | 88 | +8 | 여백 재평가, 배경 활용도 반영 |
**v1 평균: 79.8점 -> v2 평균: 89.5점 (+9.7점)**
v1에서 지적된 서브카피 줄바꿈 이슈(Cell-4 "1200% 룰", Cell-7 "\| 검증된 조직")가 수정되어 DQ-03, DQ-08이 대폭 개선되었다. 그러나 신규 이슈(Cell-7 1080 "검증된 조직" 고아 텍스트, 1200 "50%/정착지원금" 의미 단위 분리)가 발생하여 PASS에는 도달하지 못했다.
---
## 핵심 이슈 요약 (93점 달성을 위한 수정 필요 사항)
### CRITICAL -- 모든 배너 공통
**이슈 #1: 1200x628 포맷의 헤드라인/서브카피 비율 미달 (Cell-1, Cell-7)**
- 현황: 54px / 44px = 1.23배 (기준 1.3배 미달)
- 해당: Cell-1 1200, Cell-7 1200
- 수정안: 서브카피를 40px로 축소 (54/40 = 1.35배) 또는 헤드라인을 58px로 확대 (58/44 = 1.32배)
- 영향: DQ-08 각 +1~2점
**이슈 #2: Cell-7 1080 "검증된 조직" 고아 텍스트**
- 현황: `.sub-copy-2`로 "검증된 조직"만 별도 `
` 태그에 단독 배치, gap:28px로 과도한 간격
- 수정안 A: `.sub-copy`에 통합 -- "경력직 직전연봉 최대 50% 정착지원금 \| 검증된 조직"을 `
` 2줄 처리
- 수정안 B: gap을 12px로 줄여 시각적 연속성 확보
- 영향: DQ-03 +1~2점
**이슈 #3: Cell-7 1200 서브카피 "50%/정착지원금" 줄바꿈 의미 단위 위반**
- 현황: "경력직 직전연봉 최대 50%" / "정착지원금 \| 검증된 조직"에서 "50%"와 "정착지원금"이 분리
- 수정안: "경력직 직전연봉 최대 50% 정착지원금" 한 줄 + "검증된 조직" 별도 줄, 또는 "경력직 직전연봉 최대" / "50% 정착지원금 \| 검증된 조직"
- 영향: DQ-08 +1~2점, DQ-03 +1점
### MODERATE -- 개별 배너
**이슈 #4: Cell-1/Cell-7 피드 차별화(DQ-04) 8~9점 한계**
- 텍스트 위주 구조로 시각 서프라이즈 요소 부족
- 수정안: 숫자 강조 요소("1,000만원" 대형 표시), 또는 미니 아이콘(화살표/차트) 추가
- 영향: DQ-04 +1점
**이슈 #5: Cell-7 DQ-10 서브카피 처리 방식 양 포맷 불일치**
- 1080: 2개 `
` 태그 분리 (44px + 44px)
- 1200: 1개 `
` 태그 `
` 2줄 (44px + 40px)
- 수정안: 양 포맷 통일 -- `
` 2줄 처리 + 동일 폰트 크기
- 영향: DQ-10 +1~2점
**이슈 #6: 전 포맷 DQ-06 여백 밸런스 8점 한계**
- 1080: 패널 내 요소 밀집 (Cell-4: 5개 요소, Cell-7: 5개 요소)
- 1200: 좌측 62~63% 콘텐츠 집중, 우측 배경 의존
- 근본 원인: 콘텐츠 요소 수 vs 패널/영역 크기 비율
- 수정안: 패널 padding 증가(56->64px) 또는 gap 미세 조정
---
## 셀별 93점 달성 로드맵
### Cell-1 (현재 90/88 -> 목표 93)
| 수정 사항 | 대상 포맷 | 예상 점수 변동 |
|-----------|----------|:-------------:|
| DQ-04: 서브카피 "1,000만원" 숫자 시각 강조 (골드 볼드체 또는 크기 확대) | 양 포맷 | +1 |
| DQ-08 1200: 서브카피 40px로 축소 (비율 1.35배 달성) | 1200 | +1 |
| DQ-06: 패널/text-area 내부 여백 미세 조정 | 양 포맷 | +1 |
### Cell-4 (현재 92/89 -> 목표 93)
| 수정 사항 | 대상 포맷 | 예상 점수 변동 |
|-----------|----------|:-------------:|
| DQ-06 1080: 패널 padding 60px으로 확대 또는 gap 28px로 조정 | 1080 | +1 |
| DQ-06 1200: 콘텐츠 영역 미세 우측 확장 (width 65%) | 1200 | +1 |
| DQ-04 1200: red-divider 가로형 버전 추가 (선택적) | 1200 | +1 |
### Cell-7 (현재 90/88 -> 목표 93)
| 수정 사항 | 대상 포맷 | 예상 점수 변동 |
|-----------|----------|:-------------:|
| DQ-03 1080: "검증된 조직" sub-copy에 통합 또는 gap 축소 | 1080 | +2 |
| DQ-08 1200: 줄바꿈 위치 수정 ("50% 정착지원금" 한 단위 유지) + 서브카피 40px | 1200 | +2 |
| DQ-10: 양 포맷 서브카피 구조/크기 통일 | 양 포맷 | +1 |
---
## QC 총평
v2는 v1 대비 평균 +9.7점 개선되어 의미 있는 진전을 보였다. 특히 Cell-4의 "1200% 룰" 줄바꿈 문제 해결이 가장 큰 개선점이다. 그러나 **6개 배너 모두 93점 PASS 기준 미달**이며, 최고점인 Cell-4 1080x1080(92점)도 1점 부족하다.
주요 패턴:
1. **1200x628 포맷이 일관되게 1080 대비 2~3점 낮다.** 헤드/서브 비율 미달(1.23배), 좌편향 레이아웃이 공통 원인.
2. **DQ-06(여백/밸런스)이 전 배너 8점으로 bottleneck.** 패널 내 요소 밀집도 또는 좌우 비율 문제.
3. **Cell-7의 서브카피 구조적 이슈**가 v1 수정 과정에서 새로 발생 -- 고아 텍스트, 줄바꿈 의미 단위 위반, 포맷 간 불일치.
PASS 달성을 위해 가장 ROI 높은 수정:
- **1200 포맷 서브카피 크기 40px 통일** (Cell-1, Cell-7의 DQ-08 각 +1~2점)
- **Cell-7 "검증된 조직" 통합** (DQ-03 +2점)
- **Cell-4 1080 패널 간격 조정** (DQ-06 +1점으로 93점 달성 가능)
---
*본 평가는 로키(보안/QC 전문가)에 의해 HTML 소스 코드 정량 분석 + 렌더링 결과 시각 검토를 병행하여 독립적으로 수행되었습니다. Fantasy Approval 없이, 실측 데이터(px, 비율, 대비율)에 기반합니다.*