Personal agency consumption

자기 효능감 소비

A sense of personal control can become part of why an offer matters.

···
html
<div class="agency"><div class="agencyHead">SERVICE FLOW <b id="agencyMode">DONE FOR YOU</b></div><div class="agencySteps"><span id="step1">WE CHOOSE</span><i></i><span id="step2">WE DELIVER</span><i></i><span id="step3">YOU RECEIVE</span></div><div class="agencyRail"><b id="agencyFill"></b></div><div class="agencyFoot" id="agencyFoot">CONTROL STAYS WITH THE SERVICE</div></div>
css
@media(min-width:700px){body>div{transform:scale(1.45)}}.agency{width:min(88%,570px);font:800 clamp(10px,max(1.7vmin,1vw),14px)/1.1 sans-serif}.agencyHead{display:flex;justify-content:space-between;gap:6px;letter-spacing:.05em}.agencyHead b{color:var(--accent)}.agencySteps{display:flex;align-items:center;gap:clamp(4px,1.5vmin,10px);margin:clamp(16px,5vmin,36px) 0}.agencySteps span{flex:1;min-width:0;text-align:center;padding:clamp(7px,2vmin,15px) 2px;border:2px solid var(--line);background:var(--surface);font-size:clamp(10px,max(1.4vmin,1vw),12px)}.agencySteps i{width:clamp(7px,2vmin,14px);height:3px;background:var(--accent);flex:none}.agency.owned .agencySteps span{border-color:var(--accent)}.agencyRail{height:8px;background:var(--line)}.agencyRail b{display:block;width:25%;height:100%;background:var(--accent);transition:width .5s}.agency.owned .agencyRail b{width:85%}.agencyFoot{margin-top:clamp(10px,3vmin,20px);color:var(--muted);letter-spacing:.04em}
js
const board=document.querySelector('.agency');const mode=document.querySelector('#agencyMode');const words=[document.querySelector('#step1'),document.querySelector('#step2'),document.querySelector('#step3')];const foot=document.querySelector('#agencyFoot');function flip(){const owned=board.classList.toggle('owned');mode.textContent=owned?'YOU SET THE GOAL':'DONE FOR YOU';[...words].forEach((item,i)=>item.textContent=(owned?['PICK GOAL','CHECK PROGRESS','REVISE PLAN']:['WE CHOOSE','WE DELIVER','YOU RECEIVE'])[i]);foot.textContent=owned?'CONTROL IS VISIBLE AND EDITABLE':'CONTROL STAYS WITH THE SERVICE'}setTimeout(flip,500);setInterval(flip,2400);

Personal agency consumption describes investment in choices and achievements people can influence even when the wider future feels uncertain. Ipsos's 2026 global trends report found more optimism about one's family than the world and renewed interest in self-improvement and achievement.

The demo changes the same service from 'we handle it' to a flow where the person picks a goal and checks progress. Its scale illustrates control in the design, not a measured psychological score.

Do not shift all responsibility onto the customer. Offer editable goals and a clear exit while stating the support and conditions the product actually provides.

When to use

Use it when designing how customers choose, pace, and revise their own goals.

Open as page ↗