추천 루프는 만족한 사용자가 초대장을 보내고, 초대로 들어온 사람이 가치를 경험한 뒤 다시 초대하는 구조입니다. 초대 수만 늘어도 가입과 활성화가 없으면 고리는 이어지지 않습니다.
초대한 사람과 받은 사람의 전환을 따로 보세요. 보상은 제품 경험을 강화할 수 있지만, 과한 보상은 가치 없는 초대를 만들 수 있습니다.
언제 쓰나
고객이 동료를 데려올 이유가 제품 안에 있는지 검토할 때 씁니다.
추천 루프
Referral loop
기존 고객의 초대가 신규 가입으로 이어지고 새 고객이 다시 초대합니다.
···
<div class="stage"><div class="label">INVITE → JOIN → INVITE</div><div class="tree"><div class="person root">A<small>USER</small></div><div class="branch b1"><div class="person">B</div><div class="person">C</div></div><div class="branch b2"><div class="person">D</div><div class="person">E</div><div class="person">F</div><div class="person">G</div></div></div><div class="hint">EACH JOIN CAN START A NEW INVITE</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)}.tree{position:absolute;inset:17% 5% 13%;display:flex;align-items:center;justify-content:space-around}.person{width:clamp(27px,11vh,52px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--fg);box-shadow:3px 3px var(--line);font-size:clamp(12px,3.4vmin,24px);animation:arrive 4s infinite both}.person small{position:absolute;top:110%;font-size:clamp(10px,max(3.4vmin,1vw),12px);color:var(--muted)}.root{background:var(--accent);color:white}.branch{display:grid;gap:clamp(6px,2vmin,16px);padding-left:clamp(16px,5vw,60px);border-left:2px dashed var(--accent)}.b1 .person{animation-delay:.8s}.b2{grid-template-columns:repeat(2,1fr)}.b2 .person{animation-delay:1.6s}@keyframes arrive{0%,12%{opacity:.18;transform:scale(.65)}28%,85%{opacity:1;transform:scale(1)}100%{opacity:.18;transform:scale(.65)}}