Marketing Atlas
한국어
% Conversion optimization

Conversion funnel analysis

전환 퍼널 분석

Compare step completion rates to locate the largest drop-off.

···
html
<div class="stages"><div class="stage"><span>VISIT</span><i style="--size:100%;--delay:0s"></i><b>100</b></div><div class="stage"><span>VIEW</span><i style="--size:76%;--delay:.2s"></i><b>76</b></div><div class="stage loss"><span>CHECKOUT</span><i style="--size:31%;--delay:.4s"></i><b>31</b></div><div class="stage"><span>PAID</span><i style="--size:24%;--delay:.6s"></i><b>24</b></div><div class="callout">LARGEST LOSS: VIEW → CHECKOUT</div></div>
css
.stages{width:min(88%,560px);display:grid;gap:clamp(6px,1.5vmin,12px);font:800 clamp(10px,max(1.7vmin,1vw),14px)/1.1 sans-serif}.stage{display:grid;grid-template-columns:clamp(62px,15vmin,105px) 1fr 28px;align-items:center;gap:8px}.stage span{color:var(--muted)}.stage i{height:clamp(14px,3vmin,27px);width:var(--size);background:var(--fg);transform-origin:left;animation:stage 3.8s ease-in-out var(--delay) infinite}.stage.loss i{background:var(--accent)}.stage b{text-align:right}.callout{color:var(--accent);text-align:center;padding-top:3px}@keyframes stage{0%,8%{transform:scaleX(0)}35%,80%{transform:scaleX(1)}100%{transform:scaleX(0)}}
···

A/B testingA/B 테스트

Randomly assign two versions to compare their effect on conversion.

···

Form field friction폼 입력 마찰

See how extra fields and vague errors delay completion.

···

Funnel exploration퍼널 탐색

Compare stage retention and drop-off to find bottlenecks.

···

Landing page optimization랜딩페이지 최적화

Align the ad promise, page message, and next action.

Conversion funnel analysis measures how the same cohort progresses through ordered steps such as visit, product view, and checkout. It reveals where opportunity disappears beyond a single final conversion rate.

The demo fills stage bars in sequence and highlights the largest loss. Fix the time window, user deduplication, and required order before comparing stages.

The largest drop is not necessarily the easiest fix. Split by segment, investigate causes with replay or surveys, and test the proposed change.

When to use

Use it to decide which signup or purchase bottleneck to investigate first.

Open as page ↗