Journey compression

구매여정 압축

AI-assisted exploration can shorten the path from consideration to intent.

···
html
<div class="compress"><div class="compress-row"><b>STANDARD</b><div class="compress-track"><span>SEARCH</span><span>COMPARE</span><span>REVIEW</span><span>VISIT</span><span>INTENT</span></div></div><div class="compress-row"><b>AI ASSISTED</b><div class="compress-track compact"><span>ASK</span><span>ANSWER</span><span>INTENT</span></div></div><div class="compress-marker" id="compress-marker">OBSERVED PATH LENGTH: 5 → 3</div></div>
css
.compress{width:min(92%,780px);display:grid;gap:clamp(18px,5vmin,36px);font:800 clamp(10px,max(1.8vmin,1vw),14px)/1 sans-serif}.compress-row{display:grid;gap:8px}.compress-row>b{color:var(--muted)}.compress-track{display:flex;gap:clamp(3px,1vmin,8px);width:100%;transition:width 1s}.compress-track.compact{width:60%;animation:shorten 3.4s ease-in-out infinite alternate}.compress-track span{flex:1;text-align:center;min-width:0;padding:clamp(8px,2vmin,16px) 1px;background:var(--surface);border:2px solid var(--fg)}.compress-track.compact span{background:var(--accent-2);color:#211b19}.compress-marker{font-size:clamp(10px,max(2.4vmin,1vw),19px);color:var(--accent)}@keyframes shorten{from{width:100%}to{width:60%}}

Journey compression describes cases where the observable steps or time between comparison and buying intent shrink during AI-assisted exploration. A missing step may have happened elsewhere rather than vanished.

The demo compares an illustrative multi-search path with a shorter AI-answer path. In real analysis, align cohort, time window, and event definitions.

A shorter path is not automatically better. Check later satisfaction and returns as well as speed.

When to use

Use it to compare exploration depth and time to intent among AI-assisted visitors.

Open as page ↗