feat(skill): refine brand-claim copy diagnosis and impact-based render checks
Limit competitor substitution to brand-differentiation claims, add impact-scoped render measurement guidance to audit-gate, and correct motion, Range, and font-check wording found during review.
This commit is contained in:
parent
2a7017717b
commit
79e79c120b
8 changed files with 114 additions and 26 deletions
|
|
@ -106,13 +106,16 @@ AI가 만든 티는 **못 만들어서** 나는 게 아니라 결정을 설명·
|
|||
|
||||
---
|
||||
|
||||
## 6. 카피 — 경쟁사 치환 테스트
|
||||
## 6. 카피 — 브랜드 차별성 치환 진단
|
||||
|
||||
**AI 티는 시각보다 문장에서 먼저 난다.**
|
||||
|
||||
### 테스트
|
||||
카피에서 제품·회사 이름을 **경쟁사 이름으로 바꿔 읽는다.**
|
||||
**여전히 자연스러우면 그 카피는 아무것도 말하지 않은 것이다. 다시 써라.**
|
||||
### 진단 범위
|
||||
브랜드가 특별하다고 주장하는 헤드라인·브랜드 약속에만 제품·회사 이름을 **경쟁사 이름으로 바꿔 읽는다.** 다른 업체에도 그대로 성립하면 차별성의 근거와 구체성을 다시 본다.
|
||||
|
||||
수업·가격·대상·위치·FAQ·CTA 등은 이 치환만으로 실패시키지 않는다. 독자가 실제로 묻는 질문에 구체적으로 답하고, 검증 가능한 사실과 자연스러운 업종 표현을 우선한다. 예를 들어 `그림을 시작하는 각자의 자리`는 시적 브랜딩으로 쓸 수 있고, 사용자가 수업 내용을 찾는 안내 제목에서는 `수업 안내`가 더 직접적일 수 있다. 전자를 전면 금지하는 규칙은 아니다.
|
||||
|
||||
낯선 업종이나 추상 표현의 용법이 불확실할 때는 공식 실제 사례를 소규모로 조사해 용어를 참고한다. 사례의 주장·실적·후기를 가져오거나 현재 프로젝트의 사실처럼 쓰지 않는다.
|
||||
|
||||
### 작법 — 금지 목록만으로는 못 잡는다
|
||||
|
||||
|
|
@ -125,7 +128,7 @@ AI가 만든 티는 **못 만들어서** 나는 게 아니라 결정을 설명·
|
|||
|
||||
**세 가지로 거른다.**
|
||||
|
||||
**1. `so you can…` 테스트** — 문장 뒤에 이어 붙여 완성해봐라.
|
||||
**1. `so you can…` 테스트** — 브랜드 차별성 주장의 문장 뒤에 이어 붙여 완성해봐라.
|
||||
|
||||
```
|
||||
"feTurbulence 로 노이즈를 만든다" so you can → 200KB 텍스처를 300바이트로 줄인다 ✅
|
||||
|
|
@ -134,10 +137,9 @@ AI가 만든 티는 **못 만들어서** 나는 게 아니라 결정을 설명·
|
|||
|
||||
완성되지 않으면 기능만 쓴 것이다. **완성된 뒷부분을 헤드라인으로 올려라.**
|
||||
|
||||
**2. 6~12단어** — 2초 안에 훑히면서 가치를 전달하는 폭이다.
|
||||
한국어는 어절 기준으로 6~12, 글자 수로는 12~28자.
|
||||
**2. 실제 독자가 한 번에 이해하는 길이** — 같은 의미를 짧게 쓸 수 있는지 보되, 업종·언어·화면 폭과 질문의 복잡도를 무시한 보편 단어 수를 기준으로 삼지 않는다.
|
||||
|
||||
**3. 헤딩에 검증 가능한 것을 넣어라** — 숫자·조건·비교 대상 중 하나.
|
||||
**3. 차별성 주장에는 검증 가능한 근거를 넣어라** — 숫자·조건·비교 대상 중 하나가 있으면 좋지만, 없는 안내 제목에 억지로 넣지 않는다.
|
||||
|
||||
| 고치기 전 | 고친 뒤 | 무엇이 달라졌나 |
|
||||
|---|---|---|
|
||||
|
|
@ -185,7 +187,7 @@ B 라면, 반응형에서 매번 바뀌는 것을 지목한 것이다. 지목하
|
|||
|---|---|---|
|
||||
| `Streamline / Empower / Supercharge / Unlock / Leverage / Seamless / Elevate` | 아무 제품에나 붙는 동사. 정보량 0 | 제품이 실제로 하는 동작 동사 (`정산한다`, `병합한다`, `4일을 6시간으로 줄인다`) |
|
||||
| `world-class / cutting-edge / enterprise-grade / best-in-class` | 자기 평가 형용사는 증거가 아니다 | 인증명, 벤치마크 수치, 고객사 실명 |
|
||||
| `Build the future of X` / `Your all-in-one platform` / `Scale without limits` | 경쟁사 이름으로 바꿔도 성립 | 치환 테스트를 통과하는 문장 (예: "Financial infrastructure for the internet") |
|
||||
| `Build the future of X` / `Your all-in-one platform` / `Scale without limits` | 근거 없는 브랜드 차별성 주장으로는 경쟁사 이름으로 바꿔도 성립 | 검증 가능한 차별점, 또는 독자의 질문에 직접 답하는 안내 문장 |
|
||||
| 헤지 표현 (`may help you`, `~할 수 있습니다`) | 불확실성의 범위가 숨겨지면 독자가 주장 강도를 판단하기 어렵다 | 검증된 내용은 명확히 쓰고, 불확실하면 조건·근거·한계를 명시한다 |
|
||||
| CTA가 `Get Started` / `Learn More` / `시작하기` | 무엇이 시작되는지 알 수 없음 | 결과를 말하는 CTA (`무료로 30일 써보기`, `가격표 보기`) |
|
||||
| 출처·조건 없는 숫자 (`10,000+`, `99.9%`, `50% faster`) | 사실처럼 보이는 주장의 검증 경로가 없다 | 정확/범위 수치 모두 출처·측정 조건·기간을 붙인다. 조건 없는 수치는 제거하거나 예시임을 라벨링한다 |
|
||||
|
|
@ -280,10 +282,7 @@ letter-spacing:\s*-0\.0[3-9] (한글 본문)
|
|||
**측정 시점**이었다. 제목과 본문이 나란히 애니메이션되면 같이 움직여 상쇄되지만,
|
||||
한쪽만 `.reveal` 이면 상쇄되지 않는다.
|
||||
|
||||
```js
|
||||
await page.evaluate(() => el.scrollIntoView({ block: 'center' }));
|
||||
await page.waitForTimeout(1600); // 프로젝트의 모션 종료 조건을 확인한 뒤 잰다
|
||||
```
|
||||
검사 대상의 실제 locator를 정하고 스크롤해 등장시킨다. 그 뒤 실제 스크롤과 전환이 끝난 조건을 확인하고 잰다. 프로젝트가 정한 상한 시간은 그 조건을 기다리는 고정 대기가 아니라 **상한을 넘기면 실패시키는 시간**이다. [렌더 측정 계약](audit-gate.md)에서 대상별 완료 조건과 clipping 측정 방법을 정한다.
|
||||
|
||||
**② `sharp(...).extract(...).stats()` 사용 결과가 의도한 crop 통계를 반영하는지 확인한다.**
|
||||
영역을 여섯 군데 잘라 밝기를 쟀는데 여섯 개가 **소수점까지 똑같이** 나왔다.
|
||||
|
|
@ -428,8 +427,8 @@ sticky 캔버스가 끝까지 돌려면 목록 뒤에 스크롤 구간이 필요
|
|||
**검토 조건 — 근거와 결과를 남긴다**
|
||||
- [ ] 반복 후보(보라 CTA / 전체 대문자 / 1·2·3 단계)를 발견했으면 프로젝트 계약·브리프·실제 렌더 근거로 유지·수정·제거를 결정했다
|
||||
- [ ] grep 검사에서 나온 항목은 자동 실패로 취급하지 않고, 출처·관찰·결정·검증을 기록했다
|
||||
- [ ] 카피가 경쟁사 치환 테스트를 통과한다
|
||||
- [ ] 모션을 전부 끄고도 페이지가 작동한다
|
||||
- [ ] 브랜드 차별성 주장은 경쟁사 치환 진단으로 근거·구체성을 검토했고, 안내 카피는 실제 질문·검증 가능한 사실·업종 표현으로 검토했다
|
||||
- [ ] 이펙트가 없어도 정보와 핵심 과업이 남고, 감소 모션에서도 상태와 조작이 유지된다
|
||||
- [ ] 강조색을 지워도 페이지가 읽힌다
|
||||
- [ ] 색을 회색조로 바꿔도 위계 순서가 비즈니스 우선순위와 일치한다
|
||||
- [ ] 키보드만으로 전 인터랙션이 가능하고 포커스 링이 보인다
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue