Category entry points

카테고리 진입 단서

Identify situations and needs that bring a buying category to mind.

···
html
<div class="cep"><div class="situations"><span>COMMUTE</span><span>TEAM LUNCH</span><span>LATE WORK</span></div><div class="wires"><i></i><i></i><i></i></div><div class="memory">BRAND<br><b>NOVA</b></div></div>
css
.cep{width:min(90%,480px);font:900 clamp(10px,max(1.8vmin,1vw),14px)/1.1 sans-serif;text-align:center}.situations{display:flex;gap:clamp(4px,1.5vmin,12px)}.situations span{flex:1;min-width:0;padding:clamp(6px,2vmin,16px) 2px;background:var(--surface);border:1px solid var(--line);animation:cue 4.5s infinite}.situations span:nth-child(2){animation-delay:1.5s}.situations span:nth-child(3){animation-delay:3s}.wires{height:clamp(35px,11vmin,70px);display:flex;justify-content:space-around;align-items:center}.wires i{display:block;width:2px;height:100%;background:var(--accent);transform-origin:top;animation:wire 4.5s infinite}.wires i:nth-child(2){animation-delay:1.5s}.wires i:nth-child(3){animation-delay:3s}.memory{width:54%;margin:auto;padding:clamp(6px,1.5vmin,12px);background:var(--accent);color:white}.memory b{display:block;font-size:clamp(19px,5vmin,42px)}@keyframes cue{0%,29%,36%,100%{background:var(--surface);color:var(--fg)}6%,28%{background:var(--fg);color:var(--bg)}}@keyframes wire{0%,29%,36%,100%{transform:scaleY(.25);opacity:.2}6%,28%{transform:scaleY(1);opacity:1}}@media(min-width:700px){body>div{transform:scale(1.8)}}

Category entry points are contexts that prompt a customer to think about a product category. They can involve a place, company, job to be done or feeling.

In the demo, each activated occasion lights up its connected brand memory. In research, ask when people begin thinking about the category and which brands connect to each cue.

A cue that is too broad applies to every brand. Define a specific buying occasion and examine how often it occurs.

When to use

Use to connect campaign messages and media to actual buying occasions.

Open as page ↗