확장 매출은 이미 확보한 고객이 상위 플랜으로 올리거나 좌석·사용량을 늘릴 때 생기는 추가 매출입니다. 신규 고객 매출과 분리해야 기존 고객 안에서 성장이 나는지 알 수 있습니다.
데모는 같은 고객군의 기본 매출 위에 좌석, 사용량, 기능 추가분이 쌓이는 예시입니다. 할인이나 이탈로 줄어든 금액까지 함께 봐야 순매출 유지율을 과대평가하지 않습니다.
언제 쓰나
신규 획득과 별개로 기존 고객의 성장 기여를 확인할 때 씁니다.
확장 매출
Expansion revenue
기존 고객이 좌석·사용량·기능을 늘리면서 추가로 만드는 매출입니다.
···
<div class="stage"><div class="label">SAME ACCOUNTS · ILLUSTRATIVE</div><div class="exp-bars"><div class="exp-column"><div class="exp-base">BASE 100</div><small>START</small></div><div class="exp-column after"><div class="exp-feature">FEATURE +10</div><div class="exp-usage">USAGE +15</div><div class="exp-seats">SEATS +20</div><div class="exp-base">BASE 100</div><small>LATER</small></div></div><div class="hint">EXPANSION = +45</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)}.exp-bars{position:absolute;left:7%;right:7%;top:17%;bottom:10%;display:flex;align-items:end;justify-content:center;gap:12%}.exp-column{height:100%;width:37%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.exp-column>div{display:grid;place-items:center;border:1px solid var(--fg);font-size:clamp(10px,3.4vmin,13px);overflow:hidden;flex:none}.exp-base{height:43%;background:var(--fg);color:var(--bg)}.exp-seats,.exp-usage,.exp-feature{height:14%;background:var(--accent-2);color:#211b19;animation:expand-stack 3s ease-in-out infinite}.exp-usage{background:var(--accent-3);color:var(--bg);animation-delay:.35s}.exp-feature{background:var(--accent);color:white;animation-delay:.7s}.exp-column small{height:15%;flex:none;padding-top:.25em;color:var(--muted);font-size:clamp(10px,3.4vmin,12px)}@keyframes expand-stack{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 2px var(--accent)}}