콘텐츠 성장 루프에서는 사용자가 만든 결과물이 공개·검색·공유되며 다음 사용자의 유입 경로가 됩니다. 새 방문자가 다시 결과물을 만들면 검색 가능한 자산이 쌓입니다.
게시물 개수보다 실제 발견되는 콘텐츠의 비율과 방문자의 첫 가치 행동을 함께 보세요. 낮은 품질의 대량 생산은 루프를 키우기보다 탐색 경험을 해칠 수 있습니다.
언제 쓰나
사용자 산출물이 다른 사람에게도 유용하고 공개될 수 있을 때 적합합니다.
콘텐츠 성장 루프
Content growth loop
사용자가 만든 콘텐츠가 검색·공유로 새 방문자를 불러오는 순환입니다.
···
<div class="stage"><div class="label">COMPOUNDING CONTENT</div><div class="shelf"><div class="doc">01<i></i><i></i></div><div class="doc">02<i></i><i></i></div><div class="doc">03<i></i><i></i></div><div class="doc">04<i></i><i></i></div></div><div class="path"><span>CREATE</span><b>→</b><span>DISCOVER</span><b>→</b><span>VISIT</span><b>↺</b></div><div class="hint">USEFUL OUTPUT BECOMES AN ENTRY POINT</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)}.shelf{position:absolute;inset:22% 8% 34%;display:flex;align-items:end;gap:3%}.doc{flex:1;height:75%;padding:8%;background:var(--surface);border:2px solid var(--fg);box-shadow:5px 5px 0 var(--line);font-size:clamp(11px,max(3.4vmin,1vw),22px);animation:grow 5s infinite both}.doc:nth-child(2){animation-delay:.7s}.doc:nth-child(3){animation-delay:1.4s}.doc:nth-child(4){animation-delay:2.1s}.doc i{display:block;width:80%;height:3px;background:var(--line);margin-top:9%}.doc i:last-child{width:55%}.path{position:absolute;bottom:13%;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:1%;font-size:clamp(10px,max(3.4vmin,1vw),17px)}.path span{background:var(--accent-2);padding:.3em}.path b{color:var(--accent);font-size:1.7em}@keyframes grow{0%,12%{opacity:.1;transform:translateY(20%)}25%,88%{opacity:1;transform:translateY(0)}100%{opacity:.1}}