북극성 지표는 팀이 공통으로 바라볼 고객 가치의 신호입니다. 매출이나 방문 수를 무조건 선택하기보다, 고객이 제품으로 얻는 결과와 장기 성장의 연결을 설명할 수 있어야 합니다.
데모에서는 가치 행동이 활성화, 재방문, 수익으로 뻗습니다. 하나의 숫자만 좇지 말고 품질과 부작용을 볼 보조 지표도 함께 둡니다.
언제 쓰나
제품·마케팅·영업이 같은 성장 목표를 정의할 때 사용합니다.
북극성 지표
North Star metric
고객이 얻는 핵심 가치를 하나의 반복 가능한 숫자로 표현합니다.
···
<div class="stage"><div class="label">VALUE AT THE CENTER</div><div class="star"><div class="core">CORE<br>VALUE<br>ACTION</div><div class="orbit o1">ACTIVATE</div><div class="orbit o2">RETURN</div><div class="orbit o3">REVENUE</div></div><div class="hint">KEEP QUALITY GUARDRAILS</div></div>.stage{position:relative;width:min(94vw,760px);height:min(88vh,310px);font:800 clamp(10px,max(3.4vmin,1vw),15px)/1.25 sans-serif}.stage *{box-sizing:border-box}.label{font-size:clamp(10px,max(3.4vmin,1vw),12px);letter-spacing:.1em;color:var(--muted)}.accent{color:var(--accent)}.pill{border:1.5px solid var(--fg);border-radius:999px;background:var(--surface);padding:.5em .8em}.hint{position:absolute;right:2%;bottom:0;font-size:clamp(10px,max(3.4vmin,1vw),12px);color:var(--muted)}.star{position:absolute;inset:14% 4% 12%;display:grid;place-items:center}.star:before,.star:after{content:'';position:absolute;width:70%;height:2px;background:var(--line);transform:rotate(23deg)}.star:after{transform:rotate(-23deg)}.core{z-index:2;width:clamp(80px,25vmin,150px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--accent);color:white;box-shadow:0 0 0 7px var(--surface);animation:beat 3s infinite}.orbit{position:absolute;z-index:2;padding:.55em;background:var(--accent-2);color:#211b19;border:2px solid var(--fg);font-size:clamp(10px,max(3.4vmin,1vw),13px)}.o1{top:2%;left:3%}.o2{top:2%;right:3%}.o3{bottom:0;left:42%}@keyframes beat{50%{transform:scale(1.08)}}