Predictive churn

예측 이탈

Estimate churn risk before a customer actually leaves.

···
html
<div class="risk"><div class="meters"><div>ACTIVITY<i id="activity"></i></div><div>CHURN RISK<i id="churn"></i></div></div><div class="alert" id="alert">MONITOR</div></div>
css
.risk{width:min(88%,520px);font:900 clamp(10px,max(1.8vmin,1vw),16px)/1.1 sans-serif}.meters{display:grid;gap:clamp(12px,3vmin,25px)}.meters>div{position:relative;height:clamp(35px,9vmin,70px);border:1px solid var(--line);padding:clamp(8px,2vmin,16px);overflow:hidden}.meters i{position:absolute;bottom:0;left:0;height:7px;background:var(--accent);transition:width .6s}.meters>div:nth-child(2) i{background:var(--fg)}.alert{margin-top:clamp(12px,3vmin,26px);border:2px solid var(--fg);padding:clamp(8px,2vmin,15px);text-align:center}.alert.high{border-color:var(--accent);background:var(--accent);color:#fff}
js
let risk=20;function show(){document.querySelector('#activity').style.width=100-risk+'%';document.querySelector('#churn').style.width=risk+'%';const alert=document.querySelector('#alert');alert.textContent=risk>=60?'INTERVENE':'MONITOR';alert.classList.toggle('high',risk>=60);risk=risk>=80?20:risk+20}show();setInterval(show,1200);

Predictive churn estimates the chance of future loss from signals such as fewer visits, longer purchase gaps, or support issues. A 2026 AI engagement guide connects these signals to retention journeys.

As activity falls in the demo, the risk gauge rises and an intervention point appears. A risk score is an estimate for prioritization, not a diagnosis.

Do not discount everyone with a high score. Use a control group to test whether the intervention actually prevents churn.

When to use

Use it to prioritize retention help before a customer actually leaves.

Open as page ↗