디자인킷 · 레이아웃
전략: 타깃 정의(페르소나 2인과 검색어)
D-레이아웃-완성-전략-타깃
언제 쓰는가
승(承). 전략 방향 다음 장. 타깃을 두 사람으로 좁혀 상황·고민·결정 기준과 실제 검색어를 나란히 보여줌. 페르소나 2인 고정, 사실 3줄, 검색어 4~5개, 접점 3개. 바꿔야 할 값: 구분(핵심·확장), 이름 한 줄, 한 줄 소개, 상황·고민·결정 기준, 검색어 칩, 주요 접점 매체, 예산 비중, 사진. 값 바꾸는 법: .p 카드 2개. .ph 는 사진 자리(72×72 원, 그림으로 교체). .who .t 이름, .m 소개, dl 3줄, .kw span 검색어 칩(4~5개), .ch 접점. 핵심 타깃 카드에만 class="p hot". .sh 예산 비중.
참고
HubSpot·Xtensio 의 buyer persona 카드(사진 + 한 줄 소개 + 고민·목표), 국내 대행사 제안서의 "타깃별 검색어" 표기 방식을 참고. 직접 제작.
조각
<section class="slide lo-st-target">
<div class="run"><b>하늘결 스킨케어 2027 신제품 출시 캠페인 제안</b><span>PART 02 · 전략 방향</span></div>
<div class="hd"><p class="lb">타깃 정의</p><h1>첫 구매는 20대 후반 민감성 피부, 재구매는 30대 중반</h1><p class="lede">구매 데이터와 검색어로 나눈 두 사람. 예산의 65%는 핵심 타깃에 배정</p></div>
<div class="body">
<div class="ps">
<div class="cd p hot">
<div class="who"><div class="ph">사진</div><div><p class="tag">핵심 타깃 · 예산 65%</p><p class="t">20대 후반, 환절기마다 뒤집어지는 피부</p><p class="m">직장 3~5년 차, 화장품은 성분표부터 확인</p></div></div>
<dl><dt>상황</dt><dd>마스크와 난방으로 볼과 턱이 붉어지는 시기</dd><dt>고민</dt><dd>순하다는 제품을 써도 2주 안에 따가움</dd><dt>결정 기준</dt><dd>성분 수, 피부과 시험 결과, 같은 피부 타입의 후기</dd></dl>
<p class="k">실제 검색어</p>
<p class="kw"><span>민감성 크림 추천</span><span>피부 장벽 크림</span><span>세라마이드 크림 순한</span><span>환절기 피부 뒤집어짐</span></p>
<p class="ch"><b>주요 접점</b> 검색 광고, 블로그 후기, 숏폼 영상</p>
</div>
<div class="cd p">
<div class="who"><div class="ph">사진</div><div><p class="tag">확장 타깃 · 예산 35%</p><p class="t">30대 중반, 쓰던 제품을 계속 사는 사람</p><p class="m">출산 전후 피부 변화, 가족과 함께 사용</p></div></div>
<dl><dt>상황</dt><dd>한 번 맞은 제품은 2~3개월 주기로 재구매</dd><dt>고민</dt><dd>떨어질 때를 놓쳐 다른 제품으로 이동</dd><dt>결정 기준</dt><dd>대용량 구성, 정기 배송, 재구매 혜택</dd></dl>
<p class="k">실제 검색어</p>
<p class="kw"><span>하늘결 크림 대용량</span><span>임산부 크림</span><span>온가족 보습 크림</span><span>크림 정기배송</span></p>
<p class="ch"><b>주요 접점</b> 브랜드 검색, 알림 메시지, 재방문 광고</p>
</div>
</div>
</div>
<div class="pg">12</div>
<div class="src">근거: 자사몰 구매 고객 설문 412명, 검색어 도구 2026년 9월</div>
</section>스타일
.slide.lo-st-target .hd .lb{color:var(--mu)}
.slide.lo-st-target :where(.body p,.body ul,.body ol,.body dl,.body dd,.body dt){margin:0;padding:0;list-style:none}
.slide.lo-st-target .k{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.slide.lo-st-target .cd{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}
.slide.lo-st-target .say{font-size:var(--f-body);color:var(--ink2)}
.slide.lo-st-target .say::before{content:"→";color:var(--mu);font-weight:600;margin-right:10px}
.slide.lo-st-target .ps{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.slide.lo-st-target .p{padding:22px 28px}
.slide.lo-st-target .who{display:flex;gap:18px;align-items:center}
.slide.lo-st-target .ph{flex:none;width:72px;height:72px;border-radius:50%;background:var(--soft);border:1px dashed var(--line2);display:flex;align-items:center;justify-content:center;font-size:var(--f-cap);color:var(--mu)}
.slide.lo-st-target .tag{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.slide.lo-st-target .who .t{font-size:var(--f-lg);font-weight:700;color:var(--ink);line-height:1.35}
.slide.lo-st-target .who .m{font-size:var(--f-sm);color:var(--ink2)}
.slide.lo-st-target .p dl{display:grid;grid-template-columns:76px 1fr;margin:14px 0 12px;border-top:1px solid var(--line2)}
.slide.lo-st-target .p dt,.slide.lo-st-target .p dd{padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--f-sm)}
.slide.lo-st-target .p dt{font-size:var(--f-cap);color:var(--mu);font-weight:600;padding-top:9px}
.slide.lo-st-target .p dd{color:var(--ink2)}
.slide.lo-st-target .kw{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.slide.lo-st-target .kw span{font-size:var(--f-cap);color:var(--ink);background:var(--soft);border-radius:14px;padding:3px 12px}
.slide.lo-st-target .ch{font-size:var(--f-sm);color:var(--ink2)}
.slide.lo-st-target .ch b{margin-right:8px}
.slide.lo-st-target .p.hot .tag{color:var(--ac)}