매거진

<title>히어로 상품을 확장하는 방법</title> <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" /> <style> .ably-notice, .ably-notice * { font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; box-sizing: border-box; letter-spacing: -0.01em; } html, body { background: #fff !important; margin: 0; } .ably-notice { color: #1a1a1a; line-height: 1.7; max-width: 760px; margin: 0 auto; background: #fff; padding: 24px; } /* 배너 */ .ably-banner { background: linear-gradient(180deg, #FFF7FA 0%, #FFFFFF 100%); border: 1px solid #F5E3EA; border-radius: 24px; padding: 56px 48px; position: relative; overflow: hidden; margin-bottom: 32px; } .ably-banner-graphic { position: absolute; top: 0; right: 0; width: 42%; height: 100%; opacity: 0.9; pointer-events: none; } @media (max-width: 640px) { .ably-banner-graphic { width: 58%; opacity: 0.55; } } .ably-banner-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 18px; position: relative; z-index: 1; } .ably-banner-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FF4785; } .ably-banner h1 { font-size: 32px; font-weight: 600; margin: 0 0 14px 0; line-height: 1.4; letter-spacing: -0.03em; color: #111; position: relative; z-index: 1; max-width: 520px; } .ably-banner p { font-size: 16px; margin: 0; color: #666; font-weight: 500; position: relative; z-index: 1; max-width: 420px; line-height: 1.6; } /* 인트로 */ .ably-intro { background: #FAFAFA; border-radius: 16px; padding: 28px 32px; margin-bottom: 32px; border-left: 4px solid #FF4785; } .ably-intro p { margin: 0 0 14px 0; font-size: 17px; color: #333; line-height: 1.85; text-align: left; } .ably-intro p:last-child { margin-bottom: 0; } .ably-intro strong { color: #FF4785; font-weight: 600; } .ably-lead-para { font-size: 17px; color: #444; line-height: 1.9; text-align: left; margin: 0 0 18px; } .ably-lead-para strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } .ably-lead { margin: 96px 0 36px; text-align: center; } .ably-lead-kicker { display: inline-block; font-size: 13px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 12px; } .ably-lead h2 { font-size: 26px; font-weight: 600; margin: 0; line-height: 1.55; letter-spacing: -0.02em; color: #1a1a1a; } /* STEP 헤더 */ .ably-step-header { display: flex; align-items: flex-start; gap: 18px; margin: 100px 0 40px; text-align: left; } .ably-step-header:first-of-type { margin-top: 56px; } .ably-step-badge { flex-shrink: 0; height: 40px; padding: 0 18px; border-radius: 100px; background: #FF4785; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(255, 71, 133, 0.28); } .ably-step-kicker { display: block; font-size: 13px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 8px; } .ably-step-header h2 { font-size: 25px; font-weight: 600; margin: 0; line-height: 1.5; letter-spacing: -0.02em; color: #1a1a1a; text-align: left; } /* 시각화 자리 표시 (초안용 placeholder) */ .ably-viz-placeholder { background: #FAFAFA; border: 1.5px dashed #E0DFE3; border-radius: 16px; padding: 30px 24px; margin: 4px 0 36px; text-align: center; } .ably-viz-placeholder .viz-icon { font-size: 22px; margin-bottom: 8px; } .ably-viz-placeholder .viz-label { font-size: 14px; font-weight: 700; color: #999; letter-spacing: 0.02em; margin-bottom: 6px; } .ably-viz-placeholder .viz-desc { font-size: 14.5px; color: #B0AFB5; line-height: 1.6; } /* 독립형 이미지 카드 */ .ably-img-card { background: #FAFAFA; border-radius: 16px; padding: 22px; margin: 4px 0 28px; text-align: center; } .ably-img-card img { display: block; margin: 0 auto 12px; border-radius: 10px; border: 1px solid #EFEFEF; object-fit: contain; } .ably-img-card.is-product img { max-width: 240px; width: 100%; height: auto; } .ably-img-card.is-campaign img { width: 100%; max-width: 100%; height: auto; } .cap { font-size: 13px; font-weight: 400; color: #999; line-height: 1.6; text-align: center; } .ably-img-disclaimer { font-size: 12px; color: #C2C1C7; line-height: 1.6; margin-top: 2px; } .ably-footnote { background: #FAFAFA; border-radius: 10px; padding: 13px 18px; margin: -8px 0 28px; font-size: 13.5px; color: #8A8A92; line-height: 1.7; } /* 체크리스트 */ .ably-checklist .check-box { flex-shrink: 0; width: 20px; height: 20px; margin-top: 3px; } .ably-checklist .check-box svg { display: block; width: 100%; height: 100%; } .ably-checklist .check-text { flex: 1; } .ably-checklist .check-main { font-size: 15.5px; font-weight: 600; color: #1a1a1a; line-height: 1.6; margin-bottom: 4px; } .ably-checklist .check-sub { font-size: 14.5px; color: #666; line-height: 1.75; } /* 콜아웃(팁) */ .ably-chart-comment { display: flex; align-items: flex-start; gap: 10px; background: #F5F5F7; border-radius: 12px; padding: 18px 22px; margin: 0 0 36px; font-size: 15px; color: #444; text-align: left; line-height: 1.85; } .ably-chart-comment .icon { font-size: 16px; flex-shrink: 0; line-height: 1.7; margin-top: 1px; } .ably-chart-comment strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } /* 인용/강조 */ .ably-quote { background: #FFF7FA; border-left: 4px solid #FF4785; border-radius: 0 14px 14px 0; padding: 20px 24px; margin: 16px 0 44px; } .ably-quote p { font-size: 16px; color: #444; line-height: 1.85; margin: 0; } .ably-quote strong { color: #FF4785; font-weight: 600; } hr.ably-divider { border: none; border-top: 1px solid #EEE; margin: 72px 0; } /* 마켓 적용 체크리스트 */ .ably-checklist { margin: 8px 0 0; padding: 6px 24px; list-style: none; background: #fff; border: 1px solid #EFEFEF; border-radius: 16px; } .ably-checklist li { display: flex; align-items: flex-start; gap: 14px; padding: 20px 0; border-bottom: 1px solid #F2F2F4; } .ably-checklist li:last-child { border-bottom: none; } /* 아웃트로 */ .ably-outro { text-align: center; padding: 64px 32px 36px; margin-top: 8px; } .ably-outro-divider { width: 40px; height: 3px; background: #FF4785; margin: 0 auto 24px; border-radius: 100px; } .ably-outro p { font-size: 15.5px; color: #999; line-height: 1.85; margin: 0 0 8px 0; } .ably-outro p.highlight { font-size: 18.5px; color: #1a1a1a; font-weight: 600; margin-bottom: 18px; } .ably-outro-maincopy { font-size: 44px !important; font-weight: 600 !important; line-height: 1.15; letter-spacing: -0.03em; color: #1a1a1a !important; margin: 0 0 40px 0; } .ably-cta { display: inline-flex; align-items: center; gap: 8px; background: #1a1a1a; color: #fff !important; text-decoration: none; padding: 17px 34px; border-radius: 100px; font-size: 16px; font-weight: 600; margin-top: 28px; transition: all 0.2s ease; } .ably-cta:hover { background: #FF4785; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 71, 133, 0.3); } .ably-cta-arrow { font-size: 16px; transition: transform 0.2s ease; } .ably-cta:hover .ably-cta-arrow { transform: translateX(4px); } /* 스크롤 등장 애니메이션 */ .reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .reveal, .reveal.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; } } @media (max-width: 640px) { .ably-banner { padding: 40px 28px; } .ably-banner h1 { font-size: 25px; max-width: 100%; } .ably-outro-maincopy { font-size: 34px !important; } .ably-step-badge { width: 38px; height: 38px; font-size: 17px; } .ably-step-header { gap: 14px; } .ably-step-header h2 { font-size: 21px; } } /* 예산 증액 추이 대시보드 오버레이 */ .ably-dash-wrap { position: relative; margin: 0 0 12px; } .ably-dash-wrap img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid #EFEFEF; } .dash-event-band { position: absolute; top: 15%; bottom: 2%; background: rgba(120,118,130,0.06); } .dash-event-range { position: absolute; top: 7%; height: 0; border-top: 1.5px solid #B9B8BE; } .dash-event-range::before, .dash-event-range::after { content: ''; position: absolute; top: -4px; width: 1.5px; height: 8px; background: #B9B8BE; } .dash-event-range::before { left: 0; } .dash-event-range::after { right: 0; } .dash-event-label { position: absolute; top: 2%; left: 50%; transform: translate(-50%, 0); background: #1a1a1a; color: #fff; font-size: 10.5px; font-weight: 700; padding: 4px 10px; border-radius: 100px; white-space: nowrap; } .dash-badge { position: absolute; transform: translate(-50%, -100%); background: #FF4785; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 100px; white-space: nowrap; box-shadow: 0 3px 8px rgba(255,71,133,0.26); } .dash-badge::after { content: ''; position: absolute; left: 50%; bottom: -4px; transform: translateX(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #FF4785; } /* 일 예산 범례 */ .budget-legend { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 16px; flex-wrap: wrap; } .budget-legend-label { font-size: 12.5px; font-weight: 700; color: #999; margin-right: 4px; } .budget-chip { font-size: 13px; font-weight: 700; color: #1a1a1a; background: #FAFAFA; border: 1px solid #EFEFEF; border-radius: 100px; padding: 5px 12px; } .budget-arrow { font-size: 13px; color: #C2C1C7; } /* Before / After */ .ably-ba-wrap { background: #FAFAFA; border-radius: 16px; padding: 22px; margin: 4px 0 28px; text-align: center; } .ably-ba-row { display: flex; gap: 14px; margin: 0 0 18px; } .ably-ba-card { flex: 1; background: #fff; border-radius: 14px; padding: 14px; text-align: center; } .ably-ba-tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; padding: 4px 12px; border-radius: 100px; margin-bottom: 10px; } .ably-ba-card.before .ably-ba-tag { background: #E8E8E8; color: #666; } .ably-ba-card.after .ably-ba-tag { background: #FFE4ED; color: #FF4785; } .ably-ba-card img { width: 100%; height: auto; border-radius: 10px; border: 1px solid #EFEFEF; display: block; } @media (max-width: 640px) { .ably-ba-row { flex-direction: column; } } /* 이전 편으로 돌아가기 */ .ably-prev-episode { background: #FAFAFA; border-radius: 16px; padding: 26px 28px; margin: 56px 0 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; text-decoration: none; transition: background 0.2s ease; } .ably-prev-episode:hover { background: #F5F5F7; } .ably-prev-episode .ne-kicker { font-size: 12.5px; font-weight: 700; color: #FF4785; letter-spacing: 0.04em; margin-bottom: 6px; } .ably-prev-episode .ne-title { font-size: 16.5px; font-weight: 600; color: #1a1a1a; line-height: 1.5; } .ably-prev-episode .ne-arrow { flex-shrink: 0; font-size: 20px; color: #C2C1C7; } @media (max-width: 640px) { .ably-prev-episode { flex-direction: column; align-items: flex-start; } } /* 모바일 상단 진행률 바 + 칩 네비 */ .ably-mobile-nav { position: sticky; top: 0; z-index: 60; background: #fff; margin: -24px -24px 32px; padding: 14px 24px 0 24px; } .ably-progress-track { height: 3px; background: #F2F2F4; border-radius: 100px; overflow: hidden; margin-bottom: 12px; } .ably-progress-fill { height: 100%; width: 0%; background: #FF4785; transition: width 0.1s linear; } .ably-chip-row { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 14px; border-bottom: 1px solid #F2F2F4; -ms-overflow-style: none; scrollbar-width: none; } .ably-chip-row::-webkit-scrollbar { display: none; } .ably-chip-row a { flex-shrink: 0; font-size: 12.5px; font-weight: 600; color: #999; background: #FAFAFA; border: 1px solid #EFEFEF; border-radius: 100px; padding: 7px 14px; text-decoration: none; white-space: nowrap; transition: all 0.2s ease; } .ably-chip-row a.is-active { background: #FF4785; color: #fff; border-color: #FF4785; } @media (min-width: 1181px) { .ably-mobile-nav { display: none; } } /* PC 넓은 화면에서만 보이는 사이드 네비 (본문 폭은 그대로 유지) */ /* 본문 + 사이드 네비를 같은 그리드에 두어, 어떤 페이지에 삽입되어도 sticky의 기준(가장 가까운 스크롤 컨테이너)이 어긋나지 않도록 한다 */ .ably-page-grid { display: block; } @media (min-width: 1181px) { .ably-page-grid { display: grid; grid-template-columns: 760px 200px; justify-content: center; column-gap: 24px; align-items: start; } } .ably-side-nav { display: none; flex-direction: column; gap: 2px; } @media (min-width: 1181px) { .ably-side-nav { display: flex; position: sticky; top: 40vh; transform: translateY(-50%); } } .ably-side-nav a, .ably-side-nav .side-nav-group-label { display: block; padding: 9px 0 9px 16px; font-size: 13px; font-weight: 500; color: #B0AFB5; text-decoration: none; border-left: 2px solid #EFEFEF; white-space: nowrap; transition: all 0.2s ease; } .ably-side-nav a.is-active { color: #FF4785; font-weight: 700; border-left-color: #FF4785; } </style> <div class="ably-page-grid"> <div class="ably-notice"> <!-- 모바일 진행률 바 + 칩 네비 --> <nav class="ably-mobile-nav" id="ably-mobile-nav"> <div class="ably-progress-track"><div class="ably-progress-fill" id="ably-progress-fill"></div></div> <div class="ably-chip-row"> <a href="#sec-intro" data-nav-target>1. 인트로</a> <a href="#sec-step1" data-nav-target>2. 히어로 상품 볼륨 키우기</a> <a href="#sec-step2" data-nav-target>3. 내 마켓 강점 찾기</a> <a href="#sec-step3" data-nav-target>4. 히어로 상품 확장하기</a> <a href="#sec-step4" data-nav-target>5. 다음 히어로 상품 찾기</a> <a href="#sec-after" data-nav-target>6. 아웃트로</a> </div> </nav> <!-- 배너 --> <div class="ably-banner"> <svg class="ably-banner-graphic" viewBox="0 0 300 220" preserveAspectRatio="xMaxYMid meet"> <polyline points="10,180 60,150 100,160 150,90 200,100 250,40 290,25" fill="none" stroke="#8A8A92" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.12"/> <polyline points="10,180 60,150 100,160 150,90 200,100 250,40 290,25" fill="none" stroke="#FF4785" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/> <circle cx="290" cy="25" r="6" fill="#FF4785" opacity="0.9"/> <circle cx="150" cy="90" r="4.5" fill="#FF4785" opacity="0.5"/> <circle cx="10" cy="180" r="4" fill="#8A8A92" opacity="0.3"/> </svg> <span class="ably-banner-kicker">ABLY ADs · 마켓 성장 스토리 2편</span> <h1>히어로 상품을<br/>확장하는 방법</h1> <p>한 달 만에 거래액을 16배까지 성장시킨<br/>마켓의 실제 운영 이야기</p> </div> <!-- 인트로 --> <div class="ably-intro reveal" id="sec-intro"> <p>마켓에서 유독 반응이 좋은 상품이 있으신가요?<br/>이럴 때 잘되는 상품을 어떻게 더 키울지, 새로운 상품은 어떻게 성장시킬지 고민하게 됩니다.</p> <p>이번 콘텐츠에서는 <strong>마켓의 강점을 살려 한 달 만에 거래액을 16배까지 성장시킨 R 마켓의 실제 이야기</strong>를 소개해드릴게요.</p> <p>잘되는 상품 하나에서 시작해, 그 강점을 다른 상품과 마켓 전체의 성장으로 이어간 운영 방법은 무엇이었을까요? 실제 사례를 통해 그 과정을 함께 살펴보세요.</p> </div> <!-- STEP 1 --> <div class="ably-step-header reveal" id="sec-step1"> <div class="ably-step-badge">1</div> <div> <span class="ably-step-kicker">마켓 평균 거래액 상승에 도전해보세요</span> <h2>전사 행사 기간을 활용하여 히어로 상품 볼륨 키워보기</h2> </div> </div> <p class="ably-lead-para reveal">R 마켓은 성과가 확인된 히어로 상품과 새로운 테스트 상품의 캠페인을 나누어 운영했습니다. 이미 유저 반응이 확인된 상품은 안정적으로 성과를 이어가고, 새로운 상품은 별도의 캠페인에서 테스트하며 각 상품의 역할에 맞게 운영했습니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">특히 메가세일, 블랙프라이데이 등 트래픽이 높아지는 <strong>전사 행사 기간에는 히어로 상품의 예산을 단계적으로 증액해 노출과 거래액 규모를 키워갔습니다.</strong> 평소에는 안정적으로 운영하면서 성과가 유지되는지 확인하고, 유저 유입이 늘어나는 행사 기간에는 이미 반응이 확인된 상품에 더 많은 예산을 활용하는 방식입니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">예산은 <strong>10,000원 → 20,000원 → 30,000원</strong>처럼 한 단계씩 증액했습니다. 각 단계에서 성과가 유지되는지 확인한 뒤 다음 예산으로 높이며, 갑작스럽게 큰 폭으로 예산을 변경하기보다 상품의 성과와 광고 운영 상황을 함께 확인했습니다.</p> <div class="ably-img-card"> <div class="budget-legend"> <span class="budget-legend-label">일 예산</span> <span class="budget-chip">10,000원</span> <span class="budget-arrow">→</span> <span class="budget-chip">20,000원</span> <span class="budget-arrow">→</span> <span class="budget-chip">30,000원</span> </div> <div class="ably-dash-wrap"> <img src="https://ably2.notion.site/image/attachment%3Adedc8fe4-7508-47e3-9c4a-935360f8f0a4%3A%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_(4).png?table=block&id=3df5bdc6-2df3-803a-8668-dcfbab259058&spaceId=a75314c9-b752-4eeb-b731-18abfeb53b5c&width=1330&userId=&cache=v2&imgBuildSrc=requestProxiedImageUrl" alt="예산 증액 추이" style="aspect-ratio:3.5088;" /> <div class="dash-event-band" style="left:42.2%; right:0;"></div> <div class="dash-event-range" style="left:42.2%; right:2%;"></div> <div class="dash-event-label" style="left:70%;">전사 행사 기간</div> <div class="dash-badge" style="left:56.4%; top:48%;">+10,000원 증액</div> <div class="dash-badge" style="left:85.7%; top:35%;">+10,000원 증액</div> </div> <div class="cap">▲ 전사 행사 기간에 맞춰 단계적으로 예산을 증액하면서, 거래액 볼륨이 점차 증가하는 모습</div> </div> <p class="ably-lead-para reveal">전사 행사 기간에는 평소보다 많은 유저가 유입되는 만큼, 이미 유저 반응이 확인된 히어로 상품을 중심으로 광고 볼륨을 키워볼 수 있습니다. 다만 예산을 한 번에 크게 변경하기보다 성과가 유지되는 범위에서 단계적으로 증액하고, 캠페인을 반복적으로 ON/OFF하기보다는 안정적으로 운영하며 데이터를 쌓아가는 것이 좋습니다.</p> <div class="ably-chart-comment reveal"> <span class="icon">💡</span> <span>에이블리 광고는 AI 데이터 학습을 기반으로 운영되기 때문에 광고를 자주 중단하거나 반복적으로 ON/OFF하기보다, <strong>평상시에는 꾸준히 운영할 수 있는 수준에서 예산을 유지하는 것</strong>이 중요합니다. 이후 유저 유입이 늘어나는 행사 기간에는 일시적으로 예산을 높여 광고 볼륨을 확대해볼 수 있습니다.</span> </div> <p class="ably-lead-para reveal" style="margin-bottom:28px;">R 마켓은 이렇게 히어로 상품의 성과를 안정적으로 키워가면서, 한 가지 질문을 던지게 됩니다.<br/><strong style="text-decoration:underline; text-decoration-color:#FF4785; text-underline-offset:3px;">“그런데 이 상품은 왜 잘되는 걸까?”</strong></p> <!-- STEP 2 --> <div class="ably-step-header reveal" id="sec-step2"> <div class="ably-step-badge">2</div> <div> <span class="ably-step-kicker">히어로 상품이 잘되는 이유를 찾아보세요</span> <h2>잘 되는 상품에서 마켓 강점 찾기</h2> </div> </div> <p class="ably-lead-para reveal">히어로 상품의 성과가 확인됐다면, 단순히 해당 상품의 광고비를 늘리는 것에서 그치지 않고 <strong>상품이 잘되는 이유가 무엇인지 살펴보세요.</strong></p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">상품의 핏, 소재, 디자인, 컬러, 가격 등 어떤 요소에 유저가 반응했는지 확인하고, 클릭과 구매 등 실제 유저 반응을 함께 살펴보면 좋습니다. 하나의 상품에서 반복적으로 나타나는 특징을 찾으면 이후 새로운 상품을 기획하고 테스트할 때도 활용할 수 있습니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:6px;">R 마켓의 경우 히어로 상품에서 확인한 강점은 <strong>‘핏’</strong>이었습니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">단순히 특정 팬츠 한 상품이 잘된 것이 아니라, 해당 상품의 핏에 유저가 반응하고 있다는 점에 주목했습니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">이렇게 히어로 상품이 잘되는 이유를 찾았다면, 이를 <strong>마켓이 가진 강점으로 확장할 수 있는 기준</strong>으로 활용해보세요. 잘되는 상품 하나를 반복해서 판매하는 것이 아니라, 그 상품에서 확인한 강점을 다른 상품에도 적용해보는 것입니다.</p> <!-- STEP 3 --> <div class="ably-step-header reveal" id="sec-step3"> <div class="ably-step-badge">3</div> <div> <span class="ably-step-kicker">히어로 상품의 강점을 다른 상품으로 확장해보세요</span> <h2>잘 되는 상품에서 다음 성장의 힌트 찾기</h2> </div> </div> <div class="ably-ba-wrap"> <div class="ably-ba-row"> <div class="ably-ba-card before"> <span class="ably-ba-tag">기존 히어로 상품</span> <img src="https://ably2.notion.site/image/attachment%3A78804eca-ad21-42b8-a029-55241b3dbb3e%3A%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_(3).png?table=block&id=3df5bdc6-2df3-80f1-aaf6-c26fd957691c&spaceId=a75314c9-b752-4eeb-b731-18abfeb53b5c&width=730&userId=&cache=v2&imgBuildSrc=requestProxiedImageUrl" alt="기존 히어로 상품 - 겨울 소재" style="aspect-ratio:0.796;" /> </div> <div class="ably-ba-card after"> <span class="ably-ba-tag">신상</span> <img src="https://ably2.notion.site/image/attachment%3Ae2d18c18-e6eb-4602-8a06-f5ce8fdcee21%3A%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_(5).png?table=block&id=3df5bdc6-2df3-800d-a106-d39a8003aec8&spaceId=a75314c9-b752-4eeb-b731-18abfeb53b5c&width=760&userId=&cache=v2&imgBuildSrc=requestProxiedImageUrl" alt="시즌 확장 상품 - 여름 소재" style="aspect-ratio:0.796;" /> </div> </div> <div class="cap">▲ 기존 히어로 상품(겨울 소재)과 강점을 유지한 시즌 확장 상품</div> <div class="ably-img-disclaimer">해당 이미지는 이해를 돕기 위해 제작한 예시 이미지이며, R마켓의 실제 상품과는 무관합니다.</div> </div> <p class="ably-lead-para reveal" style="margin-bottom:6px;">히어로 상품의 강점을 찾았다면, 이제 그 강점을 다른 상품에 적용해보세요. R 마켓은 시즌이 겨울에서 봄, 여름으로 바뀌면서 기존 히어로 상품을 그대로 반복하기보다, <strong>‘핏’이라는 강점을 새로운 소재와 상품에 적용해 새로운 상품을 선보였습니다.</strong></p> <p class="ably-lead-para reveal">예를 들어 팬츠의 핏이 강점이었다면 같은 핏을 다른 소재나 컬러로 확장해볼 수 있습니다. 소재나 디자인이 강점이었다면 이를 활용한 다른 상품이나 카테고리를 테스트해보거나, 새로운 시즌에 맞는 상품을 준비해볼 수도 있습니다.</p> <p class="ably-lead-para reveal">중요한 것은 히어로 상품의 성과를 그대로 반복하는 것이 아니라, <strong>상품이 잘되는 이유를 찾아 신상 기획, 사입과 테스트에 활용하는 것</strong>입니다. 하나의 히어로 상품에서 확인한 유저 반응을 다음 상품에 적용하면, 잘되는 상품 하나가 새로운 성장 기회로 이어질 수 있습니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">이렇게 같은 강점을 가진 상품을 하나씩 늘려가면, 특정 상품 하나의 성과를 넘어 <strong>마켓이 어떤 상품에 강점을 가지고 있는지</strong>도 점차 명확해질 수 있습니다.</p> <!-- STEP 4 --> <div class="ably-step-header reveal" id="sec-step4"> <div class="ably-step-badge">4</div> <div> <span class="ably-step-kicker">새로운 상품을 테스트하며 다음 히어로 상품을 준비하세요</span> <h2>다음 성장까지 도전하기</h2> </div> </div> <p class="ably-lead-para reveal">히어로 상품의 성과를 키우는 동시에 새로운 상품과 카테고리를 계속 테스트해보세요. 현재 잘되는 상품에만 집중하면 당장의 거래액은 키울 수 있지만, 새로운 성장 기회를 찾기 어려울 수 있습니다.</p> <div class="ably-img-card is-campaign"> <img src="https://ably2.notion.site/image/attachment%3Abb347bab-09cd-442e-b2de-4c72d256bd6c%3A%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_(2).png?table=block&id=3df5bdc6-2df3-80cb-a270-fb08b1748b9a&spaceId=a75314c9-b752-4eeb-b731-18abfeb53b5c&width=1330&userId=&cache=v2&imgBuildSrc=requestProxiedImageUrl" alt="캠페인 목록 타임라인" style="aspect-ratio:3.6474;" /> <div class="cap">▲ 히어로 캠페인과 신상 테스트 캠페인을 함께 운영한 화면</div> <div class="ably-img-disclaimer">해당 이미지는 이해를 돕기 위해 제작한 예시 이미지이며, R마켓의 실제 화면과는 무관합니다.</div> </div> <p class="ably-lead-para reveal">R 마켓은 새로운 상품을 테스트하기 위해 <strong>‘신상’, ‘고객 반응 테스트’, ‘7월 신상’</strong> 등 별도의 캠페인을 운영했습니다. 기존 히어로 상품과 새로운 테스트 상품을 구분해 운영하면서, 현재의 성과를 유지하는 동시에 다음 히어로 상품이 될 수 있는 상품을 계속 찾아간 것입니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">새로운 상품은 짧은 기간의 광고 성과만으로 판단하기보다 충분한 노출이 쌓인 후 비교하는 것이 좋습니다. R 마켓은 상품별 <strong>1,000회 이상의 노출이 쌓인 후</strong> 성과를 비교하고, 반응이 낮은 상품은 제외하면서 새로운 상품을 추가했습니다. 이렇게 테스트 결과에 따라 상품을 교체하고, 유저 반응이 확인되는 상품에 점차 노출을 집중해갔습니다.</p> <div class="ably-chart-comment reveal"> <span class="icon">💡</span> <span>이 과정을 반복하면 현재의 히어로 상품은 지금의 거래액을 만들어주는 <strong>성장 상품</strong>으로, 새로운 상품은 다음 히어로 상품을 찾기 위한 <strong>테스트 상품</strong>으로 각각 역할을 하게 됩니다.</span> </div> <hr class="ably-divider" /> <!-- 클로징 --> <div class="ably-lead reveal" id="sec-after"> <span class="ably-lead-kicker">OUTRO</span> <h2>하나의 강점에서 시작해,<br/>마켓 성장의 출발선으로 만들어보세요</h2> </div> <p class="ably-lead-para reveal">R 마켓은 하나의 잘되는 상품을 발견하는 것에서 시작해, 그 상품의 강점을 찾고 다른 상품으로 확장했습니다. 그리고 새로운 상품을 계속 테스트하며 다음 히어로 상품을 찾았습니다.</p> <p class="ably-lead-para reveal">반응이 좋은 상품에 충분한 노출을 확보해 성과를 키우는 동시에, <strong>“왜 잘되는지”를 찾아 그 강점을 다른 상품에도 적용</strong>했습니다. 여기에 새로운 상품을 꾸준히 테스트하며 또 다른 히어로 상품을 발굴해나갔습니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">잘되는 상품은 더 키우고, 새로운 상품은 계속 테스트하는 흐름이 만들어지면서 <strong>한 상품의 성과가 마켓 전체의 성장</strong>으로 이어질 수 있었습니다. 내 마켓에도 반응이 좋은 상품이 있다면, 그 상품을 키우는 데서 멈추지 말고 잘되는 이유를 찾아 새로운 상품으로 확장해보세요.</p> <p class="ably-lead-para reveal">오늘의 히어로 상품이 지금의 성장을 만들고, 오늘의 테스트 상품이 내일의 히어로 상품이 될 수 있습니다. 🦸🏻‍♀️</p> <!-- 요약 체크리스트 --> <div class="ably-lead reveal" style="margin-top:80px;"> <span class="ably-lead-kicker">CHECK LIST</span> <h2>체크 리스트</h2> </div> <ul class="ably-checklist reveal"> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">현재 마켓에서 유저 반응이 가장 좋은 히어로 상품은 무엇인가요?</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">전사 행사 기간의 높은 트래픽을 활용해 히어로 상품의 광고 볼륨을 더 키워보세요.</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">히어로 상품이 잘되는 이유를 한 가지 이상의 강점으로 정의할 수 있나요?</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">그 강점을 적용해볼 수 있는 새로운 상품이나 카테고리가 있나요?</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">현재 상품의 성과를 키우면서 새로운 상품도 꾸준히 테스트하고 있나요?</div> </div> </li> </ul> <a href="https://www.ablyads.com/mymarketsolution_herostory1" target="_blank" rel="noopener" class="ably-prev-episode reveal"> <div> <div class="ne-kicker">PREV · 마켓 성장 스토리 1편</div> <div class="ne-title">히어로 상품 발굴하기</div> </div> <span class="ne-arrow">←</span> </a> <!-- 아웃트로 --> <div class="ably-outro reveal"> <div class="ably-outro-divider"></div> <p class="highlight">에이블리에서 가장 빠르게 성장하는 방법</p> <p class="ably-outro-maincopy">에이블리 광고</p> <p>광고 관련 궁금한 사항이 있으신 경우, 셀러지원센터를 통해 문의해주세요.</p> <a href="https://www.ablyads.com/adsinsight" target="_blank" rel="noopener" class="ably-cta"> 더 많은 에이블리 광고 인사이트 보러가기 <span class="ably-cta-arrow">→</span> </a> </div> </div> <!-- PC 사이드 네비 (본문과 같은 그리드의 별도 컬럼 — sticky로 스크롤을 따라 움직임) --> <nav class="ably-side-nav" id="ably-side-nav"> <a href="#sec-intro" data-nav-target>1. 인트로</a> <a href="#sec-step1" data-nav-target>2. 히어로 상품 볼륨 키우기</a> <a href="#sec-step2" data-nav-target>3. 내 마켓 강점 찾기</a> <a href="#sec-step3" data-nav-target>4. 히어로 상품 확장하기</a> <a href="#sec-step4" data-nav-target>5. 다음 히어로 상품 찾기</a> <a href="#sec-after" data-nav-target>6. 아웃트로</a> </nav> </div> <script> (function () { var els = document.querySelectorAll('.reveal'); if (!('IntersectionObserver' in window)) { els.forEach(function (el) { el.classList.add('is-visible'); }); return; } var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' }); els.forEach(function (el) { io.observe(el); }); })(); // 섹션 네비게이션 (모바일 칩 + PC 사이드바) + 진행률 바 (function () { var root = document.querySelector('.ably-notice'); var sections = Array.prototype.slice.call( document.querySelectorAll('#sec-intro, #sec-step1, #sec-step2, #sec-step3, #sec-step4, #sec-after') ); var navLinks = document.querySelectorAll('[data-nav-target]'); var progressFill = document.getElementById('ably-progress-fill'); var chipRow = document.querySelector('.ably-chip-row'); if (!sections.length || !navLinks.length || !root) return; // 실제로 스크롤이 일어나는 조상 요소를 찾는다 (window가 아니라 CMS 미리보기 등 // 내부 스크롤 컨테이너를 쓰는 환경에서도 동작하도록) function findScrollParent(el) { var node = el.parentElement; while (node && node !== document.body) { var style = window.getComputedStyle(node); var overflowY = style.overflowY; if ((overflowY === 'auto' || overflowY === 'scroll') && node.scrollHeight > node.clientHeight + 1) { return node; } node = node.parentElement; } return null; // window/document가 스크롤 주체 } var scrollParent = findScrollParent(root); var scrollTarget = scrollParent || window; var isWindowScroll = !scrollParent; function setActive(id) { navLinks.forEach(function (a) { var isActive = a.getAttribute('href') === '#' + id; a.classList.toggle('is-active', isActive); if (isActive && chipRow && chipRow.contains(a)) { var left = a.offsetLeft - 16; chipRow.scrollTo({ left: left < 0 ? 0 : left, behavior: 'smooth' }); } }); } function currentScrollTop() { return isWindowScroll ? (window.scrollY || document.documentElement.scrollTop) : scrollParent.scrollTop; } function maxScroll() { if (isWindowScroll) { return (document.documentElement.scrollHeight - window.innerHeight) || 1; } return (scrollParent.scrollHeight - scrollParent.clientHeight) || 1; } // 뷰포트(또는 스크롤 컨테이너) 기준 세로 중앙 위치를 구한다 function viewportCenter() { if (isWindowScroll) return window.innerHeight * 0.45; var rect = scrollParent.getBoundingClientRect(); return rect.top + scrollParent.clientHeight * 0.45; } function updateProgress() { var pct = Math.min(100, Math.max(0, (currentScrollTop() / maxScroll()) * 100)); if (progressFill) progressFill.style.width = pct + '%'; } // IntersectionObserver의 rootMargin은 window 스크롤 상황에서만 정확하므로, // 내부 스크롤 컨테이너 상황에서는 매 스크롤마다 getBoundingClientRect로 직접 판정한다. function updateActiveSection() { var center = viewportCenter(); var current = sections[0]; sections.forEach(function (sec) { var top = sec.getBoundingClientRect().top; if (top <= center) current = sec; }); setActive(current.id); } var ticking = false; function onScroll() { if (ticking) return; ticking = true; requestAnimationFrame(function () { updateProgress(); updateActiveSection(); ticking = false; }); } scrollTarget.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', onScroll); onScroll(); })(); </script>

<title>히어로 상품 발굴하기</title> <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" /> <style> .ably-notice, .ably-notice * { font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; box-sizing: border-box; letter-spacing: -0.01em; } html, body { background: #fff !important; margin: 0; } .ably-notice { color: #1a1a1a; line-height: 1.7; max-width: 760px; margin: 0 auto; background: #fff; padding: 24px; } /* 배너 */ .ably-banner { background: linear-gradient(180deg, #FFF7FA 0%, #FFFFFF 100%); border: 1px solid #F5E3EA; border-radius: 24px; padding: 56px 48px; position: relative; overflow: hidden; margin-bottom: 32px; } .ably-banner-graphic { position: absolute; top: 0; right: 0; width: 42%; height: 100%; opacity: 0.9; pointer-events: none; } @media (max-width: 640px) { .ably-banner-graphic { width: 58%; opacity: 0.55; } } .ably-banner-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 18px; position: relative; z-index: 1; } .ably-banner-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FF4785; } .ably-banner h1 { font-size: 32px; font-weight: 600; margin: 0 0 14px 0; line-height: 1.4; letter-spacing: -0.03em; color: #111; position: relative; z-index: 1; max-width: 520px; } .ably-banner p { font-size: 16px; margin: 0; color: #666; font-weight: 500; position: relative; z-index: 1; max-width: 420px; line-height: 1.6; } /* 인트로 */ .ably-intro { background: #FAFAFA; border-radius: 16px; padding: 28px 32px; margin-bottom: 20px; border-left: 4px solid #FF4785; } .ably-intro p { margin: 0 0 14px 0; font-size: 17px; color: #333; line-height: 1.85; text-align: left; } .ably-intro p:last-child { margin-bottom: 0; } .ably-intro strong { color: #FF4785; font-weight: 600; } .ably-intro p.ably-intro-note { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid #F0E5E9; font-size: 12px; color: #999; line-height: 1.6; } .ably-intro-note strong { color: #8A8A92; font-weight: 700; } .ably-lead-para { font-size: 17px; color: #444; line-height: 1.9; text-align: left; margin: 0 0 18px; } .ably-lead-para strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } .ably-lead { margin: 96px 0 36px; text-align: center; } .ably-lead-kicker { display: inline-block; font-size: 13px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 12px; } .ably-lead h2 { font-size: 26px; font-weight: 600; margin: 0; line-height: 1.55; letter-spacing: -0.02em; color: #1a1a1a; } /* STEP 헤더 */ .ably-step-header { display: flex; align-items: flex-start; gap: 18px; margin: 100px 0 32px; text-align: left; } .ably-step-header:first-of-type { margin-top: 56px; } .ably-step-badge { flex-shrink: 0; height: 40px; padding: 0 18px; border-radius: 100px; background: #FF4785; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(255, 71, 133, 0.28); } .ably-step-kicker { display: block; font-size: 13px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 8px; } .ably-step-header h2 { font-size: 25px; font-weight: 600; margin: 0; line-height: 1.5; letter-spacing: -0.02em; color: #1a1a1a; text-align: left; } /* 스텝 내부 서브헤딩 */ .ably-substep-title { font-size: 17.5px; font-weight: 700; color: #1a1a1a; margin: 52px 0 22px; line-height: 1.6; padding-bottom: 16px; border-bottom: 1px solid #EEE; display: flex; align-items: center; } .ably-step-header + .ably-substep-title { margin-top: 0; } .ably-substep-title .num-badge { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: #FFE4ED; color: #FF4785; font-size: 12px; font-weight: 700; margin-right: 10px; } /* 시각화 자리 표시 (초안용 placeholder) */ .ably-viz-placeholder { background: #FAFAFA; border: 1.5px dashed #E0DFE3; border-radius: 16px; padding: 30px 24px; margin: 28px 0 32px; text-align: center; } .ably-viz-placeholder .viz-icon { font-size: 22px; margin-bottom: 8px; } .ably-viz-placeholder .viz-label { font-size: 14px; font-weight: 700; color: #999; letter-spacing: 0.02em; margin-bottom: 6px; } .ably-viz-placeholder .viz-desc { font-size: 14.5px; color: #B0AFB5; line-height: 1.6; } /* 독립형 이미지 카드 */ .ably-img-card { background: #FAFAFA; border-radius: 16px; padding: 22px; margin: 28px 0 32px; text-align: center; } .ably-img-card img { display: block; margin: 0 auto 12px; border-radius: 10px; border: 1px solid #EFEFEF; object-fit: contain; max-width: 100%; height: auto; } .ably-img-card.is-screen img { max-width: 420px; width: 100%; } .cap { font-size: 13px; font-weight: 400; color: #999; line-height: 1.6; text-align: center; } .ably-img-disclaimer { font-size: 12px; color: #C2C1C7; line-height: 1.6; margin-top: 2px; } .ably-footnote { background: #FAFAFA; border-radius: 10px; padding: 13px 18px; margin: -8px 0 28px; font-size: 13.5px; color: #8A8A92; line-height: 1.7; } /* 통계 카드 (Before/After 수치) */ .ably-stat-row { display: flex; gap: 14px; margin: 28px 0 32px; } .ably-stat-card { flex: 1; background: #FAFAFA; border-radius: 16px; padding: 24px 22px; } .ably-stat-card .stat-tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; padding: 4px 12px; border-radius: 100px; margin-bottom: 16px; } .ably-stat-card.before .stat-tag { background: #E8E8E8; color: #666; } .ably-stat-card.after .stat-tag { background: #FFE4ED; color: #FF4785; } .stat-line { display: flex; justify-content: space-between; align-items: baseline; padding: 9px 0; border-bottom: 1px solid #F0EFF2; font-size: 14.5px; color: #555; } .stat-line:last-child { border-bottom: none; } .stat-line .stat-num { font-size: 16px; font-weight: 700; color: #1a1a1a; } .ably-stat-card.after .stat-line .stat-num { color: #FF4785; } @media (max-width: 640px) { .ably-stat-row { flex-direction: column; } } /* 콜아웃(팁) */ .ably-chart-comment { display: flex; align-items: flex-start; gap: 10px; background: #F5F5F7; border-radius: 12px; padding: 18px 22px; margin: 28px 0 40px; font-size: 15px; color: #444; text-align: left; line-height: 1.85; } .ably-chart-comment .icon { font-size: 16px; flex-shrink: 0; line-height: 1.7; margin-top: 1px; } .ably-chart-comment strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } /* 정의/가이드 박스 (aside) */ .ably-aside { background: #fff; border: 1px solid #EFEFEF; border-radius: 16px; padding: 26px 28px; margin: 28px 0 36px; } .ably-aside-title { font-size: 15.5px; font-weight: 700; color: #1a1a1a; display: flex; align-items: center; gap: 6px; margin-bottom: 14px; } .ably-aside hr { border: none; border-top: 1px solid #F0EFF2; margin: 0 0 18px; } .ably-aside-body p { font-size: 15px; color: #444; line-height: 1.85; margin: 0 0 10px; } .ably-aside-body p:last-child { margin-bottom: 0; } .ably-aside-body strong { color: #FF4785; font-weight: 600; } .ably-aside-sub { margin-top: 20px; padding-top: 18px; border-top: 1px solid #F5F5F7; } .ably-aside-sub:first-of-type { margin-top: 0; padding-top: 0; border-top: none; } .ably-aside-sub-label { display: inline-block; font-weight: 700; font-size: 14.5px; color: #FF4785; margin-bottom: 10px; } .ably-aside-body ul { margin: 6px 0 12px; padding-left: 20px; } .ably-aside-body li { font-size: 14.5px; color: #555; line-height: 1.8; margin-bottom: 6px; } .ably-inline-link { display: inline-flex; align-items: center; gap: 6px; color: #FF4785; font-weight: 600; text-decoration: none; font-size: 14px; padding-bottom: 2px; border-bottom: 1px solid rgba(255,71,133,0.3); } .ably-inline-link:hover { border-bottom-color: #FF4785; } .ably-inline-link .link-arrow { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 16px; height: 16px; border-radius: 50%; background: #FFE4ED; color: #FF4785; font-size: 10px; } .ably-ai-example { background: #FAFAFA; border-radius: 10px; padding: 14px 16px; margin: 10px 0 14px; font-size: 13.5px; color: #8A8A92; line-height: 1.75; } /* DO / DON'T */ .ably-dodont { display: flex; gap: 14px; margin: 28px 0 44px; } .ably-dodont-col { flex: 1; border-radius: 16px; padding: 22px 24px; } .ably-dodont-col.do { background: #FFF7FA; border: 1px solid #FFE0EA; } .ably-dodont-col.dont { background: #FAFAFA; border: 1px solid #EFEFEF; } .ably-dodont-label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 14px; } .ably-dodont-col.do .ably-dodont-label { color: #FF4785; } .ably-dodont-col.dont .ably-dodont-label { color: #999; } .ably-dodont-col ul { margin: 0; padding: 0; list-style: none; } .ably-dodont-col li { display: flex; gap: 8px; font-size: 14.5px; line-height: 1.7; color: #444; margin-bottom: 10px; } .ably-dodont-col li:last-child { margin-bottom: 0; } .ably-dodont-col li .mark { flex-shrink: 0; font-weight: 700; } .ably-dodont-col.do li .mark { color: #FF4785; } .ably-dodont-col.dont li .mark { color: #B0AFB5; } @media (max-width: 640px) { .ably-dodont { flex-direction: column; } } /* 표 */ .ably-table-wrap { overflow-x: auto; margin: 28px 0 40px; } table.ably-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 480px; } table.ably-table th { background: #FAFAFA; color: #666; font-weight: 700; padding: 13px 14px; border-bottom: 2px solid #EEE; text-align: center; white-space: nowrap; } table.ably-table td { padding: 13px 14px; text-align: center; border-bottom: 1px solid #F2F2F4; color: #333; } table.ably-table td:first-child, table.ably-table th:first-child { text-align: left; color: #666; font-weight: 600; background: #FCFCFD; } table.ably-table tr:last-child td { border-bottom: none; } table.ably-table .highlight-cell { color: #FF4785; font-weight: 700; } /* 인용/강조 */ .ably-quote { border-left: 3px solid #FF4785; padding: 2px 0 2px 20px; margin: 28px 0 44px; } .ably-quote p { font-size: 16px; color: #444; line-height: 1.85; margin: 0 0 10px; } .ably-quote p:last-child { margin-bottom: 0; } .ably-quote strong { color: #FF4785; font-weight: 600; } /* 토글 카드 */ .ably-toggle-group { margin: 20px 0 40px; } .ably-toggle { background: #fff; border: 1px solid #EFEFEF; border-radius: 16px; padding: 2px 24px; margin-bottom: 10px; } .ably-toggle:last-child { margin-bottom: 0; } .ably-toggle .toggle-summary { cursor: pointer; padding: 18px 0; user-select: none; display: flex; align-items: center; justify-content: space-between; font-size: 15.5px; font-weight: 700; color: #1a1a1a; } .ably-toggle .toggle-summary::after { content: 'CLICK +'; flex-shrink: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; color: #FF4785; margin-left: 12px; padding: 5px 12px; border: 1px solid #FFD6E4; border-radius: 20px; background: #FFF5F8; } .ably-toggle.is-open .toggle-summary::after { content: '닫기 −'; } .ably-toggle .toggle-body { display: none; padding: 0 0 26px; font-size: 14.5px; color: #555; line-height: 1.85; } .ably-toggle.is-open .toggle-body { display: block; } .ably-toggle .toggle-body p { margin: 0 0 20px; } .ably-toggle .toggle-body p:last-child { margin-bottom: 0; } .ably-toggle .toggle-body strong { color: #FF4785; font-weight: 600; } .ably-toggle .toggle-body .toggle-note { color: #999; font-size: 14px; } .ably-toggle .toggle-body ul { margin: 0 0 20px; padding-left: 20px; } .ably-toggle .toggle-body li { margin-bottom: 8px; } .ably-toggle .toggle-body .ably-img-card { margin: 24px 0; } .ably-toggle .toggle-body .ably-img-card:first-child { margin-top: 4px; } .ably-toggle .toggle-body .ably-ai-example { margin: 20px 0; } .ably-toggle-group-title { font-size: 15.5px; font-weight: 700; color: #1a1a1a; margin: 28px 0 16px; display: flex; align-items: center; gap: 6px; } /* 요약 (타임라인 버전) */ .ably-summary-timeline { background: #FFF7FA; border-radius: 20px; padding: 32px 36px; margin: 28px 0 40px; } .ably-summary-timeline .ts-item { display: flex; align-items: flex-start; gap: 14px; position: relative; padding-bottom: 22px; } .ably-summary-timeline .ts-item:last-child { padding-bottom: 0; } .ably-summary-timeline .ts-item:not(:last-child)::after { content: ''; position: absolute; left: 12.5px; top: 27px; bottom: -5px; width: 1.5px; background: #FFCFE0; } .ably-summary-timeline .ts-num { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: #FF4785; color: #fff; font-size: 12.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; z-index: 1; } .ably-summary-timeline .ts-text { font-size: 16px; font-weight: 600; color: #1a1a1a; line-height: 1.7; padding-top: 3px; } hr.ably-divider { border: none; border-top: 1px solid #EEE; margin: 72px 0; } /* 체크리스트 */ .ably-checklist { margin: 20px 0 0; padding: 6px 24px; list-style: none; background: #fff; border: 1px solid #EFEFEF; border-radius: 16px; } .ably-checklist li { display: flex; align-items: flex-start; gap: 14px; padding: 20px 0; border-bottom: 1px solid #F2F2F4; } .ably-checklist li:last-child { border-bottom: none; } .ably-checklist .check-box { flex-shrink: 0; width: 20px; height: 20px; margin-top: 3px; } .ably-checklist .check-box svg { display: block; width: 100%; height: 100%; } .ably-checklist .check-text { flex: 1; } .ably-checklist .check-main { font-size: 15.5px; font-weight: 600; color: #1a1a1a; line-height: 1.6; margin-bottom: 4px; } .ably-checklist .check-sub { font-size: 14.5px; color: #666; line-height: 1.75; } /* 아웃트로 */ .ably-outro { text-align: center; padding: 64px 32px 36px; margin-top: 24px; } .ably-outro-divider { width: 40px; height: 3px; background: #FF4785; margin: 0 auto 24px; border-radius: 100px; } .ably-outro p { font-size: 15.5px; color: #999; line-height: 1.85; margin: 0 0 8px 0; } .ably-outro p.highlight { font-size: 18.5px; color: #1a1a1a; font-weight: 600; margin-bottom: 18px; } .ably-outro-maincopy { font-size: 44px !important; font-weight: 600 !important; line-height: 1.15; letter-spacing: -0.03em; color: #1a1a1a !important; margin: 0 0 40px 0; } .ably-cta { display: inline-flex; align-items: center; gap: 8px; background: #1a1a1a; color: #fff !important; text-decoration: none; padding: 17px 34px; border-radius: 100px; font-size: 16px; font-weight: 600; margin-top: 28px; transition: all 0.2s ease; } .ably-cta:hover { background: #FF4785; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 71, 133, 0.3); } .ably-cta-arrow { font-size: 16px; transition: transform 0.2s ease; } .ably-cta:hover .ably-cta-arrow { transform: translateX(4px); } /* 다음 편 예고 */ .ably-next-episode { background: #FAFAFA; border-radius: 16px; padding: 26px 28px; margin-top: 56px; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; text-decoration: none; transition: background 0.2s ease; } .ably-next-episode:hover { background: #F5F5F7; } .ably-next-episode .ne-kicker { font-size: 12.5px; font-weight: 700; color: #FF4785; letter-spacing: 0.04em; margin-bottom: 6px; } .ably-next-episode .ne-title { font-size: 16.5px; font-weight: 600; color: #1a1a1a; line-height: 1.5; } .ably-next-episode .ne-arrow { flex-shrink: 0; font-size: 20px; color: #C2C1C7; } @media (max-width: 640px) { .ably-next-episode { flex-direction: column; align-items: flex-start; } } /* 모바일 상단 진행률 바 + 칩 네비 */ .ably-mobile-nav { position: sticky; top: 0; z-index: 60; background: #fff; margin: -24px -24px 32px; padding: 14px 24px 0 24px; } .ably-progress-track { height: 3px; background: #F2F2F4; border-radius: 100px; overflow: hidden; margin-bottom: 12px; } .ably-progress-fill { height: 100%; width: 0%; background: #FF4785; transition: width 0.1s linear; } .ably-chip-row { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 14px; border-bottom: 1px solid #F2F2F4; -ms-overflow-style: none; scrollbar-width: none; } .ably-chip-row::-webkit-scrollbar { display: none; } .ably-chip-row a { flex-shrink: 0; font-size: 12.5px; font-weight: 600; color: #999; background: #FAFAFA; border: 1px solid #EFEFEF; border-radius: 100px; padding: 7px 14px; text-decoration: none; white-space: nowrap; transition: all 0.2s ease; } .ably-chip-row a.is-active { background: #FF4785; color: #fff; border-color: #FF4785; } @media (min-width: 1181px) { .ably-mobile-nav { display: none; } } /* PC 넓은 화면에서만 보이는 사이드 네비 (본문 폭은 그대로 유지) */ /* 본문 + 사이드 네비를 같은 그리드에 두어, 어떤 페이지에 삽입되어도 sticky의 기준(가장 가까운 스크롤 컨테이너)이 어긋나지 않도록 한다 */ .ably-page-grid { display: block; } @media (min-width: 1181px) { .ably-page-grid { display: grid; grid-template-columns: 760px 200px; justify-content: center; column-gap: 24px; align-items: start; } } .ably-side-nav { display: none; flex-direction: column; gap: 2px; } @media (min-width: 1181px) { .ably-side-nav { display: flex; position: sticky; top: 40vh; transform: translateY(-50%); } } .ably-side-nav a, .ably-side-nav .side-nav-group-label { display: block; padding: 9px 0 9px 16px; font-size: 13px; font-weight: 500; color: #B0AFB5; text-decoration: none; border-left: 2px solid #EFEFEF; white-space: nowrap; transition: all 0.2s ease; } .ably-side-nav a.is-active { color: #FF4785; font-weight: 700; border-left-color: #FF4785; } .ably-side-nav .side-nav-group-label { padding-bottom: 2px; } .ably-side-nav .side-nav-group-label.is-active-group { color: #FF4785; font-weight: 700; border-left-color: #FF4785; } .ably-side-nav a.side-nav-sub { padding: 7px 0 7px 32px; font-size: 12.5px; } /* 스크롤 등장 애니메이션 */ .reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .reveal, .reveal.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; } } @media (max-width: 640px) { .ably-banner { padding: 40px 28px; } .ably-banner h1 { font-size: 25px; max-width: 100%; } .ably-outro-maincopy { font-size: 34px !important; } .ably-step-badge { width: 38px; height: 38px; font-size: 17px; } .ably-step-header { gap: 14px; } .ably-step-header h2 { font-size: 21px; } } </style> <div class="ably-page-grid"> <div class="ably-notice"> <!-- 모바일 진행률 바 + 칩 네비 --> <nav class="ably-mobile-nav" id="ably-mobile-nav"> <div class="ably-progress-track"><div class="ably-progress-fill" id="ably-progress-fill"></div></div> <div class="ably-chip-row"> <a href="#sec-intro" data-nav-target>1. 인트로</a> <a href="#sec-step1" data-nav-target>2. 상품 선정하기</a> <a href="#sec-step2" data-nav-target>3. 예산 &amp; 기간 선정하기</a> <a href="#sec-step3" data-nav-target>4. 성과 분석하기</a> <a href="#sec-after" data-nav-target>5. 결과 &amp; 요약</a> </div> </nav> <!-- 배너 --> <div class="ably-banner"> <svg class="ably-banner-graphic" viewBox="0 0 300 220" preserveAspectRatio="xMaxYMid meet"> <polyline points="10,180 60,150 100,160 150,90 200,100 250,40 290,25" fill="none" stroke="#8A8A92" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.12"/> <polyline points="10,180 60,150 100,160 150,90 200,100 250,40 290,25" fill="none" stroke="#FF4785" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/> <circle cx="290" cy="25" r="6" fill="#FF4785" opacity="0.9"/> <circle cx="150" cy="90" r="4.5" fill="#FF4785" opacity="0.5"/> <circle cx="10" cy="180" r="4" fill="#8A8A92" opacity="0.3"/> </svg> <span class="ably-banner-kicker">마켓 성장 스토리 · 1편</span> <h1>히어로 상품 발굴하기</h1> <p>에이블리 마켓 스토리와 함께하는<br/>내 마켓 운영 솔루션</p> </div> <!-- 인트로 --> <div class="ably-intro reveal"> <p style="font-size:18px;"><strong>매출을 늘리고 싶은데, 무엇부터 시작해야 할지 막막하셨나요?</strong></p> <p>처음부터 어떤 상품이 잘 팔릴지 정확하게 알기는 어려워요.</p> <p>그래서 내 마켓의 모든 상품에 광고 예산을 분산하기보다, <strong>유저 반응이 있었던 상품과 신상품을 직접 테스트하며 어떤 상품이 에이블리 유저에게 반응이 좋은지 확인하는 과정</strong>이 필요합니다.</p> <p>이번 콘텐츠에서는 시작이 막막한 셀러분들을 위해, 에이블리에서 성장한 Z 마켓의 히어로 상품 발굴 과정을 살펴볼게요.</p> <p class="ably-intro-note">💡 <strong>히어로 상품이란?</strong><br/>내 마켓의 여러 상품 중 에이블리 유저에게 좋은 반응을 얻으며, 지속적으로 판매와 성장을 만들어가는 주력 상품을 말해요.</p> </div> <!-- 막막했던 입점 이후의 시간들 --> <div class="ably-lead reveal" id="sec-intro"> <span class="ably-lead-kicker">BEFORE</span> <h2>막막했던 입점 이후의 시간들</h2> </div> <p class="ably-lead-para reveal">Z 마켓은 에이블리에 입점한 후 꾸준히 상품을 업로드해왔습니다. 하루에 7개의 신상품을 등록하기도 했지만, <strong>입점 후 한동안 주문은 거의 발생하지 않았습니다.</strong></p> <p class="ably-lead-para reveal">꾸준히 신상을 업로드하고, 신규 광고주 프로그램을 활용해 광고도 운영했지만, 매출은 크게 늘지 않았습니다. 당시에는 어떤 상품이 에이블리 유저에게 반응을 얻고 있는지 확인하지 않은 채, 감에 의존해 신상을 준비하고 업로드하는 데 집중했기 때문입니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">지속적인 신상 업로드와 광고 운영에도 유저 반응이 나타나지 않자, Z 마켓은 광고 운영 방식을 바꾸었습니다. <strong>상품별로 유저 반응을 직접 확인하고, 반응이 좋은 상품을 찾아 집중하는 방식으로 광고를 운영</strong>하기 시작한 것입니다.</p> <hr class="ably-divider" /> <!-- 줄어든 일 예산, 늘어난 전환 매출 --> <div class="ably-lead reveal"> <span class="ably-lead-kicker">RESULT</span> <h2>줄어든 일 예산, 늘어난 전환 매출</h2> </div> <div class="ably-stat-row reveal"> <div class="ably-stat-card before"> <span class="stat-tag">2026년 1월 일 평균</span> <div class="stat-line"><span>일 소진 광고비</span><span class="stat-num">70,000원</span></div> <div class="stat-line"><span>광고 상품 수</span><span class="stat-num">19개</span></div> <div class="stat-line"><span>주문</span><span class="stat-num">0건</span></div> </div> <div class="ably-stat-card after"> <span class="stat-tag">2026년 6월 일 평균</span> <div class="stat-line"><span>일 소진 광고비</span><span class="stat-num">10,000원</span></div> <div class="stat-line"><span>광고 상품 수</span><span class="stat-num">5개</span></div> <div class="stat-line"><span>주문</span><span class="stat-num">15건</span></div> </div> </div> <p class="ably-lead-para reveal"><strong>일 평균 사용 광고비는 줄었는데, 어떻게 다른 결과를 만들 수 있었을까요?</strong></p> <p class="ably-lead-para reveal">Z 마켓은 입점 초기, 상품별 유저 반응을 확인하기보다 '매출 상승' 자체를 목표로 광고를 운영했습니다. 그 결과, <strong>① 무작정 여러 상품을 한꺼번에 광고하고 ② 마켓 규모에 비해 높은 일 예산을 설정하면서</strong> 광고를 꾸준히 운영하지 못하는 상황이 반복되었습니다.</p> <p class="ably-lead-para reveal">이후 Z 마켓은 광고 운영의 기준을 바꿨습니다.</p> <div class="ably-quote reveal"> <p>무작정 많은 상품을 광고하는 대신, <strong>반응이 좋은 상품을 찾기 위해 상품을 테스트하고</strong></p> <p>무리하게 예산을 사용하는 대신, <strong>꾸준히 운영할 수 있는 수준으로 광고를 운영했습니다.</strong></p> </div> <p class="ably-lead-para reveal" style="margin-bottom:28px;">그렇다면, Z 마켓은 어떤 상품을 선정하고, 어떻게 테스트했을까요?</p> <hr class="ably-divider" /> <!-- 프로세스 소개 --> <div class="ably-lead reveal"> <span class="ably-lead-kicker">PROCESS</span> <h2>히어로 상품을 찾는<br/>광고 테스트 과정</h2> </div> <!-- STEP 1 --> <div class="ably-step-header reveal" id="sec-step1"> <div class="ably-step-badge">1</div> <div> <span class="ably-step-kicker">어떤 상품을 광고할까?</span> <h2>유저 반응이 있는 상품 + 신상 테스트하기</h2> </div> </div> <p class="ably-lead-para reveal">Z 마켓은 이전과 다르게 크게 두 가지 기준으로 테스트 상품을 선정했습니다.</p> <div class="ably-substep-title reveal">① 기존 유저 반응이 있었던 상품</div> <div class="ably-quote reveal"> <p>에이블리 광고는 AI 데이터 기반으로 노출되고 있어요. 따라서 광고를 시작할 때는 <strong>이미 유저 반응이 확인된 상품을 우선적으로 테스트하는 것</strong>을 권장드려요.</p> </div> <p class="ably-lead-para reveal">내 마켓에서 유저 반응이 나타났던 상품은 여러 방법으로 확인할 수 있어요.</p> <p class="ably-toggle-group-title reveal"><svg width="15" height="15" viewBox="0 0 16 16" fill="none" style="flex-shrink:0;"><path d="M8 0L9.5 6.5L16 8L9.5 9.5L8 16L6.5 9.5L0 8L6.5 6.5L8 0Z" fill="#FF4785"/></svg>내 마켓에서 반응이 있는 상품 확인하기</p> <div class="ably-toggle-group reveal"> <div class="ably-toggle"> <div class="toggle-summary" data-toggle>A. '상품별 판매 통계' 활용하기</div> <div class="toggle-body"> <ul> <li>[셀러 어드민 &gt; 상품별 판매 통계] 탭에서 기간별 인기 상품을 거래액 순으로 확인할 수 있어요.</li> <li>순위가 높은 상품을 우선 테스트하되, <strong>재고, 배송 상황 등 실제 광고 운영이 꾸준히 가능한 상품인지</strong> 함께 확인해주세요.</li> <li>지속적인 광고 노출이 어려운 상품이라면 테스트 후보에서 제외하는 것을 권장합니다.</li> </ul> <a href="https://square.a-bly.com/admin-partners-5" target="_blank" rel="noopener" class="ably-inline-link">셀러스퀘어 '상품별 판매 통계' 가이드 확인하기<span class="link-arrow">↗</span></a> </div> </div> <div class="ably-toggle"> <div class="toggle-summary" data-toggle>B. 비즈니스 인사이트 활용하기</div> <div class="toggle-body"> <div class="ably-img-card is-screen"> <img src="https://ably2.notion.site/image/attachment%3Aa56c747c-1e95-4a06-b02a-09e9c971efda%3A%E1%84%89%E1%85%A1%E1%86%BC%E1%84%91%E1%85%AE%E1%86%B7%E1%84%87%E1%85%A7%E1%86%AF_%E1%84%90%E1%85%A9%E1%86%BC%E1%84%80%E1%85%A8_(1).png?table=block&id=3df5bdc6-2df3-80b2-a7ab-ce0f0eb68d71&spaceId=a75314c9-b752-4eeb-b731-18abfeb53b5c&width=1330&userId=&cache=v2&imgBuildSrc=requestProxiedImageUrl" alt="판매 인사이트 상품별 통계 화면" /> <div class="cap">▲ 판매 인사이트 &gt; 상품별 통계 화면</div> </div> <p>비즈니스 인사이트의 [판매 인사이트 &gt; 상품별 통계], [고객 인사이트] 등 다양한 기능을 활용해, <strong>어떤 고객층이 어떻게 유입되었는지 등 상세한 데이터를 상품 단위로 확인</strong>할 수 있어요.</p> <div class="ably-img-card is-screen"> <img src="https://ably2.notion.site/image/attachment%3Aedb89d45-d1b1-4470-bd67-123ebf996e83%3A%E1%84%80%E1%85%A9%E1%84%80%E1%85%A2%E1%86%A8_%E1%84%8B%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%90%E1%85%B3_(1).png?table=block&id=3df5bdc6-2df3-809f-8f48-cfd3c1ee166b&spaceId=a75314c9-b752-4eeb-b731-18abfeb53b5c&width=1330&userId=&cache=v2&imgBuildSrc=requestProxiedImageUrl" alt="고객 인사이트 화면" /> <div class="cap">▲ 고객 인사이트 화면</div> </div> <p>해석하기 어렵거나 요약하고 싶은 내용이 있다면, <strong>AI 어시스턴트에 질문</strong>해보는 것도 좋은 방법이에요.</p> <div class="ably-img-card is-screen"> <img src="https://ably2.notion.site/image/attachment%3Ab6e17205-e432-4e00-8c41-70f357c63058%3A%E1%84%83%E1%85%A2%E1%84%89%E1%85%B5%E1%84%87%E1%85%A9%E1%84%83%E1%85%B3_(2)_(1).png?table=block&id=3df5bdc6-2df3-80ff-9531-e5a51325b50c&spaceId=a75314c9-b752-4eeb-b731-18abfeb53b5c&width=1330&userId=&cache=v2&imgBuildSrc=requestProxiedImageUrl" alt="AI 어시스턴트 화면" /> <div class="cap">▲ AI 어시스턴트 화면</div> </div> <div class="ably-ai-example"> EX) "우리 마켓에서 가장 반응이 좋은 상품이 뭐야?", "처음 광고하는데, 어떤 상품을 먼저 테스트해보면 좋을까?", "우리 마켓 상품은 주로 어떤 연령대의 고객이 반응하고 있어?" </div> <a href="https://www.ablyads.com/bi_guide_main" target="_blank" rel="noopener" class="ably-inline-link">비즈니스 인사이트 퀵 가이드 확인하기<span class="link-arrow">↗</span></a> </div> </div> </div> <div class="ably-substep-title reveal">② 최근 업로드한 신상품</div> <div class="ably-quote reveal"> <p>기존 유저 반응이 있었던 상품과 함께 최근 시즌에 맞춰 업로드한 신상도 테스트 후보에 포함했습니다.</p> </div> <p class="ably-lead-para reveal">등록한 지 오래되어 시즌이 이미 지난 상품이나, 유저 반응이 없었던 상품만 반복해서 광고하기보다 <strong>최근 업로드한 신상을 빠르게 테스트해 어떤 상품이 반응을 얻는지 확인</strong>한 것입니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">물론 신상을 빠르게 광고로 운영한다고 해서 모든 상품이 좋은 성과를 내는 것은 아닙니다. 하지만 <strong>빠르게 신상을 테스트하게 되면 내 마켓에서 어떤 상품이 가능성이 높은지 빠르게 확인</strong>하고, <strong>반응이 좋은 상품을 중심으로 이후 광고와 상품 운영</strong>을 이어갈 수 있습니다.</p> <div class="ably-chart-comment reveal"> <span class="icon">💡</span> <span>유저 반응이 좋은 상품은 이후 광고 운영에서 적극적으로 활용하고, 반응이 좋지 않은 상품은 무작정 예산을 늘리기보다는 빠르게 개선하거나 캠페인에서 제외하고, 다른 상품을 테스트해보세요.</span> </div> <div class="ably-dodont reveal"> <div class="ably-dodont-col do"> <span class="ably-dodont-label">DO</span> <ul> <li><span class="mark">✓</span><span>'내가 잘 팔릴 것 같은 상품'보다 데이터로 유저 반응이 확인된 상품을 우선 테스트하기</span></li> <li><span class="mark">✓</span><span>기존 유저 반응이 있었던 상품과 최근 업로드한 신상품을 함께 테스트하기</span></li> <li><span class="mark">✓</span><span>재고, 배송 등 지속적으로 광고를 운영할 수 있는 상품인지 확인하기</span></li> </ul> </div> <div class="ably-dodont-col dont"> <span class="ably-dodont-label">DON'T</span> <ul> <li><span class="mark">✕</span><span>유저 반응이 없었던 상품만 반복해서 광고하기</span></li> <li><span class="mark">✕</span><span>나의 '감'만으로 광고 상품을 선정하기</span></li> <li><span class="mark">✕</span><span>시즌이 지난 상품을 별다른 이유 없이 계속 테스트하기</span></li> </ul> </div> </div> <!-- STEP 2 --> <div class="ably-step-header reveal" id="sec-step2"> <div class="ably-step-badge">2</div> <div> <span class="ably-step-kicker">얼마로, 얼마나 테스트할까?</span> <h2>테스트 단계에서는 예산을 무리하게 늘리기보다,<br/>꾸준히 운영할 수 있는 수준으로 시작하기</h2> </div> </div> <p class="ably-lead-para reveal">Z 마켓은 이전에 일 예산 평균 7만 원 수준으로 광고를 운영했습니다. 하지만 매일 운영하기에는 부담스러운 예산을 사용하면서 짧게 광고를 운영하고 중단하는 상황이 반복되었습니다. 광고를 끄고 다시 시작하는 과정이 반복되면서 AI 데이터 학습에 계속 방해가 되었습니다.</p> <div class="ably-table-wrap reveal"> <table class="ably-table"> <thead> <tr><th>1월 vs 6월 광고 운영 비교</th><th>1월</th><th>6월</th></tr> </thead> <tbody> <tr><td>평균 일 예산</td><td>7만 원</td><td class="highlight-cell">1~1.5만 원</td></tr> <tr><td>광고 상품 수</td><td>20~30개</td><td class="highlight-cell">3~7개</td></tr> <tr><td>광고 집행일</td><td>14일</td><td class="highlight-cell">30일</td></tr> <tr><td>주문</td><td>19건</td><td class="highlight-cell">34건</td></tr> </tbody> </table> </div> <p class="ably-lead-para reveal">광고 집행일은 늘었지만 사용한 월 평균 광고비는 절반으로 줄었고, 주문 1건을 만드는 비용도 약 20% 이상 낮아질 수 있었습니다.</p> <p class="ably-lead-para reveal">중요한 것은 <strong>무조건 일 예산을 적게 설정하는 것이 아닙니다. 내가 사용할 수 있는 예산에서 중간에 광고가 끊기지 않고 꾸준히 운영될 수 있는 일 예산</strong>을 정하는 것이 중요합니다.</p> <div class="ably-substep-title reveal"><span class="num-badge">1</span>예산에 맞춰 테스트 상품 수를 선정해주세요.</div> <p class="ably-lead-para reveal">Z 마켓은 일 예산을 조정하면서 광고 상품 수도 함께 줄였습니다. 기존에는 20개가 넘는 상품을 한꺼번에 광고하기도 했지만, 이후에는 일 예산 10,000~15,000원에 맞춰 3~7개 정도의 상품을 운영했습니다.</p> <p class="ably-lead-para reveal"><strong>단순히 많은 상품을 광고한다고 해서 모든 상품을 충분히 테스트할 수 있는 것은 아닙니다. 한정된 예산으로 너무 많은 상품을 운영하면 유저 반응이 있는 상품에 노출이 집중되면서, 각 상품별로 충분한 노출이 확보되지 않을 수 있습니다.</strong></p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">반대로, 너무 적은 상품 수로 운영하면 새로운 상품을 테스트할 기회가 줄어들 수 있습니다. 따라서 <strong>일 예산과 테스트 상품 수의 균형을 맞추는 것이 중요</strong>합니다.</p> <div class="ably-aside reveal"> <div class="ably-aside-title">💡 상품 수 선정 가이드</div> <hr/> <div class="ably-aside-body"> <ul> <li>에이블리에서는 일반적으로 상품 1개당 일 예산을 5,000원 ~ 10,000원 수준으로 권장하고 있습니다.</li> <li>성장 초기 마켓에서 광고 운영을 시작할 때에는 <strong>일 예산 10,000원에 5~10개 상품을 선정해 테스트</strong>해보셔도 좋습니다.</li> <li>테스트 기간 이후에는 <strong>1주일 운영 기준, 상품 1개당 최소 1,000회 이상 노출될 수 있는 수준</strong>을 고려해 상품 수를 조정해주세요.</li> </ul> <p style="font-size:13px; color:#B0AFB5;">※ 성장 초기 마켓의 테스트 단계에 해당되는 내용입니다. 테스트 기간 이후에도 적은 일 예산에 많은 상품을 운영하면 상품별 충분한 노출량이 확보되지 않아 정확한 성과 확인이 어려울 수 있습니다.</p> </div> </div> <div class="ably-substep-title reveal"><span class="num-badge">2</span>최소 일주일은 캠페인 세팅 변경 없이 안정적으로 테스트해주세요.</div> <p class="ably-lead-para reveal">광고를 시작하고 1~2일 만에 구매가 발생하지 않았다고 해서 바로 광고를 중단하지 마세요.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">최소 1주일 정도 캠페인 설정을 유지하며 안정적으로 광고를 운영하고, <strong>상품별로 충분한 노출이 발생하여 정확한 성과를 확인할 수 있을 때 유저 반응을 확인</strong>해주세요. 특히 테스트 기간에는 광고를 자주 On/Off 하거나 일 예산을 크게 변경하기보다, 충분한 데이터를 쌓을 수 있도록 안정적으로 운영하는 것이 중요합니다.</p> <div class="ably-dodont reveal"> <div class="ably-dodont-col do"> <span class="ably-dodont-label">DO</span> <ul> <li><span class="mark">✓</span><span>내가 꾸준히 사용할 수 있는 수준으로 일 예산 설정하기</span></li> <li><span class="mark">✓</span><span>일 예산 → 테스트 상품 수 순서로 결정하기</span></li> <li><span class="mark">✓</span><span>최소 1주일 정도 안정적으로 테스트하기</span></li> <li><span class="mark">✓</span><span>상품별 충분한 노출이 확보될 수 있도록 상품 수 조절하기</span></li> </ul> </div> <div class="ably-dodont-col dont"> <span class="ably-dodont-label">DON'T</span> <ul> <li><span class="mark">✕</span><span>처음부터 부담스러운 수준의 높은 일 예산 설정하기</span></li> <li><span class="mark">✕</span><span>적은 예산에 너무 많은 상품을 넣기</span></li> <li><span class="mark">✕</span><span>1~2일의 결과만 보고 광고를 중단하기</span></li> <li><span class="mark">✕</span><span>성과가 좋지 않다고 예산만 크게 늘리기</span></li> <li><span class="mark">✕</span><span>광고 ON/OFF와 큰 폭의 예산 변경을 반복하기</span></li> </ul> </div> </div> <!-- STEP 3 --> <div class="ably-step-header reveal" id="sec-step3"> <div class="ably-step-badge">3</div> <div> <span class="ably-step-kicker">테스트 결과에 따라 다음 액션을 진행해주세요.</span> <h2>광고로 상품 반응을 테스트했다면,<br/>꼭 성과 분석하고 다음 액션 진행하기</h2> </div> </div> <p class="ably-lead-para reveal" style="margin-bottom:28px;">최소 일주일 이상 광고를 안정적으로 운영하고, 상품별 충분한 노출이 확보되었다면 상품별 유저 반응을 비교해보세요. Z 마켓은 테스트 결과에 따라 상품을 나누어 다음과 같이 운영했습니다.</p> <div class="ably-toggle-group reveal"> <div class="ably-toggle"> <div class="toggle-summary" data-toggle>✔️ 반응이 가장 좋은 상품</div> <div class="toggle-body"> <p>구매 전환까지 이어지는 등 <strong>반응이 가장 좋았던 1~2개 상품은 별도 캠페인으로 분리해 지속적으로 노출을 확보</strong>했습니다.</p> <p class="toggle-note">→ 이후 마켓의 주력 상품, 즉 히어로 상품으로 집중해서 키워볼 수 있습니다.</p> </div> </div> <div class="ably-toggle"> <div class="toggle-summary" data-toggle>✔️ 구매 전환은 없지만 유저 반응이 있는 상품</div> <div class="toggle-body"> <p>구매로 이어지지는 않았더라도 <strong>클릭률이 높거나 상품찜·장바구니 담기 등 긍정적인 유저 반응이 확인된 상품은 광고를 계속 운영하며 추가 데이터를 확인</strong>했습니다.</p> </div> </div> <div class="ably-toggle"> <div class="toggle-summary" data-toggle>✔️ 충분히 노출됐지만 반응이 없는 상품</div> <div class="toggle-body"> <p>충분한 노출이 발생했음에도 유저 반응이 확인되지 않는 상품은 <strong>상품을 개선하거나 캠페인에서 제외하고 새로운 상품을 테스트</strong>했습니다.</p> </div> </div> </div> <div class="ably-aside reveal"> <div class="ably-aside-title">💡 광고 성과 확인 방법</div> <hr/> <div class="ably-aside-body"> <p>광고를 처음 운영하거나, 성장 초기 단계의 마켓 셀러님들을 위해 광고 성과를 확인하는 방법을 준비했어요.</p> <a href="https://www.ablyads.com/campaign_guide" target="_blank" rel="noopener" class="ably-inline-link">광고 성과 확인하기<span class="link-arrow">↗</span></a> </div> </div> <div class="ably-dodont reveal"> <div class="ably-dodont-col do"> <span class="ably-dodont-label">DO</span> <ul> <li><span class="mark">✓</span><span>충분한 노출 후 상품별 반응 비교하기</span></li> <li><span class="mark">✓</span><span>클릭·찜·장바구니 등 다양한 반응 확인하기</span></li> <li><span class="mark">✓</span><span>반응 좋은 상품은 별도 캠페인으로 노출 지속하기</span></li> <li><span class="mark">✓</span><span>반응 없는 상품은 개선하거나 교체하기</span></li> <li><span class="mark">✓</span><span>테스트 상품은 꾸준히 업데이트하기</span></li> </ul> </div> <div class="ably-dodont-col dont"> <span class="ably-dodont-label">DON'T</span> <ul> <li><span class="mark">✕</span><span>일시적 결과로 성과 단정하기</span></li> <li><span class="mark">✕</span><span>ROAS만으로 가능성 판단하기</span></li> <li><span class="mark">✕</span><span>성과 부진 시 예산만 늘리기</span></li> <li><span class="mark">✕</span><span>성과 확인 없이 그대로 유지하기</span></li> </ul> </div> </div> <hr class="ably-divider" /> <!-- 결과 --> <div class="ably-lead reveal" id="sec-after"> <span class="ably-lead-kicker">AFTER</span> <h2>결국 만들어낸 성과</h2> </div> <div class="ably-substep-title reveal">한 번의 성과보다, 꾸준히 운영하며 내 마켓의 히어로 상품을 찾아보세요.</div> <p class="ably-lead-para reveal">Z 마켓이 처음부터 광고 운영 방법을 잘 알고 있었던 것은 아닙니다. 예산을 크게 써보기도 했고, 많은 상품을 광고해보기도 했습니다. 성과가 좋지 않아 광고를 중단한 시기도 있었습니다.</p> <p class="ably-lead-para reveal">하지만 그 과정에서 <strong>예산을 무작정 늘리는 대신 지속 가능한 수준으로 운영하고, 새로운 상품을 계속 테스트하는 방식</strong>을 찾아갔습니다. 그리고 그 과정에서 반응이 좋은 상품을 하나씩 발견하며, 마켓의 히어로 상품을 발굴해나갔습니다.</p> <p class="ably-lead-para reveal" style="margin-bottom:28px;">그 결과 2026년 하반기부터는 평균 ROAS 900% 이상을 달성하게 되었습니다.</p> <div class="ably-quote reveal"> <p>중요한 것은 단순히 예산을 줄였다는 것이 아닙니다.</p> <p>광고를 일시적인 매출 성장의 도구로만 활용하는 것이 아니라, 상품별 유저 반응을 확인하고 마켓의 주력 상품을 찾아가는 과정으로 활용한 것입니다.</p> <p>예산을 효율적으로 운영하면서 더 많은 상품의 가능성을 확인하고, 반응이 좋은 상품에 집중하는 방식으로 광고 운영을 바꾼 것입니다.</p> </div> <div class="ably-substep-title reveal">그래서, 기존과 무엇이 달라졌을까요?</div> <p class="ably-lead-para reveal">앞서 살펴본 Z 마켓의 운영 변화를 한눈에 비교하면 다음과 같습니다.</p> <div class="ably-table-wrap reveal"> <table class="ably-table"> <thead> <tr><th></th><th>Before</th><th>After</th></tr> </thead> <tbody> <tr><td>예산</td><td>성과만을 위해 단기적으로 많이 사용</td><td class="highlight-cell">지속 가능한 수준으로 설정</td></tr> <tr><td>상품 수</td><td>많은 상품을 한꺼번에 운영</td><td class="highlight-cell">예산에 맞게 구성</td></tr> <tr><td>광고 운영</td><td>광고 중단 반복</td><td class="highlight-cell">중단 없이 꾸준히 운영</td></tr> <tr><td>신상</td><td>등록 후 오랜 시간이 지나 광고</td><td class="highlight-cell">등록 후 빠르게 테스트</td></tr> <tr><td>상품 테스트</td><td>데이터 확인 없이 감에 의존한 상품 중심</td><td class="highlight-cell">데이터 기반 유저 반응이 있는 상품 + 신상</td></tr> <tr><td>운영 관점</td><td>예산과 노출을 늘리는 데 집중</td><td class="highlight-cell">유저 반응이 좋은 상품을 찾는 데 집중</td></tr> <tr><td>광고 운영 이후 액션</td><td>광고 성과 확인 없이 운영</td><td class="highlight-cell">충분한 데이터 확보 후 상품별 액션</td></tr> <tr><td>결과</td><td>성과 정체</td><td class="highlight-cell">히어로 상품 발견 이후 평균 ROAS 900% 달성</td></tr> </tbody> </table> </div> <!-- 체크리스트 --> <div class="ably-lead reveal" style="margin-top:80px;"> <span class="ably-lead-kicker">CHECK LIST</span> <h2>광고 운영이 어렵다면,<br/>이것부터 체크해보세요.</h2> </div> <p class="ably-lead-para reveal" style="text-align:center; margin-bottom:28px;">광고를 처음 시작했거나 성과가 기대만큼 나오지 않는다면 아래 5가지를 먼저 점검해보세요.</p> <ul class="ably-checklist reveal"> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">어떤 상품부터 테스트하고 있나요?</div> <div class="check-sub">→ 기존 유저 반응이 확인된 상품 + 최근 업로드한 신상품을 테스트 상품으로 선정해보세요.</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">일 예산은 꾸준히 운영할 수 있는 수준인가요?</div> <div class="check-sub">→ 광고가 중단되지 않도록 사용 가능한 예산에 맞춰 일 예산을 설정하세요.</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">예산에 비해 상품을 너무 많이 넣고 있지는 않나요?</div> <div class="check-sub">→ 상품별로 충분한 테스트가 가능하도록 일 예산에 맞춰 상품 수를 조절하세요.</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">충분히 테스트하기 전에 광고를 중단하고 있지는 않나요?</div> <div class="check-sub">→ 최소 1주일 정도 안정적으로 운영하며 충분한 노출과 유저 반응을 확인한 후 다음 액션을 결정해주세요.</div> </div> </li> <li> <div class="check-box"> <svg viewBox="0 0 20 20"><rect x="1" y="1" width="18" height="18" rx="5" fill="#fff" stroke="#FF4785" stroke-width="2"/><path d="M5.5 10.3L8.3 13L14.5 6.8" fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div class="check-text"> <div class="check-main">반응이 좋은 상품을 찾았다면, 집중하고 있나요?</div> <div class="check-sub">→ 테스트를 통해 반응이 좋은 상품을 발견했다면 별도 캠페인에서 지속적으로 노출을 확보하며 히어로 상품으로 키워보세요.</div> </div> </li> </ul> <div class="ably-summary-timeline reveal" style="margin-top:24px;"> <div class="ts-item"> <span class="ts-num">1</span> <span class="ts-text">반응이 있었던 상품과 신상품을 테스트하고</span> </div> <div class="ts-item"> <span class="ts-num">2</span> <span class="ts-text">지속 가능한 예산으로 꾸준히 운영하고</span> </div> <div class="ts-item"> <span class="ts-num">3</span> <span class="ts-text">충분한 데이터를 확인한 후</span> </div> <div class="ts-item"> <span class="ts-num">4</span> <span class="ts-text">반응이 좋은 상품에 집중해보세요.</span> </div> </div> <p class="ably-lead-para reveal" style="margin-bottom:28px;">처음부터 완벽한 상품을 고르는 것보다, <strong>작게 테스트하고 유저 반응을 확인하면서 내 마켓의 히어로 상품을 찾아가는 과정</strong>이 중요합니다.</p> <a href="https://www.ablyads.com/mymarketsolution_herostory2" target="_blank" rel="noopener" class="ably-next-episode reveal"> <div> <div class="ne-kicker">NEXT · 마켓 성장 스토리 2편</div> <div class="ne-title">히어로 상품 발굴 이후 해야 할 일</div> </div> <span class="ne-arrow">→</span> </a> <!-- 아웃트로 --> <div class="ably-outro reveal"> <div class="ably-outro-divider"></div> <p class="highlight">에이블리에서 가장 빠르게 성장하는 방법</p> <p class="ably-outro-maincopy">에이블리 광고</p> <p>광고 관련 궁금한 사항이 있으신 경우, 셀러지원센터를 통해 문의해주세요.</p> <a href="https://www.ablyads.com/adsinsight" target="_blank" rel="noopener" class="ably-cta"> 더 많은 에이블리 광고 인사이트 보러가기 <span class="ably-cta-arrow">→</span> </a> </div> </div> <!-- PC 사이드 네비 (본문과 같은 그리드의 별도 컬럼 — sticky로 스크롤을 따라 움직임) --> <nav class="ably-side-nav" id="ably-side-nav"> <a href="#sec-intro" data-nav-target>1. 인트로</a> <span class="side-nav-group-label" data-nav-group="sec-step1,sec-step2">2. 히어로 상품 찾기</span> <a href="#sec-step1" data-nav-target class="side-nav-sub">상품 선정하기</a> <a href="#sec-step2" data-nav-target class="side-nav-sub">예산 &amp; 기간 선정하기</a> <a href="#sec-step3" data-nav-target>3. 성과 분석하기</a> <a href="#sec-after" data-nav-target>4. 결과 &amp; 요약</a> </nav> </div> <script> (function () { var els = document.querySelectorAll('.reveal'); if (!('IntersectionObserver' in window)) { els.forEach(function (el) { el.classList.add('is-visible'); }); return; } var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' }); els.forEach(function (el) { io.observe(el); }); })(); // 섹션 네비게이션 (모바일 칩 + PC 사이드바) + 진행률 바 (function () { var root = document.querySelector('.ably-notice'); var sections = Array.prototype.slice.call( document.querySelectorAll('#sec-intro, #sec-step1, #sec-step2, #sec-step3, #sec-after') ); var navLinks = document.querySelectorAll('[data-nav-target]'); var progressFill = document.getElementById('ably-progress-fill'); var chipRow = document.querySelector('.ably-chip-row'); if (!sections.length || !navLinks.length || !root) return; // 실제로 스크롤이 일어나는 조상 요소를 찾는다 (window가 아니라 CMS 미리보기 등 // 내부 스크롤 컨테이너를 쓰는 환경에서도 동작하도록) function findScrollParent(el) { var node = el.parentElement; while (node && node !== document.body) { var style = window.getComputedStyle(node); var overflowY = style.overflowY; if ((overflowY === 'auto' || overflowY === 'scroll') && node.scrollHeight > node.clientHeight + 1) { return node; } node = node.parentElement; } return null; // window/document가 스크롤 주체 } var scrollParent = findScrollParent(root); var scrollTarget = scrollParent || window; var isWindowScroll = !scrollParent; function setActive(id) { navLinks.forEach(function (a) { var isActive = a.getAttribute('href') === '#' + id; a.classList.toggle('is-active', isActive); if (isActive && chipRow && chipRow.contains(a)) { var left = a.offsetLeft - 16; chipRow.scrollTo({ left: left < 0 ? 0 : left, behavior: 'smooth' }); } }); } function currentScrollTop() { return isWindowScroll ? (window.scrollY || document.documentElement.scrollTop) : scrollParent.scrollTop; } function maxScroll() { if (isWindowScroll) { return (document.documentElement.scrollHeight - window.innerHeight) || 1; } return (scrollParent.scrollHeight - scrollParent.clientHeight) || 1; } // 뷰포트(또는 스크롤 컨테이너) 기준 세로 중앙 위치를 구한다 function viewportCenter() { if (isWindowScroll) return window.innerHeight * 0.45; var rect = scrollParent.getBoundingClientRect(); return rect.top + scrollParent.clientHeight * 0.45; } function updateProgress() { var pct = Math.min(100, Math.max(0, (currentScrollTop() / maxScroll()) * 100)); if (progressFill) progressFill.style.width = pct + '%'; } // IntersectionObserver의 rootMargin은 window 스크롤 상황에서만 정확하므로, // 내부 스크롤 컨테이너 상황에서는 매 스크롤마다 getBoundingClientRect로 직접 판정한다. function updateActiveSection() { var center = viewportCenter(); var current = sections[0]; sections.forEach(function (sec) { var top = sec.getBoundingClientRect().top; if (top <= center) current = sec; }); setActive(current.id); } var ticking = false; function onScroll() { if (ticking) return; ticking = true; requestAnimationFrame(function () { updateProgress(); updateActiveSection(); ticking = false; }); } scrollTarget.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', onScroll); onScroll(); })(); // 토글 카드 (details/summary 대신 순수 div+클릭 방식) (function () { document.querySelectorAll('[data-toggle]').forEach(function (el) { el.addEventListener('click', function () { var card = el.closest('.ably-toggle'); if (card) card.classList.toggle('is-open'); }); }); })(); </script>

<title>이벤트 배너</title> <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" /> <style> .ably-event-banner, .ably-event-banner * { font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; box-sizing: border-box; letter-spacing: -0.01em; } html, body { background: #fff !important; margin: 0; } .ably-event-banner { max-width: 760px; margin: 0 auto; background: linear-gradient(180deg, #FFF7FA 0%, #FFFFFF 100%); border: 1px solid #F5E3EA; border-radius: 24px; padding: 48px 40px; text-align: center; } .ably-event-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 18px; } .ably-event-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FF4785; } .ably-event-banner h1 { font-size: 25px; font-weight: 600; margin: 0 0 14px; line-height: 1.5; letter-spacing: -0.02em; color: #1a1a1a; } .ably-event-banner h1 strong { color: #FF4785; font-weight: 700; } .ably-event-banner p.note { font-size: 14px; color: #999; margin: 8px 0 0; } </style> <div class="ably-event-banner"> <span class="ably-event-kicker">EVENT</span> <h1>기간 한정 이벤트 OPEN!<br/>퀴즈 풀고, 설문 참여하시면 <strong>비즈포인트 5,000원</strong>을 지급해드려요.</h1> <p class="note">해당 이벤트는 2026년 8월 30일 23:59까지 진행됩니다.</p> </div>

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" /> <style> .ably-notice, .ably-notice * { font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; box-sizing: border-box; letter-spacing: -0.01em; } .ably-notice { color: #1a1a1a; line-height: 1.7; max-width: 760px; margin: 0 auto; } /* 배너 */ .ably-banner { background: linear-gradient(180deg, #FFF7FA 0%, #FFFFFF 100%); border: 1px solid #F5E3EA; border-radius: 24px; padding: 56px 48px; position: relative; overflow: hidden; margin-bottom: 32px; } .ably-banner-graphic { position: absolute; top: 0; right: 0; width: 46%; height: 100%; opacity: 0.9; pointer-events: none; } .ably-banner-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 18px; position: relative; z-index: 1; } .ably-banner-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FF4785; } .ably-banner h1 { font-size: 34px; font-weight: 600; margin: 0 0 14px 0; line-height: 1.4; letter-spacing: -0.03em; color: #111; position: relative; z-index: 1; max-width: 460px; } .ably-banner p { font-size: 16px; margin: 0; color: #666; font-weight: 500; position: relative; z-index: 1; max-width: 420px; line-height: 1.6; } /* 인트로 */ .ably-intro { background: #FAFAFA; border-radius: 16px; padding: 28px 32px; margin-bottom: 40px; border-left: 4px solid #FF4785; } .ably-intro p { margin: 0 0 8px 0; font-size: 15px; color: #333; line-height: 1.75; text-align: left; } .ably-intro p:last-child { margin-bottom: 0; } .ably-intro strong { color: #FF4785; font-weight: 600; } .ably-lead-para { font-size: 15px; color: #444; line-height: 1.8; text-align: left; margin: 0 0 8px; } /* 섹션 리드 */ .ably-lead { margin: 56px 0 28px; text-align: center; } .ably-lead-kicker { display: inline-block; font-size: 12px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 10px; } .ably-lead h2 { font-size: 25px; font-weight: 600; margin: 0; line-height: 1.5; letter-spacing: -0.02em; color: #1a1a1a; } .ably-lead p { font-size: 15px; color: #666; margin: 10px 0 0; } /* 스토리 항목 */ .ably-feature { margin-bottom: 32px; } .ably-feature-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 100px; margin-bottom: 16px; } .ably-feature-tag.market-a { background: #FFE4ED; color: #FF4785; } .ably-feature-tag.market-b { background: #F0F0F2; color: #666; } .ably-feature h3 { font-size: 21px; font-weight: 600; margin: 0 0 12px 0; line-height: 1.4; letter-spacing: -0.02em; color: #1a1a1a; } .ably-feature-desc { font-size: 15px; color: #444; line-height: 1.8; margin: 0 0 22px 0; } .ably-feature-desc strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } /* 스토리형 차트 박스 */ .ably-chart-box { background: #FAFAFA; border-radius: 18px; padding: 28px 24px 22px; margin-bottom: 14px; } .ably-chart-caption { font-size: 13.5px; color: #666; margin-top: 4px; line-height: 1.7; text-align: center; } .ably-chart-caption strong { color: #1a1a1a; font-weight: 600; } .ably-chart-comment { display: flex; align-items: flex-start; gap: 8px; justify-content: center; background: #fff; border: 1px solid #EFEFEF; border-radius: 10px; padding: 12px 16px; margin-top: 14px; font-size: 13.5px; color: #555; text-align: left; } .ably-chart-comment .icon { font-size: 15px; flex-shrink: 0; } .ably-chart-comment > span:last-child { flex: 1; min-width: 0; } /* Before / After */ .ably-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0 8px; } .ably-comparison-card { border-radius: 14px; padding: 22px; border: 1px solid #EEE; } .ably-comparison-card.before { background: #FAFAFA; } .ably-comparison-card.after { background: #FFF5F8; border-color: #FFD4E0; } .ably-comparison-tag { display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 6px; margin-bottom: 12px; } .ably-comparison-tag.before { background: #E8E8E8; color: #666; } .ably-comparison-tag.after { background: #FF4785; color: #fff; } .ably-comparison-text { font-size: 14px; color: #333; line-height: 1.6; margin: 0; word-break: keep-all; } /* WHY - 스캐터 차트 */ .ably-scatter-box { background: #FAFAFA; border-radius: 18px; padding: 30px 26px 24px; margin-bottom: 10px; } .ably-scatter-hint { font-size: 13px; color: #999; margin: 0 0 20px; text-align: center; } .ably-scatter-caption { font-size: 12px; color: #AAA; margin-top: 4px; } .ably-scatter-group { margin-bottom: 22px; } .ably-scatter-group:last-child { margin-bottom: 0; } .ably-scatter-title { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .ably-scatter-title .dot { width: 9px; height: 9px; border-radius: 50%; } .ably-scatter-title .dot.a { background: #FF4785; } .ably-scatter-title .dot.b { background: #7A7A82; } .ably-scatter-legend { display: flex; gap: 18px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #EEE; } .ably-scatter-legend-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #888; } .ably-scatter-legend-swatch { width: 10px; height: 10px; border-radius: 50%; } .ably-scatter-legend-swatch.on { background: #555; } .ably-scatter-legend-swatch.off { background: #DDD; } .ably-scatter-chart { display: flex; gap: 10px; align-items: stretch; } .ably-scatter-labels { display: flex; flex-direction: column; gap: 6px; flex-shrink: 0; } .ably-scatter-label-line, .ably-scatter-label-bar { display: flex; align-items: center; font-size: 10.5px; color: #AAA; white-space: nowrap; } .ably-scatter-label-line { height: 92px; } .ably-scatter-label-bar { height: 14px; } .ably-scatter-plot { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; } .ably-scatter-plot svg:first-child { display: block; height: 92px; } .ably-scatter-plot svg:last-child { display: block; height: 14px; } /* 인용문 */ .ably-quote { background: #FFF7FA; border-left: 4px solid #FF4785; border-radius: 0 14px 14px 0; padding: 18px 22px; margin: 24px 0 36px; } .ably-quote p { font-size: 14.5px; color: #444; line-height: 1.8; margin: 0; } .ably-quote strong { color: #FF4785; font-weight: 600; } /* 인용/설명 박스 */ .ably-callout { background: #F5F5F7; border-radius: 14px; padding: 24px 26px; margin: 28px 0 36px; } .ably-callout p { font-size: 14.5px; color: #444; margin: 0 0 12px; line-height: 1.8; } .ably-callout p:last-child { margin-bottom: 0; } .ably-callout ul { margin: 4px 0 14px; padding-left: 0; list-style: none; } .ably-callout li { font-size: 14.5px; color: #444; line-height: 2; padding-left: 26px; position: relative; } .ably-callout li::before { content: '✅'; position: absolute; left: 0; top: 1px; font-size: 13px; } /* 요약 (딥 톤 카드) */ .ably-summary { background: #241C22; border-radius: 20px; padding: 38px 40px; margin-top: 32px; color: #EDE7EA; } .ably-summary h3 { font-size: 18px; font-weight: 600; margin: 0 0 26px 0; color: #fff; } .ably-summary-table { width: 100%; border-collapse: collapse; } .ably-summary-table th { text-align: left; font-size: 12.5px; font-weight: 600; color: #FF88AC; padding: 10px 14px; border-bottom: 1px solid #3D3038; } .ably-summary-table td { padding: 17px 14px; font-size: 13.5px; border-bottom: 1px solid #332A2F; vertical-align: top; line-height: 1.65; } .ably-summary-table tr:last-child td { border-bottom: none; } .ably-summary-table .col-item { font-weight: 600; color: #fff; width: 26%; } .ably-summary-table .col-a { color: #F3C9D6; width: 37%; } .ably-summary-table .col-b { color: #9C939A; width: 37%; } /* 핵심 요약 박스 */ .ably-keypoints { background: #F5F5F7; border-radius: 16px; padding: 28px 30px; margin-top: 20px; } .ably-keypoints-title { font-size: 15px; font-weight: 600; color: #FF4785; margin-bottom: 14px; } .ably-keypoints ul { margin: 0; padding-left: 0; list-style: none; } .ably-keypoints li { font-size: 14.5px; color: #333; line-height: 1.8; margin-bottom: 10px; padding-left: 26px; position: relative; } .ably-keypoints li:last-child { margin-bottom: 0; } .ably-keypoints li::before { content: '✅'; position: absolute; left: 0; top: 1px; font-size: 13px; } hr.ably-divider { border: none; border-top: 1px solid #EEE; margin: 56px 0; } /* 아웃트로 (레퍼런스 동일) */ .ably-outro { text-align: center; padding: 56px 32px 32px; margin-top: 8px; } .ably-outro-divider { width: 40px; height: 3px; background: #FF4785; margin: 0 auto 24px; border-radius: 100px; } .ably-outro p { font-size: 14px; color: #999; line-height: 1.8; margin: 0 0 8px 0; } .ably-outro p.highlight { font-size: 17px; color: #1a1a1a; font-weight: 600; margin-bottom: 16px; } .ably-outro-maincopy { font-size: 52px !important; font-weight: 600 !important; line-height: 1.15; letter-spacing: -0.03em; color: #1a1a1a !important; margin: 0 0 56px 0; } .ably-cta { display: inline-flex; align-items: center; gap: 8px; background: #1a1a1a; color: #fff !important; text-decoration: none; padding: 16px 32px; border-radius: 100px; font-size: 15px; font-weight: 600; margin-top: 28px; transition: all 0.2s ease; } .ably-cta:hover { background: #FF4785; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 71, 133, 0.3); } .ably-cta-arrow { font-size: 16px; transition: transform 0.2s ease; } .ably-cta:hover .ably-cta-arrow { transform: translateX(4px); } /* ===== 애니메이션 (순수 CSS, JS 없이 동작) ===== */ @keyframes ablyFadeInUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } @keyframes ablyFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes ablyDraw { from { stroke-dashoffset: 5000; } to { stroke-dashoffset: 0; } } @keyframes ablyPop { 0% { opacity: 0; transform: scale(.55); } 65% { opacity: 1; transform: scale(1.08); } 100% { opacity: 1; transform: scale(1); } } @keyframes ablyBreathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } } @keyframes ablyPing { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(2.6); opacity: 0; } } @keyframes ablyGlow { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,71,133,0.35); } 50% { box-shadow: 0 0 0 9px rgba(255,71,133,0); } } .ably-anim-fadeup { opacity: 0; animation: ablyFadeInUp .7s ease both; animation-play-state: paused; } .ably-anim-fade { opacity: 0; animation: ablyFadeIn .9s ease both; animation-play-state: paused; } .ably-anim-draw { stroke-dasharray: 5000; stroke-dashoffset: 5000; animation: ablyDraw 1.7s cubic-bezier(.4,0,.2,1) both; animation-play-state: paused; } .ably-anim-pop { opacity: 0; transform-box: fill-box; transform-origin: center; animation: ablyPop .6s cubic-bezier(.34,1.56,.64,1) both; animation-play-state: paused; } .ably-anim-breathe { transform-box: fill-box; transform-origin: center; animation: ablyBreathe 2.6s ease-in-out infinite; } .ably-anim-pop-breathe { opacity: 0; transform-box: fill-box; transform-origin: center; animation: ablyPop .6s cubic-bezier(.34,1.56,.64,1) both, ablyBreathe 2.6s ease-in-out 1.4s infinite; animation-play-state: paused, paused; } .ably-anim-fadeup li, .ably-keypoints li, .ably-callout li, .ably-summary-table tr, .ably-comparison-card { opacity: 0; animation: ablyFadeInUp .6s ease both; animation-play-state: paused; } .ably-anim-fadeup.ably-play, .ably-anim-fade.ably-play, .ably-anim-draw.ably-play, .ably-anim-pop.ably-play, .ably-anim-ping.ably-play { animation-play-state: running; } .ably-anim-pop-breathe.ably-play { animation-play-state: running, running; } .ably-anim-fadeup li.ably-play, .ably-keypoints li.ably-play, .ably-callout li.ably-play, .ably-summary-table tr.ably-play, .ably-comparison-card.ably-play { animation-play-state: running; } .ably-keypoints li:nth-child(1) { animation-delay: .05s; } .ably-keypoints li:nth-child(2) { animation-delay: .18s; } .ably-keypoints li:nth-child(3) { animation-delay: .31s; } .ably-callout li:nth-child(1) { animation-delay: .05s; } .ably-callout li:nth-child(2) { animation-delay: .16s; } .ably-callout li:nth-child(3) { animation-delay: .27s; } .ably-summary-table tr:nth-child(1) { animation-delay: 0s; } .ably-summary-table tr:nth-child(2) { animation-delay: .12s; } .ably-summary-table tr:nth-child(3) { animation-delay: .24s; } .ably-summary-table tr:nth-child(4) { animation-delay: .36s; } .ably-comparison-card.before { animation-delay: 0s; } .ably-comparison-card.after { animation-delay: .15s; } .ably-anim-ping { transform-box: fill-box; transform-origin: center; animation: ablyPing 2.2s ease-out infinite; pointer-events: none; animation-play-state: paused; } .ably-cta { animation: ablyGlow 2.4s ease-in-out infinite; } .ably-cta:hover { animation: none; } @media (prefers-reduced-motion: reduce) { .ably-anim-fadeup, .ably-anim-fade, .ably-anim-draw, .ably-anim-pop, .ably-anim-breathe, .ably-anim-ping, .ably-cta, .ably-anim-pop-breathe, .ably-keypoints li, .ably-callout li, .ably-summary-table tr, .ably-comparison-card { animation: none !important; opacity: 1 !important; stroke-dashoffset: 0 !important; } } /* 오늘의 핵심 강조 */ .ably-keypoints li strong { color: #1a1a1a; font-weight: 700; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } @media (max-width: 640px) { .ably-banner { padding: 40px 28px; } .ably-banner h1 { font-size: 26px; max-width: 100%; } .ably-banner p { max-width: 100%; } .ably-banner-graphic { width: 60%; opacity: 0.6; } .ably-comparison { grid-template-columns: 1fr; } .ably-summary { padding: 28px 22px; } .ably-summary-table { font-size: 12.5px; } .ably-outro-maincopy { font-size: 38px !important; } } </style> <div class="ably-notice"> <!-- 배너 --> <div class="ably-banner"> <svg class="ably-banner-graphic" viewBox="0 0 300 220" preserveAspectRatio="xMaxYMid meet"> <polyline points="10,190 60,150 100,165 150,90 200,110 250,40 290,20" class="ably-anim-draw" style="animation-delay:.1s" fill="none" stroke="#FF4785" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.16"/> <polyline points="10,190 60,150 100,165 150,90 200,110 250,40 290,20" class="ably-anim-draw" style="animation-delay:.1s" fill="none" stroke="#FF4785" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.55"/> <circle cx="290" cy="20" r="5" fill="#FF4785" opacity="0.85" class="ably-anim-pop" style="animation-delay:1.5s"/> <circle cx="150" cy="90" r="4" fill="#FF4785" opacity="0.4" class="ably-anim-pop" style="animation-delay:1.65s"/> <circle cx="10" cy="190" r="4" fill="#FF4785" opacity="0.25" class="ably-anim-pop" style="animation-delay:1.8s"/> </svg> <span class="ably-banner-kicker ably-anim-fadeup" style="animation-delay:0s">ABLY ADs</span> <h1 class="ably-anim-fadeup" style="animation-delay:.1s">광고, 언제 켜고<br/>꺼야 할까요?</h1> <p class="ably-anim-fadeup" style="animation-delay:.22s">에이블리 실제 사례로 확인해보는<br/>광고 운영 고민</p> </div> <!-- 인트로 (후킹) --> <div class="ably-intro ably-anim-fadeup" style="animation-delay:.3s"> <p>"언제 광고를 켜야 하나요?" "행사 기간에만 켜두면 될까요?" "신상 업로드할 때만 잠깐 쓰면 될까요?" 많은 셀러님들이 공통적으로 궁금해하시는 질문이에요.</p> <p>그 답은 <strong>노출 데이터</strong>를 통해 확인할 수 있었어요. 비슷한 시기에 비슷한 규모로 시작한 마켓 A와 마켓 B의 노출 데이터부터 확인해볼게요.</p> </div> <hr class="ably-divider" /> <!-- 왜 차이가 생겼는지 (WHY) --> <div class="ably-lead"> <span class="ably-lead-kicker">INSIGHT</span> <h2>광고 ON/OFF에 따른 노출량 추이</h2> <p>광고 운영 패턴에 따라 달라지는 노출과 유입</p> </div> <div class="ably-scatter-box"> <div class="ably-scatter-group"> <div class="ably-scatter-title"><span class="dot a"></span>A 마켓</div> <div class="ably-scatter-chart"> <div class="ably-scatter-labels"> <span class="ably-scatter-label-line">일별 노출수 추이</span> <span class="ably-scatter-label-bar">광고 운영 여부</span> </div> <div class="ably-scatter-plot"> <svg viewBox="0 0 640 96" preserveAspectRatio="none" style="width:100%; display:block;"> <defs> <linearGradient id="gradA" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#FF4785" stop-opacity="0.35"/> <stop offset="100%" stop-color="#FF4785" stop-opacity="0.02"/> </linearGradient> </defs> <path fill="url(#gradA)" class="ably-anim-fade" style="animation-delay:1.1s" d="M0.0,47.7 L3.3,51.1 L6.6,51.1 L9.9,62.3 L13.2,55.4 L16.5,62.1 L19.8,74.2 L23.1,75.5 L26.4,84.1 L29.7,92.0 L33.0,92.0 L36.3,79.2 L39.6,63.7 L42.9,64.9 L46.2,71.5 L49.5,62.7 L52.8,92.0 L56.1,69.8 L59.4,68.0 L62.7,60.2 L66.0,53.9 L69.3,40.9 L72.6,60.2 L75.9,58.4 L79.2,67.4 L82.5,62.7 L85.8,59.4 L89.1,92.0 L92.4,92.0 L95.7,92.0 L99.0,92.0 L102.3,92.0 L105.6,92.0 L108.9,44.8 L112.2,46.0 L115.5,73.8 L118.8,61.4 L122.1,54.8 L125.4,60.8 L128.7,4.0 L132.0,21.2 L135.3,36.7 L138.6,36.0 L141.9,46.6 L145.2,52.5 L148.5,58.2 L151.8,58.9 L155.1,60.1 L158.4,61.1 L161.6,61.8 L164.9,62.4 L168.2,62.9 L171.5,63.3 L174.8,66.3 L178.1,68.5 L181.4,70.0 L184.7,69.7 L188.0,68.9 L191.3,68.0 L194.6,68.0 L197.9,68.0 L201.2,67.9 L204.5,67.7 L207.8,67.6 L211.1,67.5 L214.4,66.7 L217.7,66.0 L221.0,65.4 L224.3,65.0 L227.6,64.6 L230.9,64.4 L234.2,64.2 L237.5,64.1 L240.8,64.1 L244.1,63.9 L247.4,63.8 L250.7,63.6 L254.0,63.5 L257.3,63.3 L260.6,63.2 L263.9,63.1 L267.2,63.0 L270.5,62.8 L273.8,62.5 L277.1,62.2 L280.4,61.8 L283.7,61.4 L287.0,61.0 L290.3,60.5 L293.6,60.1 L296.9,60.3 L300.2,60.5 L303.5,60.7 L306.8,60.6 L310.1,60.3 L313.4,59.9 L316.7,59.4 L320.0,58.9 L323.3,58.2 L326.6,57.7 L329.9,57.4 L333.2,56.8 L336.5,56.2 L339.8,55.6 L343.1,55.0 L346.4,54.5 L349.7,54.1 L353.0,53.8 L356.3,53.6 L359.6,53.5 L362.9,53.5 L366.2,53.5 L369.5,53.6 L372.8,53.8 L376.1,54.0 L379.4,54.0 L382.7,53.9 L386.0,53.7 L389.3,53.7 L392.6,53.8 L395.9,54.0 L399.2,54.2 L402.5,54.3 L405.8,54.6 L409.1,54.8 L412.4,54.8 L415.7,55.0 L419.0,55.1 L422.3,55.3 L425.6,55.5 L428.9,55.6 L432.2,55.6 L435.5,55.4 L438.8,55.2 L442.1,54.9 L445.4,54.6 L448.7,54.4 L452.0,54.3 L455.3,54.2 L458.6,54.0 L461.9,53.8 L465.2,53.6 L468.5,53.4 L471.8,53.2 L475.1,53.0 L478.4,52.7 L481.6,52.5 L484.9,52.3 L488.2,52.0 L491.5,51.6 L494.8,51.6 L498.1,51.5 L501.4,51.5 L504.7,51.4 L508.0,51.4 L511.3,51.2 L514.6,51.0 L517.9,50.9 L521.2,50.8 L524.5,50.8 L527.8,50.9 L531.1,50.7 L534.4,50.6 L537.7,50.4 L541.0,50.4 L544.3,50.6 L547.6,50.7 L550.9,50.9 L554.2,50.9 L557.5,51.0 L560.8,51.1 L564.1,51.1 L567.4,51.1 L570.7,51.1 L574.0,51.1 L577.3,51.0 L580.6,50.7 L583.9,50.5 L587.2,50.1 L590.5,50.1 L593.8,50.1 L597.1,50.1 L600.4,50.0 L603.7,50.1 L607.0,50.1 L610.3,50.1 L613.6,50.1 L616.9,50.0 L620.2,49.9 L623.5,49.8 L626.8,49.5 L630.1,49.3 L633.4,49.0 L636.7,48.8 L640.0,48.5 L640.0,92 L0.0,92 Z"/> <path fill="none" stroke="#FF4785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ably-anim-draw" style="animation-delay:.1s" d="M0.0,47.7 L3.3,51.1 L6.6,51.1 L9.9,62.3 L13.2,55.4 L16.5,62.1 L19.8,74.2 L23.1,75.5 L26.4,84.1 L29.7,92.0 L33.0,92.0 L36.3,79.2 L39.6,63.7 L42.9,64.9 L46.2,71.5 L49.5,62.7 L52.8,92.0 L56.1,69.8 L59.4,68.0 L62.7,60.2 L66.0,53.9 L69.3,40.9 L72.6,60.2 L75.9,58.4 L79.2,67.4 L82.5,62.7 L85.8,59.4 L89.1,92.0 L92.4,92.0 L95.7,92.0 L99.0,92.0 L102.3,92.0 L105.6,92.0 L108.9,44.8 L112.2,46.0 L115.5,73.8 L118.8,61.4 L122.1,54.8 L125.4,60.8 L128.7,4.0 L132.0,21.2 L135.3,36.7 L138.6,36.0 L141.9,46.6 L145.2,52.5 L148.5,58.2 L151.8,58.9 L155.1,60.1 L158.4,61.1 L161.6,61.8 L164.9,62.4 L168.2,62.9 L171.5,63.3 L174.8,66.3 L178.1,68.5 L181.4,70.0 L184.7,69.7 L188.0,68.9 L191.3,68.0 L194.6,68.0 L197.9,68.0 L201.2,67.9 L204.5,67.7 L207.8,67.6 L211.1,67.5 L214.4,66.7 L217.7,66.0 L221.0,65.4 L224.3,65.0 L227.6,64.6 L230.9,64.4 L234.2,64.2 L237.5,64.1 L240.8,64.1 L244.1,63.9 L247.4,63.8 L250.7,63.6 L254.0,63.5 L257.3,63.3 L260.6,63.2 L263.9,63.1 L267.2,63.0 L270.5,62.8 L273.8,62.5 L277.1,62.2 L280.4,61.8 L283.7,61.4 L287.0,61.0 L290.3,60.5 L293.6,60.1 L296.9,60.3 L300.2,60.5 L303.5,60.7 L306.8,60.6 L310.1,60.3 L313.4,59.9 L316.7,59.4 L320.0,58.9 L323.3,58.2 L326.6,57.7 L329.9,57.4 L333.2,56.8 L336.5,56.2 L339.8,55.6 L343.1,55.0 L346.4,54.5 L349.7,54.1 L353.0,53.8 L356.3,53.6 L359.6,53.5 L362.9,53.5 L366.2,53.5 L369.5,53.6 L372.8,53.8 L376.1,54.0 L379.4,54.0 L382.7,53.9 L386.0,53.7 L389.3,53.7 L392.6,53.8 L395.9,54.0 L399.2,54.2 L402.5,54.3 L405.8,54.6 L409.1,54.8 L412.4,54.8 L415.7,55.0 L419.0,55.1 L422.3,55.3 L425.6,55.5 L428.9,55.6 L432.2,55.6 L435.5,55.4 L438.8,55.2 L442.1,54.9 L445.4,54.6 L448.7,54.4 L452.0,54.3 L455.3,54.2 L458.6,54.0 L461.9,53.8 L465.2,53.6 L468.5,53.4 L471.8,53.2 L475.1,53.0 L478.4,52.7 L481.6,52.5 L484.9,52.3 L488.2,52.0 L491.5,51.6 L494.8,51.6 L498.1,51.5 L501.4,51.5 L504.7,51.4 L508.0,51.4 L511.3,51.2 L514.6,51.0 L517.9,50.9 L521.2,50.8 L524.5,50.8 L527.8,50.9 L531.1,50.7 L534.4,50.6 L537.7,50.4 L541.0,50.4 L544.3,50.6 L547.6,50.7 L550.9,50.9 L554.2,50.9 L557.5,51.0 L560.8,51.1 L564.1,51.1 L567.4,51.1 L570.7,51.1 L574.0,51.1 L577.3,51.0 L580.6,50.7 L583.9,50.5 L587.2,50.1 L590.5,50.1 L593.8,50.1 L597.1,50.1 L600.4,50.0 L603.7,50.1 L607.0,50.1 L610.3,50.1 L613.6,50.1 L616.9,50.0 L620.2,49.9 L623.5,49.8 L626.8,49.5 L630.1,49.3 L633.4,49.0 L636.7,48.8 L640.0,48.5"/> </svg> <svg viewBox="0 0 640 14" preserveAspectRatio="none" style="width:100%; display:block;"> <filter id="blurASeam" x="-10%" y="-100%" width="120%" height="300%"><feGaussianBlur stdDeviation="3.2"/></filter> <clipPath id="clipASeam"><rect x="0" y="0" width="640" height="14" rx="6"/></clipPath> <g clip-path="url(#clipASeam)"> <rect x="0" y="0" width="640" height="14" fill="#FF4785"/> <rect x="29.54" y="0" width="6.56" height="14" fill="#FFFFFF" fill-opacity="0.82" style="filter:blur(1.9px)"/> <rect x="52.51" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.80" style="filter:blur(2.1px)"/> <rect x="88.62" y="0" width="19.69" height="14" fill="#FFFFFF" fill-opacity="0.75" style="filter:blur(2.6px)"/> <rect x="164.10" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.69" style="filter:blur(3.3px)"/> <rect x="173.95" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.68" style="filter:blur(3.4px)"/> <rect x="187.08" y="0" width="6.56" height="14" fill="#FFFFFF" fill-opacity="0.66" style="filter:blur(3.6px)"/> <rect x="203.49" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.65" style="filter:blur(3.7px)"/> <rect x="210.05" y="0" width="6.56" height="14" fill="#FFFFFF" fill-opacity="0.64" style="filter:blur(3.8px)"/> <rect x="233.03" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.62" style="filter:blur(4.1px)"/> <rect x="239.59" y="0" width="9.85" height="14" fill="#FFFFFF" fill-opacity="0.61" style="filter:blur(4.2px)"/> <rect x="256.00" y="0" width="13.13" height="14" fill="#FFFFFF" fill-opacity="0.59" style="filter:blur(4.4px)"/> <rect x="282.26" y="0" width="6.56" height="14" fill="#FFFFFF" fill-opacity="0.57" style="filter:blur(4.6px)"/> <rect x="301.95" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.55" style="filter:blur(4.8px)"/> <rect x="308.51" y="0" width="16.41" height="14" fill="#FFFFFF" fill-opacity="0.54" style="filter:blur(5.0px)"/> <rect x="387.28" y="0" width="16.41" height="14" fill="#FFFFFF" fill-opacity="0.46" style="filter:blur(5.8px)"/> <rect x="584.21" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.27" style="filter:blur(7.9px)"/> <rect x="630.15" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.23" style="filter:blur(8.4px)"/> <rect x="636.72" y="0" width="3.28" height="14" fill="#FFFFFF" fill-opacity="0.22" style="filter:blur(8.5px)"/> </g> </svg> </div> </div> <div class="ably-comparison-card after" style="margin-top:22px;"> <p class="ably-comparison-text" style="display:flex; align-items:center; gap:10px; text-align:left;"><span style="flex-shrink:0; font-size:17px;">📈</span><span>초반에는 광고 On/Off를 반복하면서 노출이 다소 불안정하게 이뤄졌지만, 지속적으로 광고를 운영하면서 안정적인 노출을 이어갈 수 있었어요.</span></p> </div> </div> <div class="ably-scatter-group"> <div class="ably-scatter-title"><span class="dot b"></span>B 마켓</div> <div class="ably-scatter-chart"> <div class="ably-scatter-labels"> <span class="ably-scatter-label-line">일별 노출수 추이</span> <span class="ably-scatter-label-bar">광고 운영 여부</span> </div> <div class="ably-scatter-plot"> <svg viewBox="0 0 640 96" preserveAspectRatio="none" style="width:100%; display:block;"> <path fill="#EFEFF1" class="ably-anim-fade" style="animation-delay:.3s" d="M0.0,49.5 L3.1,47.1 L6.2,39.6 L9.3,6.6 L12.4,34.2 L15.5,69.4 L18.6,92.0 L21.6,92.0 L24.7,40.2 L27.8,61.5 L30.9,35.9 L34.0,92.0 L37.1,54.2 L40.2,92.0 L43.3,92.0 L46.4,34.8 L49.5,39.4 L52.6,15.9 L55.7,52.9 L58.7,92.0 L61.8,92.0 L64.9,92.0 L68.0,42.3 L71.1,63.0 L74.2,92.0 L77.3,92.0 L80.4,92.0 L83.5,92.0 L86.6,92.0 L89.7,92.0 L92.8,39.8 L95.8,26.8 L98.9,92.0 L102.0,36.0 L105.1,92.0 L108.2,92.0 L111.3,44.5 L114.4,33.3 L117.5,30.6 L120.6,92.0 L123.7,92.0 L126.8,35.7 L129.9,33.4 L132.9,39.9 L136.0,92.0 L139.1,52.3 L142.2,92.0 L145.3,45.2 L148.4,7.9 L151.5,4.0 L154.6,19.2 L157.7,12.8 L160.8,31.0 L163.9,56.5 L167.0,57.7 L170.0,92.0 L173.1,35.1 L176.2,35.2 L179.3,59.1 L182.4,47.3 L185.5,36.0 L188.6,92.0 L191.7,92.0 L194.8,55.5 L197.9,54.2 L201.0,38.4 L204.1,35.9 L207.1,57.4 L210.2,52.2 L213.3,55.9 L216.4,41.4 L219.5,38.5 L222.6,25.4 L225.7,33.1 L228.8,43.1 L231.9,77.7 L235.0,54.5 L238.1,54.8 L241.2,92.0 L244.3,26.6 L247.3,20.2 L250.4,75.7 L253.5,92.0 L256.6,92.0 L259.7,92.0 L262.8,33.0 L265.9,27.4 L269.0,45.0 L272.1,92.0 L275.2,92.0 L278.3,55.8 L281.4,43.9 L284.4,33.7 L287.5,24.4 L290.6,39.1 L293.7,90.6 L296.8,92.0 L299.9,92.0 L303.0,33.4 L306.1,42.8 L309.2,31.5 L312.3,43.2 L315.4,53.7 L318.5,54.5 L321.5,48.3 L324.6,42.3 L327.7,51.4 L330.8,40.9 L333.9,38.3 L337.0,92.0 L340.1,92.0 L343.2,92.0 L346.3,52.8 L349.4,49.4 L352.5,92.0 L355.6,46.6 L358.6,35.1 L361.7,49.0 L364.8,45.2 L367.9,86.7 L371.0,92.0 L374.1,92.0 L377.2,47.2 L380.3,91.3 L383.4,92.0 L386.5,92.0 L389.6,61.4 L392.7,46.8 L395.7,92.0 L398.8,92.0 L401.9,92.0 L405.0,92.0 L408.1,92.0 L411.2,49.9 L414.3,75.9 L417.4,47.5 L420.5,46.0 L423.6,92.0 L426.7,92.0 L429.8,50.4 L432.9,90.4 L435.9,92.0 L439.0,92.0 L442.1,43.8 L445.2,90.4 L448.3,92.0 L451.4,92.0 L454.5,92.0 L457.6,92.0 L460.7,92.0 L463.8,92.0 L466.9,92.0 L470.0,92.0 L473.0,52.2 L476.1,92.0 L479.2,92.0 L482.3,47.1 L485.4,91.3 L488.5,92.0 L491.6,92.0 L494.7,68.1 L497.8,62.2 L500.9,92.0 L504.0,92.0 L507.1,92.0 L510.1,92.0 L513.2,92.0 L516.3,92.0 L519.4,92.0 L522.5,92.0 L525.6,92.0 L528.7,27.4 L531.8,86.2 L534.9,92.0 L538.0,92.0 L541.1,57.1 L544.2,92.0 L547.2,92.0 L550.3,92.0 L553.4,92.0 L556.5,92.0 L559.6,92.0 L562.7,92.0 L565.8,50.3 L568.9,92.0 L572.0,92.0 L575.1,92.0 L578.2,92.0 L581.3,92.0 L584.3,92.0 L587.4,48.6 L590.5,90.3 L593.6,92.0 L596.7,43.7 L599.8,92.0 L602.9,92.0 L606.0,92.0 L609.1,92.0 L612.2,92.0 L615.3,44.1 L618.4,73.6 L621.4,92.0 L624.5,92.0 L627.6,92.0 L630.7,92.0 L633.8,50.3 L636.9,90.4 L640.0,92.0 L640.0,92 L0.0,92 Z"/> <path fill="none" stroke="#8A8A92" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="ably-anim-draw" style="animation-delay:.1s" d="M0.0,49.5 L3.1,47.1 L6.2,39.6 L9.3,6.6 L12.4,34.2 L15.5,69.4 L18.6,92.0 L21.6,92.0 L24.7,40.2 L27.8,61.5 L30.9,35.9 L34.0,92.0 L37.1,54.2 L40.2,92.0 L43.3,92.0 L46.4,34.8 L49.5,39.4 L52.6,15.9 L55.7,52.9 L58.7,92.0 L61.8,92.0 L64.9,92.0 L68.0,42.3 L71.1,63.0 L74.2,92.0 L77.3,92.0 L80.4,92.0 L83.5,92.0 L86.6,92.0 L89.7,92.0 L92.8,39.8 L95.8,26.8 L98.9,92.0 L102.0,36.0 L105.1,92.0 L108.2,92.0 L111.3,44.5 L114.4,33.3 L117.5,30.6 L120.6,92.0 L123.7,92.0 L126.8,35.7 L129.9,33.4 L132.9,39.9 L136.0,92.0 L139.1,52.3 L142.2,92.0 L145.3,45.2 L148.4,7.9 L151.5,4.0 L154.6,19.2 L157.7,12.8 L160.8,31.0 L163.9,56.5 L167.0,57.7 L170.0,92.0 L173.1,35.1 L176.2,35.2 L179.3,59.1 L182.4,47.3 L185.5,36.0 L188.6,92.0 L191.7,92.0 L194.8,55.5 L197.9,54.2 L201.0,38.4 L204.1,35.9 L207.1,57.4 L210.2,52.2 L213.3,55.9 L216.4,41.4 L219.5,38.5 L222.6,25.4 L225.7,33.1 L228.8,43.1 L231.9,77.7 L235.0,54.5 L238.1,54.8 L241.2,92.0 L244.3,26.6 L247.3,20.2 L250.4,75.7 L253.5,92.0 L256.6,92.0 L259.7,92.0 L262.8,33.0 L265.9,27.4 L269.0,45.0 L272.1,92.0 L275.2,92.0 L278.3,55.8 L281.4,43.9 L284.4,33.7 L287.5,24.4 L290.6,39.1 L293.7,90.6 L296.8,92.0 L299.9,92.0 L303.0,33.4 L306.1,42.8 L309.2,31.5 L312.3,43.2 L315.4,53.7 L318.5,54.5 L321.5,48.3 L324.6,42.3 L327.7,51.4 L330.8,40.9 L333.9,38.3 L337.0,92.0 L340.1,92.0 L343.2,92.0 L346.3,52.8 L349.4,49.4 L352.5,92.0 L355.6,46.6 L358.6,35.1 L361.7,49.0 L364.8,45.2 L367.9,86.7 L371.0,92.0 L374.1,92.0 L377.2,47.2 L380.3,91.3 L383.4,92.0 L386.5,92.0 L389.6,61.4 L392.7,46.8 L395.7,92.0 L398.8,92.0 L401.9,92.0 L405.0,92.0 L408.1,92.0 L411.2,49.9 L414.3,75.9 L417.4,47.5 L420.5,46.0 L423.6,92.0 L426.7,92.0 L429.8,50.4 L432.9,90.4 L435.9,92.0 L439.0,92.0 L442.1,43.8 L445.2,90.4 L448.3,92.0 L451.4,92.0 L454.5,92.0 L457.6,92.0 L460.7,92.0 L463.8,92.0 L466.9,92.0 L470.0,92.0 L473.0,52.2 L476.1,92.0 L479.2,92.0 L482.3,47.1 L485.4,91.3 L488.5,92.0 L491.6,92.0 L494.7,68.1 L497.8,62.2 L500.9,92.0 L504.0,92.0 L507.1,92.0 L510.1,92.0 L513.2,92.0 L516.3,92.0 L519.4,92.0 L522.5,92.0 L525.6,92.0 L528.7,27.4 L531.8,86.2 L534.9,92.0 L538.0,92.0 L541.1,57.1 L544.2,92.0 L547.2,92.0 L550.3,92.0 L553.4,92.0 L556.5,92.0 L559.6,92.0 L562.7,92.0 L565.8,50.3 L568.9,92.0 L572.0,92.0 L575.1,92.0 L578.2,92.0 L581.3,92.0 L584.3,92.0 L587.4,48.6 L590.5,90.3 L593.6,92.0 L596.7,43.7 L599.8,92.0 L602.9,92.0 L606.0,92.0 L609.1,92.0 L612.2,92.0 L615.3,44.1 L618.4,73.6 L621.4,92.0 L624.5,92.0 L627.6,92.0 L630.7,92.0 L633.8,50.3 L636.9,90.4 L640.0,92.0"/> </svg> <svg viewBox="0 0 640 14" preserveAspectRatio="none" style="width:100%; display:block;"> <clipPath id="clipB8"><rect x="0" y="0" width="640" height="14" rx="6"/></clipPath> <g clip-path="url(#clipB8)"> <rect x="0.00" y="0" width="18.46" height="14" fill="#8A8A92"/> <rect x="18.46" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="24.62" y="0" width="9.23" height="14" fill="#8A8A92"/> <rect x="33.85" y="0" width="3.08" height="14" fill="#E9E9EC"/> <rect x="36.92" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="40.00" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="46.15" y="0" width="12.31" height="14" fill="#8A8A92"/> <rect x="58.46" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="67.69" y="0" width="6.15" height="14" fill="#8A8A92"/> <rect x="73.85" y="0" width="18.46" height="14" fill="#E9E9EC"/> <rect x="92.31" y="0" width="6.15" height="14" fill="#8A8A92"/> <rect x="98.46" y="0" width="3.08" height="14" fill="#E9E9EC"/> <rect x="101.54" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="104.62" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="110.77" y="0" width="9.23" height="14" fill="#8A8A92"/> <rect x="120.00" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="126.15" y="0" width="9.23" height="14" fill="#8A8A92"/> <rect x="135.38" y="0" width="3.08" height="14" fill="#E9E9EC"/> <rect x="138.46" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="141.54" y="0" width="3.08" height="14" fill="#E9E9EC"/> <rect x="144.62" y="0" width="24.62" height="14" fill="#8A8A92"/> <rect x="169.23" y="0" width="3.08" height="14" fill="#E9E9EC"/> <rect x="172.31" y="0" width="15.38" height="14" fill="#8A8A92"/> <rect x="187.69" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="193.85" y="0" width="46.15" height="14" fill="#8A8A92"/> <rect x="240.00" y="0" width="3.08" height="14" fill="#E9E9EC"/> <rect x="243.08" y="0" width="9.23" height="14" fill="#8A8A92"/> <rect x="252.31" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="261.54" y="0" width="9.23" height="14" fill="#8A8A92"/> <rect x="270.77" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="276.92" y="0" width="15.38" height="14" fill="#8A8A92"/> <rect x="292.31" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="301.54" y="0" width="33.85" height="14" fill="#8A8A92"/> <rect x="335.38" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="344.62" y="0" width="6.15" height="14" fill="#8A8A92"/> <rect x="350.77" y="0" width="3.08" height="14" fill="#E9E9EC"/> <rect x="353.85" y="0" width="12.31" height="14" fill="#8A8A92"/> <rect x="366.15" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="375.38" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="378.46" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="387.69" y="0" width="6.15" height="14" fill="#8A8A92"/> <rect x="393.85" y="0" width="15.38" height="14" fill="#E9E9EC"/> <rect x="409.23" y="0" width="12.31" height="14" fill="#8A8A92"/> <rect x="421.54" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="427.69" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="430.77" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="440.00" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="443.08" y="0" width="27.69" height="14" fill="#E9E9EC"/> <rect x="470.77" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="473.85" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="480.00" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="483.08" y="0" width="9.23" height="14" fill="#E9E9EC"/> <rect x="492.31" y="0" width="6.15" height="14" fill="#8A8A92"/> <rect x="498.46" y="0" width="27.69" height="14" fill="#E9E9EC"/> <rect x="526.15" y="0" width="6.15" height="14" fill="#8A8A92"/> <rect x="532.31" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="538.46" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="541.54" y="0" width="21.54" height="14" fill="#E9E9EC"/> <rect x="563.08" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="566.15" y="0" width="18.46" height="14" fill="#E9E9EC"/> <rect x="584.62" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="587.69" y="0" width="6.15" height="14" fill="#E9E9EC"/> <rect x="593.85" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="596.92" y="0" width="15.38" height="14" fill="#E9E9EC"/> <rect x="612.31" y="0" width="6.15" height="14" fill="#8A8A92"/> <rect x="618.46" y="0" width="12.31" height="14" fill="#E9E9EC"/> <rect x="630.77" y="0" width="3.08" height="14" fill="#8A8A92"/> <rect x="633.85" y="0" width="6.15" height="14" fill="#E9E9EC"/> </g> </svg> </div> </div> <div class="ably-comparison-card before" style="margin-top:22px;"> <p class="ably-comparison-text" style="display:flex; align-items:center; gap:10px; text-align:left;"><span style="flex-shrink:0; font-size:17px;">📉</span><span>광고 On/Off가 반복되면서 안정적으로 노출되지 못하고 변동이 발생하며 전체적인 노출량이 감소하고 있어요.</span></p> </div> </div> <div class="ably-scatter-legend"> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch on"></span>진한 색 = 광고 ON</span> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch off"></span>연한 색 = 광고 OFF</span> </div> </div> <div class="ably-callout"> <p style="font-size:15.5px; font-weight:600; color:#1a1a1a; margin-bottom:14px;">💡 왜 이런 노출량의 변화가 있을까요?</p> <p>에이블리 광고는 AI 데이터 학습을 기반으로 운영됩니다. 광고를 집행하는 동안 아래 내용을 지속적으로 학습하며, 점점 더 적합한 유저에게 광고를 노출합니다.</p> <ul> <li>어떤 유저가 반응하는지</li> <li>어떤 상품이 잘 판매되는지</li> <li>어떤 지면에서 전환이 발생하는지</li> </ul> <p>하지만 광고를 반복해서 중단하면 노출이 안정적으로 확보되지 못합니다. 이는 AI 데이터 학습에 방해가 되어 데이터가 꾸준히 쌓이지 못하고, 새로운 고객에게 상품을 노출할 기회도 줄어들게 됩니다. 결국 <strong>유입이 감소하면서 마켓이 지속적으로 성장하기 어려워질 수 있습니다.</strong></p> </div> <div class="ably-quote"> <p><strong>거래액은 가장 늦게 반응하는 지표</strong>입니다. 노출과 유입이 먼저 변화하고, 그 흐름이 누적되며 거래액의 차이를 만들어냅니다. 그렇다면 실제 두 마켓의 거래액에는 어떤 결과가 나타났을까요?</p> </div> <hr class="ably-divider" /> <!-- 거래액 결과 --> <div class="ably-lead"> <span class="ably-lead-kicker">CASE</span> <h2>광고 운영 방식에 따른 거래액 변화</h2> <p>비슷하게 시작한 두 마켓, 거래액은 어떻게 달라졌을까요</p> </div> <!-- A마켓 --> <div class="ably-feature"> <span class="ably-feature-tag market-a">CASE A</span> <h3>같은 출발선, 달라진 결과 — A 마켓</h3> <p class="ably-feature-desc"> A 마켓은 원래 신상 테스트나 행사 기간에만 일시적으로 광고를 켰다가, 끝나면 다시 끄는 방식으로 운영했어요. 그런데 <strong>전사 행사 기간</strong>을 계기로 운영 방식이 달라졌습니다. 행사가 끝난 뒤에도 광고를 끄지 않고, <strong>그대로 이어간 것</strong>이죠. 바뀐 건 예산 규모가 아니라, 광고를 <strong>껐다 켰다 하던 것을 멈추고 꾸준히 이어갔다는 것</strong> 하나뿐이었는데도 거래액은 크게 움직였습니다. </p> <div class="ably-chart-box"> <svg viewBox="0 0 680 250" width="100%" height="230" style="overflow:visible; display:block;"> <rect x="20" y="20" width="326" height="196" rx="6" fill="#F3F1F2"/> <line x1="346" y1="14" x2="346" y2="222" stroke="#E3D6DC" stroke-width="1.5" stroke-dasharray="3 4"/> <path fill="#FFE9F0" class="ably-anim-fade" style="animation-delay:1.3s" d="M20,188 C110,188 110,183 200,183 C273,183 273,178 346,178 C388,178 388,120 430,120 C475,120 475,100 520,100 C550,100 550,105 580,105 C620,105 620,42 660,42 L660,216 L20,216 Z"/> <path fill="none" stroke="#FF4785" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="ably-anim-draw" style="animation-delay:.15s" d="M20,188 C110,188 110,183 200,183 C273,183 273,178 346,178 C388,178 388,120 430,120 C475,120 475,100 520,100 C550,100 550,105 580,105 C620,105 620,42 660,42"/> <circle cx="660" cy="42" r="9" fill="#FF4785" opacity="0.3" class="ably-anim-ping" style="animation-delay:2s"/> <circle cx="660" cy="42" r="4.5" fill="#FF4785" class="ably-anim-pop" style="animation-delay:1.9s"/> <text x="652" y="30" text-anchor="end" font-size="12" font-weight="600" fill="#FF4785" font-family="Pretendard Variable" class="ably-anim-fade" style="animation-delay:2s">최고 거래액 달성</text> <circle cx="470" cy="140" r="46" fill="#FF4785" class="ably-anim-pop-breathe" style="animation-delay:1.7s"/> <text x="470" y="121" text-anchor="middle" font-size="10.5" fill="#FFD9E6" font-family="Pretendard Variable">지속 운영 이후</text> <text x="470" y="145" text-anchor="middle" font-size="18" font-weight="600" fill="#fff" font-family="Pretendard Variable">약 4.7배</text> <text x="470" y="163" text-anchor="middle" font-size="10.5" fill="#FFD9E6" font-family="Pretendard Variable">거래액 성장</text> <text x="10" y="15" font-size="10.5" fill="#B3B3B8" font-family="Pretendard Variable">거래액</text> <g font-family="Pretendard Variable" font-size="10.5" fill="#BBB"> <text x="20" y="230">26.01</text> <text x="183" y="230" text-anchor="middle">26.03</text> <text x="346" y="230" text-anchor="middle">26.04</text> <text x="503" y="230" text-anchor="middle">26.06</text> <text x="660" y="230" text-anchor="end">26.07</text> </g> <text x="183" y="245" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">광고 전</text> <text x="503" y="245" text-anchor="middle" font-size="12.5" fill="#FF4785" font-weight="600" font-family="Pretendard Variable">지속 운영 기간</text> </svg> <div class="ably-chart-comment"> <span class="icon">💬</span> <span>일 광고비는 매일 <strong>1만 원 정도</strong>를 유지하며, 처음부터 크게 광고비를 늘리기보다는 꾸준히 사용하는 것에 더 집중했어요.</span> </div> </div> </div> <hr class="ably-divider" /> <!-- B마켓 --> <div class="ably-feature"> <span class="ably-feature-tag market-b">CASE B</span> <h3>반대로, B 마켓은?</h3> <p class="ably-feature-desc"> B 마켓도 올해 초에는 A 마켓과 크게 다르지 않았어요. 다른 점은 <strong>'그 다음'</strong>이었습니다. A 마켓은 행사를 계기로 계속 켜두는 쪽으로 넘어갔지만, B 마켓은 이후로도 <strong>신상 업로드나 행사 때만 ON, 끝나면 OFF를 반복</strong>했어요. 광고를 켜는 날이 점점 줄어들면서, 거래액도 함께 하락하는 흐름을 보였습니다. </p> <div class="ably-chart-box"> <svg viewBox="0 0 680 250" width="100%" height="230" style="overflow:visible; display:block;"> <rect x="20" y="20" width="369" height="196" rx="6" fill="#F3F1F2"/> <line x1="389" y1="14" x2="389" y2="222" stroke="#E5E5E8" stroke-width="1.5" stroke-dasharray="3 4"/> <path fill="none" stroke="#ADADB4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="ably-anim-draw" style="animation-delay:.15s" d="M20,140 C85,140 85,120 150,120 C205,120 205,145 260,145 C324,145 324,130 389,130 C424,130 424,150 460,150 C500,150 500,175 540,175 C600,175 600,196 660,196"/> <circle cx="660" cy="196" r="9" fill="#8A8A92" opacity="0.3" class="ably-anim-ping" style="animation-delay:2s"/> <circle cx="660" cy="196" r="4.5" fill="#8A8A92" class="ably-anim-pop" style="animation-delay:1.9s"/> <text x="652" y="212" text-anchor="end" font-size="12" font-weight="600" fill="#8A8A92" font-family="Pretendard Variable" class="ably-anim-fade" style="animation-delay:2s">거래액 하락</text> <circle cx="500" cy="88" r="42" fill="#8A8A92" class="ably-anim-pop-breathe" style="animation-delay:1.7s"/> <text x="500" y="70" text-anchor="middle" font-size="10.5" fill="#E7E7EA" font-family="Pretendard Variable">On/Off 반복</text> <text x="500" y="93" text-anchor="middle" font-size="18" font-weight="600" fill="#fff" font-family="Pretendard Variable">-37%</text> <text x="500" y="116" text-anchor="middle" font-size="10.5" fill="#E7E7EA" font-family="Pretendard Variable">거래액 감소</text> <text x="10" y="15" font-size="10.5" fill="#B3B3B8" font-family="Pretendard Variable">거래액</text> <g font-family="Pretendard Variable" font-size="10.5" fill="#BBB"> <text x="20" y="230">26.01</text> <text x="204.5" y="230" text-anchor="middle">26.03</text> <text x="389" y="230" text-anchor="middle">26.04</text> <text x="524.5" y="230" text-anchor="middle">26.06</text> <text x="660" y="230" text-anchor="end">26.07</text> </g> <text x="340" y="245" text-anchor="middle" font-size="12.5" fill="#8A8A92" font-weight="600" font-family="Pretendard Variable">광고 ON/OFF 반복 운영</text> </svg> <div class="ably-chart-comment"> <span class="icon">💬</span> <span>운영 초반 4개월 평균 대비, On/Off를 반복한 이후 3개월 평균 <strong>일 거래액이 약 37% 낮아졌어요.</strong></span> </div> </div> <div class="ably-comparison"> <div class="ably-comparison-card before"> <span class="ably-comparison-tag before">시작 시점</span> <p class="ably-comparison-text">두 마켓 모두 신상·행사 때만 일시적으로 광고 ON, 끝나면 OFF</p> </div> <div class="ably-comparison-card after"> <span class="ably-comparison-tag after">몇 개월 후</span> <p class="ably-comparison-text">꾸준히 이어간 A 마켓은 성장, On/Off를 반복한 B 마켓은 감소</p> </div> </div> </div> <div class="ably-quote"> <p>위 데이터를 통해, 행사 기간이나 특정 시기에만 광고를 On/Off하기보다 <strong>꾸준히 광고를 운영하며 안정적으로 노출을 확보</strong>하는 것이 중요하다는 점을 확인할 수 있었습니다. 이처럼 꾸준히 확보된 노출은 유입을 늘리고, 누적된 유입은 <strong>거래액 성장</strong>으로 이어집니다. 광고는 단기간의 성과보다 꾸준한 운영이 더 큰 차이를 만든다는 점을 꼭 기억해주세요.</p> </div> <!-- 핵심 --> <div class="ably-lead"> <span class="ably-lead-kicker">TAKEAWAY</span> <h2>중요한 것은 '언제 켜느냐'가 아니라 '꾸준함'입니다.</h2> </div> <div class="ably-summary"> <h3>A 마켓 vs B 마켓, 무엇이 달랐을까요?</h3> <table class="ably-summary-table"> <tr><th>구분</th><th>A 마켓 (꾸준히 운영)</th><th>B 마켓 (행사 때만 ON/OFF)</th></tr> <tr> <td class="col-item">광고 운영 방식</td> <td class="col-a">꾸준히 운영</td> <td class="col-b">행사·신상 업로드 시에만 짧게 운영</td> </tr> <tr> <td class="col-item">일 광고 예산</td> <td class="col-a">일 평균 약 1만 원</td> <td class="col-b">일 평균 약 1만 원</td> </tr> <tr> <td class="col-item">거래액 변화</td> <td class="col-a">지속 운영 이후 큰 폭으로 성장</td> <td class="col-b">감소하는 흐름</td> </tr> </table> </div> <div class="ably-keypoints"> <div class="ably-keypoints-title">오늘의 핵심</div> <ul> <li>잦은 광고 중단은 AI 데이터 학습을 방해하여 광고 효율을 저하시킬 수 있습니다.</li> <li>결론적으로 <strong>광고는 '언제 켜고 끌지'를 고민하는 것이 아닌, 꾸준히 운영하는 것이 가장 중요</strong>합니다.</li> </ul> </div> <!-- 아웃트로 (레퍼런스 동일) --> <div class="ably-outro"> <div class="ably-outro-divider"></div> <p class="highlight">에이블리에서 가장 빠르게 성장하는 방법</p> <p class="ably-outro-maincopy">에이블리 광고</p> <p>광고 관련 궁금한 사항이 있으신 경우, 셀러지원센터를 통해 문의해주세요.</p> <a href="https://www.ablyads.com/adsinsight" target="_blank" rel="noopener" class="ably-cta"> 더 많은 에이블리 광고 인사이트 보러가기 <span class="ably-cta-arrow">→</span> </a> </div> </div> <script> (function () { var SELECTOR = [ '.ably-anim-fadeup', '.ably-anim-fade', '.ably-anim-draw', '.ably-anim-pop', '.ably-anim-pop-breathe', '.ably-anim-ping', '.ably-keypoints li', '.ably-callout li', '.ably-summary-table tr', '.ably-comparison-card' ].join(', '); var els = document.querySelectorAll(SELECTOR); if (!('IntersectionObserver' in window)) { els.forEach(function (el) { el.classList.add('ably-play'); }); return; } var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add('ably-play'); io.unobserve(entry.target); } }); }, { threshold: 0.2, rootMargin: '0px 0px -8% 0px' }); els.forEach(function (el) { io.observe(el); }); })(); </script>

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" /> <style> .ably-notice, .ably-notice * { font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; box-sizing: border-box; letter-spacing: -0.01em; } .ably-notice { color: #1a1a1a; line-height: 1.7; max-width: 760px; margin: 0 auto; } /* 배너 */ .ably-banner { background: linear-gradient(180deg, #FFF7FA 0%, #FFFFFF 100%); border: 1px solid #F5E3EA; border-radius: 24px; padding: 56px 48px; position: relative; overflow: hidden; margin-bottom: 32px; } .ably-banner-graphic { position: absolute; top: 0; right: 0; width: 46%; height: 100%; opacity: 0; pointer-events: none; animation: bannerGraphicIn 1.2s ease 0.15s forwards; transform-origin: center right; } .ably-banner-graphic .draw-line { stroke-dasharray: 900; stroke-dashoffset: 900; animation: bannerLineDraw 1.6s ease 0.3s forwards; } .ably-banner-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 18px; position: relative; z-index: 1; opacity: 0; animation: bannerTextIn 0.7s ease 0.1s forwards; } .ably-banner-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FF4785; } .ably-banner h1 { font-size: 34px; font-weight: 600; margin: 0 0 14px 0; line-height: 1.4; letter-spacing: -0.03em; color: #111; position: relative; z-index: 1; max-width: 460px; opacity: 0; animation: bannerTextIn 0.7s ease 0.25s forwards; } .ably-banner p { font-size: 16px; margin: 0; color: #666; font-weight: 500; position: relative; z-index: 1; max-width: 420px; line-height: 1.6; opacity: 0; animation: bannerTextIn 0.7s ease 0.4s forwards; } @keyframes bannerGraphicIn { from { opacity: 0; transform: scale(0.94); } to { opacity: 0.9; transform: scale(1); } } @keyframes bannerLineDraw { to { stroke-dashoffset: 0; } } @keyframes bannerTextIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .ably-banner-graphic, .ably-banner-graphic .draw-line, .ably-banner-kicker, .ably-banner h1, .ably-banner p { animation: none !important; opacity: 1 !important; transform: none !important; stroke-dashoffset: 0 !important; } .ably-banner-graphic { opacity: 0.9 !important; } } /* 인트로 */ .ably-intro { background: #FAFAFA; border-radius: 16px; padding: 28px 32px; margin-bottom: 32px; border-left: 4px solid #FF4785; } .ably-intro p { margin: 0 0 8px 0; font-size: 15px; color: #333; line-height: 1.75; text-align: left; } .ably-intro p:last-child { margin-bottom: 0; } .ably-intro strong { color: #FF4785; font-weight: 600; } .ably-lead-para { font-size: 15px; color: #444; line-height: 1.8; text-align: left; margin: 0 0 8px; } /* 섹션 리드 */ .ably-lead { margin: 64px 0 32px; text-align: center; } .ably-lead-kicker { display: inline-block; font-size: 12px; font-weight: 600; color: #FF4785; letter-spacing: 0.06em; margin-bottom: 10px; } .ably-lead h2 { font-size: 25px; font-weight: 600; margin: 0; line-height: 1.5; letter-spacing: -0.02em; color: #1a1a1a; } .ably-lead p { font-size: 15px; color: #666; margin: 10px 0 0; } /* 스토리 항목 (Case A / Case B 등) */ .ably-feature { margin-bottom: 20px; } .ably-feature-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 100px; margin-bottom: 16px; } .ably-feature-tag.market-a { background: #FFE4ED; color: #FF4785; } .ably-feature-tag.market-b { background: #F0F0F2; color: #666; } .ably-feature h3 { font-size: 21px; font-weight: 600; margin: 0 0 12px 0; line-height: 1.4; letter-spacing: -0.02em; color: #1a1a1a; } .ably-feature-desc { font-size: 15px; color: #444; line-height: 1.8; margin: 0 0 32px 0; } .ably-feature-desc strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } /* 스토리형 차트 박스 (SVG 라인/영역 차트 + 코멘트) */ .ably-chart-box { background: #FAFAFA; border-radius: 18px; padding: 28px 24px 22px; margin-bottom: 28px; } .ably-chart-caption { font-size: 13.5px; color: #666; margin-top: 4px; line-height: 1.7; text-align: center; } .ably-chart-caption strong { color: #1a1a1a; font-weight: 600; } .ably-chart-comment { display: flex; align-items: flex-start; gap: 10px; justify-content: center; background: #fff; border: 1px solid #EFEFEF; border-radius: 10px; padding: 14px 18px; margin-top: 14px; font-size: 13.5px; color: #555; text-align: left; } .ably-chart-comment .icon { font-size: 15px; flex-shrink: 0; line-height: 1.6; margin-top: 1px; } .ably-chart-comment span:last-child { line-height: 1.65; } .ably-chart-comment strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } .ably-chart-comment-split { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; } .ably-chart-comment-split .ably-chart-comment { margin-top: 0; height: 100%; } /* Before / After 비교 카드 */ .ably-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0 8px; } .ably-comparison-card { border-radius: 14px; padding: 22px; border: 1px solid #EEE; } .ably-comparison-card.before { background: #FAFAFA; } .ably-comparison-card.after { background: #FFF5F8; border-color: #FFD4E0; } .ably-comparison-tag { display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 6px; margin-bottom: 12px; } .ably-comparison-tag.before { background: #E8E8E8; color: #666; } .ably-comparison-tag.after { background: #FF4785; color: #fff; } .ably-comparison-text { font-size: 14px; color: #333; line-height: 1.6; margin: 0; word-break: keep-all; } /* WHY - 패턴/스트릭 시각화 박스 */ .ably-scatter-box { background: #FAFAFA; border-radius: 18px; padding: 30px 26px 24px; margin-bottom: 10px; } .ably-scatter-hint { font-size: 13px; color: #999; margin: 0 0 20px; text-align: center; } .ably-scatter-caption { font-size: 12px; color: #AAA; margin-top: 4px; } .ably-scatter-group { margin-bottom: 22px; } .ably-scatter-group:last-child { margin-bottom: 0; } .ably-scatter-title { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .ably-scatter-title .dot { width: 9px; height: 9px; border-radius: 50%; } .ably-scatter-title .dot.a { background: #FF4785; } .ably-scatter-title .dot.b { background: #7A7A82; } .ably-scatter-legend { display: flex; gap: 18px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #EEE; } .ably-scatter-legend-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #888; } .ably-scatter-legend-swatch { width: 10px; height: 10px; border-radius: 50%; } .ably-scatter-legend-swatch.on { background: #FF4785; } .ably-scatter-legend-swatch.off { background: #E9E9EC; } /* 인용문 */ .ably-quote { background: #FFF7FA; border-left: 4px solid #FF4785; border-radius: 0 14px 14px 0; padding: 18px 22px; margin: 28px 0 36px; } .ably-quote p { font-size: 14.5px; color: #444; line-height: 1.8; margin: 0; } .ably-quote strong { color: #FF4785; font-weight: 600; } /* 설명/근거 박스 (체크리스트 포함) */ .ably-callout { background: #F5F5F7; border-radius: 14px; padding: 24px 26px; margin: 24px 0 28px; } .ably-callout p { font-size: 14.5px; color: #444; margin: 0 0 12px; line-height: 1.8; } .ably-callout p:last-child { margin-bottom: 0; } .ably-callout ul { margin: 4px 0 14px; padding-left: 0; list-style: none; } .ably-callout li { font-size: 14.5px; color: #444; line-height: 2; padding-left: 26px; position: relative; } .ably-callout li::before { content: '✅'; position: absolute; left: 0; top: 1px; font-size: 13px; } /* 요약 (딥 톤 카드 + 비교 테이블) */ .ably-summary { background: #241C22; border-radius: 20px; padding: 38px 40px; margin-top: 32px; color: #EDE7EA; } .ably-summary h3 { font-size: 18px; font-weight: 600; margin: 0 0 26px 0; color: #fff; } .ably-summary-table { width: 100%; border-collapse: collapse; } .ably-summary-table th { text-align: left; font-size: 12.5px; font-weight: 600; color: #FF88AC; padding: 10px 14px; border-bottom: 1px solid #3D3038; } .ably-summary-table td { padding: 17px 14px; font-size: 13.5px; border-bottom: 1px solid #332A2F; vertical-align: top; line-height: 1.65; } .ably-summary-table tr:last-child td { border-bottom: none; } .ably-summary-table .col-item { font-weight: 600; color: #fff; width: 26%; } .ably-summary-table .col-a { color: #9C939A; width: 37%; } .ably-summary-table .col-b { color: #F3C9D6; width: 37%; } /* 핵심 요약 박스 */ .ably-keypoints { background: #F5F5F7; border-radius: 16px; padding: 28px 30px; margin-top: 36px; } .ably-keypoints-title { font-size: 15px; font-weight: 600; color: #FF4785; margin-bottom: 14px; } .ably-keypoints ul { margin: 0; padding-left: 0; list-style: none; } .ably-keypoints li { font-size: 14.5px; color: #333; line-height: 1.8; margin-bottom: 10px; padding-left: 26px; position: relative; } .ably-keypoints li:last-child { margin-bottom: 0; } .ably-keypoints li::before { content: '✅'; position: absolute; left: 0; top: 1px; font-size: 13px; } .ably-keypoints strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } hr.ably-divider { border: none; border-top: 1px solid #EEE; margin: 56px 0; } /* 큰 숫자 스탯 필 (그래프 위 핵심 수치 강조용) */ .ably-stat-pill { display: inline-flex; align-items: baseline; gap: 10px; font-size: 15px; font-weight: 600; padding: 10px 22px; border-radius: 100px; margin-bottom: 18px; } .ably-stat-pill .num { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; } .ably-stat-pill.tone-gray { background: #F0F0F2; color: #8A8A92; } .ably-stat-pill.tone-gray .num { color: #6E6E76; } .ably-stat-pill.tone-pink { background: #FFE4ED; color: #FF4785; } .ably-stat-pill.tone-pink .num { color: #FF4785; } /* 아웃트로 */ .ably-outro { text-align: center; padding: 56px 32px 32px; margin-top: 8px; } .ably-outro-divider { width: 40px; height: 3px; background: #FF4785; margin: 0 auto 24px; border-radius: 100px; } .ably-outro p { font-size: 14px; color: #999; line-height: 1.8; margin: 0 0 8px 0; } .ably-outro p.highlight { font-size: 17px; color: #1a1a1a; font-weight: 600; margin-bottom: 16px; } .ably-outro-maincopy { font-size: 52px !important; font-weight: 600 !important; line-height: 1.15; letter-spacing: -0.03em; color: #1a1a1a !important; margin: 0 0 56px 0; } .ably-cta { display: inline-flex; align-items: center; gap: 8px; background: #1a1a1a; color: #fff !important; text-decoration: none; padding: 16px 32px; border-radius: 100px; font-size: 15px; font-weight: 600; margin-top: 28px; transition: all 0.2s ease; } .ably-cta:hover { background: #FF4785; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 71, 133, 0.3); } .ably-cta-arrow { font-size: 16px; transition: transform 0.2s ease; } .ably-cta:hover .ably-cta-arrow { transform: translateX(4px); } /* 스크롤 등장 애니메이션 */ .reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.is-visible { opacity: 1; transform: translateY(0); } .draw-path { stroke-dasharray: 2400; stroke-dashoffset: 2400; transition: stroke-dashoffset 1.4s ease 0.15s; } .reveal.is-visible .draw-path { stroke-dashoffset: 0; } .ably-stat-pill { transform: scale(0.85); opacity: 0; transition: transform 0.5s ease 0.3s, opacity 0.5s ease 0.3s; } .reveal.is-visible .ably-stat-pill { transform: scale(1); opacity: 1; } @media (prefers-reduced-motion: reduce) { .reveal, .reveal.is-visible, .draw-path, .ably-stat-pill { opacity: 1 !important; transform: none !important; transition: none !important; stroke-dashoffset: 0 !important; } } @media (max-width: 640px) { .ably-banner { padding: 40px 28px; } .ably-banner h1 { font-size: 26px; max-width: 100%; } .ably-banner p { max-width: 100%; } .ably-banner-graphic { width: 60%; opacity: 0.6; } .ably-comparison { grid-template-columns: 1fr; } .ably-chart-comment-split { grid-template-columns: 1fr; } .ably-summary { padding: 28px 22px; } .ably-summary-table { font-size: 12.5px; } .ably-outro-maincopy { font-size: 38px !important; } } </style> <div class="ably-notice"> <!-- 1. 배너 --> <div class="ably-banner"> <svg class="ably-banner-graphic" viewBox="0 0 300 220" preserveAspectRatio="xMaxYMid meet"> <polyline points="10,60 60,80 100,70 150,140 200,120 250,190 290,205" fill="none" stroke="#8A8A92" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.14"/> <polyline class="draw-line" points="10,60 60,80 100,70 150,140 200,120 250,190 290,205" fill="none" stroke="#8A8A92" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.5"/> <circle cx="290" cy="205" r="5" fill="#8A8A92" opacity="0.8"/> <circle cx="150" cy="140" r="4" fill="#FF4785" opacity="0.5"/> <circle cx="10" cy="60" r="4" fill="#FF4785" opacity="0.3"/> </svg> <span class="ably-banner-kicker">ABLY ADs</span> <h1>광고 중단을 고민 중이시라면,</h1> <p>에이블리 실제 사례로 확인해보는<br/>광고 운영 고민</p> </div> <!-- 2. INTRO (후킹 문구) --> <div class="ably-lead reveal"> <span class="ably-lead-kicker">INTRO</span> <h2>비슷한 상품, 비슷한 매출로 출발한 두 마켓.<br/>왜 지금은 월 거래액이 약 2,000만 원 차이까지 벌어졌을까요?</h2> <p>광고를 끈 순간부터, 두 마켓의 성장 곡선은 서로 다른 방향으로 움직이기 시작했습니다.</p> </div> <!-- 2-1. 거래액 추이 --> <div class="ably-chart-box reveal" style="margin-top:12px; margin-bottom:32px;"> <p style="text-align:center; font-size:13.5px; color:#999; margin:0 0 18px;">월별 거래액 추이 (단위: 만 원)</p> <svg viewBox="0 0 680 290" width="100%" height="250" style="overflow:visible; display:block;"> <line x1="20" y1="230" x2="600" y2="230" stroke="#E5E5E8" stroke-width="1.5"/> <path class="draw-path" fill="none" stroke="#ADADB4" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.6" d="M90,209.3 L230,191.1 L370,167.3 L510,220.5"/> <path class="draw-path" fill="none" stroke="#FF4785" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.6" d="M90,208.4 L230,196.9 L370,86.7 L510,30.0"/> <circle cx="90" cy="209.3" r="4" fill="#ADADB4"/> <circle cx="230" cy="191.1" r="3.5" fill="#C7C7CC"/> <circle cx="370" cy="167.3" r="3.5" fill="#C7C7CC"/> <circle cx="510" cy="220.5" r="6" fill="#6E6E76"/> <circle cx="90" cy="208.4" r="4" fill="#FF4785" opacity="0.5"/> <circle cx="230" cy="196.9" r="3.5" fill="#FFB8CE"/> <circle cx="370" cy="86.7" r="3.5" fill="#FFB8CE"/> <circle cx="510" cy="30.0" r="6.5" fill="#FF4785"/> <text x="90" y="196" text-anchor="middle" font-size="12" font-weight="600" fill="#999" font-family="Pretendard Variable">약 200만</text> <text x="510" y="247" text-anchor="middle" font-size="13.5" font-weight="700" fill="#6E6E76" font-family="Pretendard Variable">91만</text> <text x="510" y="14" text-anchor="middle" font-size="13.5" font-weight="700" fill="#FF4785" font-family="Pretendard Variable">1,927만</text> <text x="90" y="270" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">1월</text> <text x="230" y="270" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">3월</text> <text x="370" y="270" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">5월</text> <text x="510" y="270" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">7월</text> <!-- 격차 강조 브래킷 (그래프 전용 하이라이트) --> <path d="M528,30 H545 M528,220.5 H545 M545,30 V220.5" fill="none" stroke="#FF4785" stroke-width="1.5" opacity="0.55"/> <rect x="552" y="103" width="118" height="45" rx="10" fill="#FFF0F5" stroke="#FFD4E0"/> <text x="611" y="121" text-anchor="middle" font-size="13" font-weight="700" fill="#FF4785" font-family="Pretendard Variable">약 2,000만 원</text> <text x="611" y="138" text-anchor="middle" font-size="12" font-weight="600" fill="#FF4785" font-family="Pretendard Variable">차이 · 21배</text> <!-- 마켓 A 광고 중단 시점 말풍선 (5월) --> <polygon points="371,164 380,145 400,145" fill="#F5F5F7" stroke="#D9D9DD" stroke-width="1"/> <rect x="368" y="120" width="158" height="26" rx="10" fill="#F5F5F7" stroke="#D9D9DD"/> <text x="447" y="137" text-anchor="middle" font-size="12" font-weight="700" fill="#555" font-family="Pretendard Variable">마켓 A 광고 중단 시점</text> </svg> <div class="ably-scatter-legend" style="justify-content:center; border-top:none; margin-top:10px; padding-top:0;"> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch" style="background:#ADADB4"></span>마켓 A (광고 중단)</span> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch" style="background:#FF4785"></span>마켓 B (광고 지속)</span> </div> </div> <div class="ably-quote reveal" style="margin-bottom:36px;"> <p>1월엔 두 마켓 모두 <strong>월 거래액 약 200만 원</strong>으로 거의 같았습니다. 하지만 마켓 A가 광고를 중단한 이후 격차가 벌어지기 시작해, <strong>7월 기준 마켓 A는 91만 원, 마켓 B는 1,927만 원</strong>으로 약 2,000만 원 가까이 차이가 발생하고 있어요.</p> </div> <p class="ably-lead-para">"광고비가 부담돼서 껐어요" "다시 켜면 예전만큼 돌아오지 않을까요?" "광고는 일시적인 효과 아닐까요?"</p> <p class="ably-lead-para" style="margin-bottom:40px;">지금부터 <strong>광고를 중단하셨거나, 중단을 고민하고 계신 분들</strong>을 위해 두 마켓의 데이터를 하나씩 살펴볼게요.</p> <hr class="ably-divider" /> <!-- 2-2. 섹션 구분 헤더 --> <div class="ably-lead reveal"> <span class="ably-lead-kicker">COMPARE</span> <h2>두 마켓, 무엇이 달랐을까요?</h2> </div> <!-- 3. 마켓 A: 광고를 중단한 마켓 --> <div class="ably-feature reveal"> <span class="ably-feature-tag market-b">마켓 A</span> <h3>광고를 중단한 마켓</h3> <div class="ably-chart-box"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABB0AAAFNCAYAAABMsxfOAAABW2lDQ1BJQ0MgUHJvZmlsZQAAeJx1kM1LQkEUxY9pFOYiIyIiUAiiwErUspZqn+BCtOhj9xxNA7Xh+SLatWxftM5N9B/YIqg/ICIIClq1blu4KXmd0eJp0R0u98fh3pk7B+hwaVIWHACKJUNPLkW9G5tb3q5XdMMON0YxpYmyjCQScbbgp7ZH7RE2VR8m1F3L7llncEicVe48lbmjd+1vf1s4M9myYP1khoTUDcDmJyf2Dan4kNyvcynyieJcky8Up5t81ehZTcbI9+Rekdcy5BeyL92i51q4WNgT3zuo7V3Z0lqKdZA5jHksIM7jRQoBhJnT1FL/zIQaMzHsQuIAOnaQQx4GpyNUJArIkldQgsAkfOQA/MwZ5fVvDy1Np9fhYz7lsTSNnlwuAn1RSxsZ4HfGgOtbqemW37aao7wdDDS5pwp0nprm2zrQNQ7Un0zzo2qa9XPA/gzc1L4A519g3fG9eH0AADKWSURBVHic7d0HmF1VuTfwd0oy6XWSCaQRIAUIJDSp0qUX4SJFadKrKOJV+fz0qijfVVEERaVKRwRBukgvhiYhIZSEJJDeey8z8z1rx5nMJJMQkuzMJPn9nuc8s88+++xZ2ZN9ztn/8661CiZOmVNZVtoiAAAAANanwvW6NwAAAID/EDoAAAAAuRA6AAAAALkQOgAAAAC5EDoAAAAAuRA6AAAAALkQOgAAAAC5EDoAAAAAuRA6AAAAALkQOgAAAAC5EDoAAAAAudgoQ4ctttgirr/++mx54sSJ8e6779a6TZ48OXusc+fOce2112bLH374YVx11VUxa9as7P4999wTN998c7acntOyZcsYPHhwnb/vRz/6UVxyySV13t57773VtvWAAw6Il19+OXbYYYf47W9/u16PAwAAADRkxdFAHXjggfHRRx/VWjdw4MDo1KlTzJ07NxYvXpytu/322+Pqq6/OlisrK2PBggVx1113xWmnnVZru+HDh8c111wTO+64Y3To0CFuuummaNSoUYwYMSJeeeWVbNvy8vI625L2161btzjiiCNWeqxp06bZzxQ+pBCiSt++fePGG2+MV199NaZNmxbz5s2LJUuWrPbfnNo/7OMRMW78hFi6dGls0akstuvTK4qLG+yfKQYOLY9bH11UfX/n3kVxzrElcekv52c/030AAAA2Tw32avZnP/tZFgQkjzzySNx2221RVla20nbf//73s1uSLvC/+MUvRr9+/Va5329/+9vZRfzUqVNj7733joMOOiiaNWsW//rXv1bbnjfeeGOlqoZUHfHd7343W+7YsWOcccYZ2fKtt94ao0ePjg8++CALEtbEnDlz4+G/PxFjx42vtf5fA96M4487Kjp27BANTQob0m2X3sXV4UJVAPHO0KVxTpTUcwsBAACoTw02dEiBQM1Kg9Q9oaCgYJXbpyqFn/zkJ7HPPvtkVQY1w4vrrrsubrnlluz+m2++GV26dImvfOUrMWPGjHj77bfj9ddf/8z2pG4SJ554Yq11hYWFMWXKlKxyIgUi5557bhYy/PjHP46tttoqa/OaevTxp2sFDv91/DHxzsDB8cmno+Khhx+Lc88+PavMaGiBw++/07xWNUMKIC755bx6bRsAAAANQ4MNHaqkMRsefvjhrGvEqqSKgjReQ6pWGDBgQK1wIoULJ598cnXXht69e2ePL1y4MAsSttlmm2wMiKeeemqV+2/Tpk1W6ZBuKaho3rx5NG7cOHss7euss86q3jaFGGPHjo2vf/3rceedd0aTJk0+89+YgoVRo8dU32/WrGm8N+SD6nUzZs6KQYOHxG677hwNyYrdJ6qCCAAAANgoQofvfOc7UVJSUt11YUVf/epX4/7774/u3btnoUMas6GmXr16xeGHH54NIPnWW2/VeqxVq1bZ4/vuu282NsOK3TdS947UteOKK67I7qfxIc4555xsvIj0nCqDBg2q7tKRxnFIA1im9qRuFmvSvWL8hInVy82aNo199vpCdOnSORvfoXqb8RMjdo0GI4ULKXSoKd1PlQ5VjOcAAACweWvQocMPfvCDuPfee+PJJ5+M1q1b17lNChTSAI8nnXRSFk6sSnr+brvtloUMqRKhLqecckpsueWW1fdTVUPV7BdV+vfvX131UCV1q0ihQxov4s9//nM8/vjjMWbMmKzSYU3HdKgyf8GCrJJixMhPoyGrGS7UJGgAAACgQYcO48aNi/PPPz+eeeaZuOGGG+Kwww5b5bapAiIFE6nbRJqJoqhoebl/unhfcRyEu+++OxYtqt0FYOjQoXHeeedFRUVFrfVdu3bNZsyYOXNmNiZEGvshDUCZ9pu6ZZx55pmx667Lyg/SgJK//vWv43vf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b8/P3G7+/Pnxj3/8I44//vhVbvP6669Hhw4dolu3bjFx4sTo2rVrtn7kyJGx9dZbx9133x2nnXZa9fZLliyJRo0aZcsvvfRStk3adv/9969z/2MH3RxTP/1nbCjddr4k2nU/sNa68vLyWveLiorirrvuitNPP/1z73/atGnRvn37Oh9btGhRlJSUZMvpWL7//vtx8MEHR96EDgAAAJu48tnzY9oN922Q39XmzOOipG/tdQ8++GD885//jIULF2YXvk2aNIkf/vCH8cgjj1SHDjfeeGO88cYb0bhx47jyyiuzi+L0eLr4Ttv/9Kc/jZtuuim7SP/GN74Rjz/+eNx33321QocTTzwx/v73v2fLv/nNb+K73/1uvPLKK6sMHaKgMAoKCqNyQ1Q8FNTd0eBb3/pWVFZWZsvPPvtsfPjhh3HPPfdUhw6vvfZa3HnnnSsFCN///vejd+/e2XI6Xum4tGjRIubOnRsVFRXxq1/9KrufjnsKZ5o1axadOnWKH/3oR1no8PzzzwsdAAAA2PilMKDqdu2110ZpaWlMnTq1+vHRo0dnF9t33HFHzJgxI77zne/EueeeG23atKne5tVXX42LL744u6Cu+c3+BRdcENdcc020bds23nnnnSys2GGHHWLy5MnZBXdhYcMeVeD666+P9957L3bcccc46qijqis23nrrrdhpp51in332yW41peBg1qxZ2XIKD1K4kI5BlXSMH3744Sy4+MMf/hAPPPBAFBcXx2WXXRajRo3aoP++hn30AQAA2GS8/fbbWZeJKtOnT49BgwbF7Nmzo1WrVtm6pk2bZl0vli5dWqvrQd++fePyyy/PLpyrpK4Ef/rTn6Jdu3bx5JNPxgEHHJB9w5+emyomUrixMfje976X/TzkkEOqQ4fBgwfH4sWLq7dJy1X3FyxYEB07dsyWd91116wa4ve//31WKfHHP/4xHnvssdh3332zx9N2Q4cOjTlz5mQVDmVlZRv036Z7BQAAALlLF9GpAuHRRx+No48+OluXqh1SEHHOOedkF9oXXnhh1j0gVTSkQCKFD0mqeEgX0WkMiOT888/Pfu62227Zz1QVkLpepG/0n3nmmayrRnrOzjvvHM8991yD/es+88wzWUXCkCFD4qKLLsqqMlK1R+oKkY5JTanbyLx58+Kss86KmTNnVocHKVRI41d88MEHWcXE3nvv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" alt="마켓 A 기간별 거래액 추이 — 어드민 대시보드 화면" style="width:100%; height:auto; border-radius:10px; display:block;" /> <div class="ably-chart-comment" style="margin-top:14px;"> <span class="icon">📉</span> <span>실제 마켓 어드민 <strong>&lsquo;기간별 통계&rsquo;</strong> 화면입니다. 광고를 중단한 뒤 거래액이 계속 줄고 있어요.</span> </div> </div> <p class="ably-feature-desc" style="margin-top: 24px;"> 마켓 A는 광고를 켜둔 동안엔 AI 데이터 학습을 통해 자연 유입과 자연 매출이 함께 상승했어요. 그런데 <strong>전사 행사 기간(2026-05, 상반기 메가세일) 이후 광고를 중단</strong>하게 되면서, AI 데이터 학습이 멈추고 노출량이 줄어 자연 유입과 매출이 점차 하락하게 되었어요. 그 결과, <strong>광고 운영 기간 대비 현재 거래액은 63% 이상 낮아졌고</strong>, 광고를 시작하기 전보다도 낮은 수준으로 내려갔습니다. </p> </div> <hr class="ably-divider" /> <!-- 4. 마켓 B: 광고를 중단하지 않은 마켓 --> <div class="ably-feature reveal"> <span class="ably-feature-tag market-a">마켓 B</span> <h3>광고를 중단하지 않은 마켓</h3> <div class="ably-chart-box"> <img src="data:image/png;base64,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" alt="마켓 B 기간별 거래액 추이 — 어드민 대시보드 화면" style="width:100%; height:auto; border-radius:10px; display:block;" /> <div class="ably-chart-comment" style="margin-top:14px;"> <span class="icon">📈</span> <span>같은 화면에서 확인한 <strong>마켓 B</strong>의 추이입니다. 광고 중단 없이 계속 운영한 마켓 B는 <strong>자연 + 광고 매출이 계속 증가</strong>하고 있어요.</span> </div> </div> <p class="ably-feature-desc" style="margin-top: 24px;"> 마켓 B도 마찬가지로 광고를 켜둔 동안 자연 유입과 자연 매출이 함께 늘었습니다. 다른 점은 그 다음이었어요. 전사 행사 기간 이후에도 광고를 끄지 않고 이어간 결과, <strong>광고 시작 시점 대비 현재 거래액이 718%(8.2배)</strong>까지 늘었습니다. </p> <div class="ably-quote"> <p>마켓 B는 전사 행사 이전부터 광고를 꾸준히 운영하며 <strong>마켓 데이터를 쌓아왔습니다.</strong> 그 데이터를 기반으로 전사 행사 기간 거래액이 큰 폭으로 올랐고, 행사가 끝난 뒤에도 광고를 멈추지 않고 이어가면서 <strong>행사 기간 쌓은 데이터를 바탕으로 높은 거래액 흐름을 계속 이어가고, 더 많은 유입과 매출을 얻어가고 있습니다.</strong></p> </div> </div> <hr class="ably-divider" /> <!-- 5. WHY --> <div class="ably-lead reveal"> <span class="ably-lead-kicker">WHY</span> <h2>왜 이런 차이가 났을까요?</h2> <p>광고를 지속한 마켓은 AI 학습을 이어가며 데이터를 꾸준히 확보했고, 그 결과 순 방문자 수 증가로 이어졌습니다.</p> </div> <div class="ably-chart-box reveal"> <div style="display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:18px;"> <div class="ably-stat-pill tone-gray">마켓 A <span class="num">-72%</span></div> <div class="ably-stat-pill tone-pink">마켓 B <span class="num">+291%</span> (3.9배)</div> </div> <p style="text-align:center; font-size:13.5px; color:#999; margin:0 0 8px;">유니크 방문자 수 추이 (이전 = 100 기준 지수)</p> <svg viewBox="0 0 680 260" width="100%" height="230" style="overflow:visible; display:block;"> <line x1="20" y1="230" x2="660" y2="230" stroke="#E5E5E8" stroke-width="1.5"/> <path class="draw-path" fill="none" stroke="#ADADB4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M100,192.2 L260,155.0 L420,210.5 L580,230.0"/> <path class="draw-path" fill="none" stroke="#FF4785" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M100,192.2 L260,87.9 L420,85.1 L580,40.0"/> <circle cx="100" cy="192.2" r="4.5" fill="#8A8A92"/> <circle cx="260" cy="155.0" r="4.5" fill="#8A8A92"/> <circle cx="420" cy="210.5" r="4.5" fill="#8A8A92"/> <circle cx="580" cy="230.0" r="5" fill="#6E6E76"/> <circle cx="260" cy="87.9" r="4.5" fill="#FF4785"/> <circle cx="420" cy="85.1" r="4.5" fill="#FF4785"/> <circle cx="580" cy="40.0" r="5" fill="#FF4785"/> <text x="100" y="175" text-anchor="middle" font-size="11.5" font-weight="600" fill="#888" font-family="Pretendard Variable">100</text> <text x="260" y="173" text-anchor="middle" font-size="11.5" font-weight="600" fill="#8A8A92" font-family="Pretendard Variable">171</text> <text x="420" y="196" text-anchor="middle" font-size="11.5" font-weight="600" fill="#8A8A92" font-family="Pretendard Variable">65</text> <text x="580" y="214" text-anchor="middle" font-size="12" font-weight="700" fill="#6E6E76" font-family="Pretendard Variable">28</text> <text x="260" y="72" text-anchor="middle" font-size="11.5" font-weight="600" fill="#FF4785" font-family="Pretendard Variable">299</text> <text x="420" y="69" text-anchor="middle" font-size="11.5" font-weight="600" fill="#FF4785" font-family="Pretendard Variable">304</text> <text x="580" y="24" text-anchor="middle" font-size="12" font-weight="700" fill="#FF4785" font-family="Pretendard Variable">391</text> <text x="100" y="248" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">이전</text> <text x="260" y="248" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">전사 행사 기간</text> <text x="420" y="248" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">직후 30일</text> <text x="580" y="248" text-anchor="middle" font-size="12.5" fill="#999" font-family="Pretendard Variable">최근</text> </svg> <div class="ably-scatter-legend" style="justify-content:center; border-top:none; margin-top:10px; padding-top:0;"> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch" style="background:#ADADB4"></span>마켓 A (광고 중단)</span> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch" style="background:#FF4785"></span>마켓 B (광고 지속)</span> </div> </div> <div class="ably-chart-comment" style="margin-top:8px; margin-bottom:28px;"> <span class="icon">💡</span> <span>두 마켓 모두 일 평균 광고 예산은 <strong>약 1만 원대</strong>로 큰 차이가 없었습니다. 결과를 가른 건 예산 규모가 아니라 <strong>광고 지속 여부</strong>였어요. 광고를 지속한 마켓은 <strong>AI 데이터 학습</strong>이 이어지며 성과가 최적화됐고, 그 차이가 이후 자연 유입과 구매 전환의 격차로 이어졌습니다.</span> </div> <div class="ably-chart-box reveal"> <svg viewBox="0 0 760 280" width="100%" height="250" style="overflow:visible; display:block;"> <line x1="430" y1="4" x2="430" y2="264" stroke="#DADADD" stroke-width="1.5" stroke-dasharray="3 4"/> <text x="100" y="51" text-anchor="end" font-size="13.5" font-weight="600" fill="#1a1a1a" font-family="Pretendard Variable">자연 유입 수</text> <rect x="214" y="28" width="216" height="36" rx="8" fill="#ADADB4"/> <text x="205" y="51" text-anchor="end" font-size="13.5" font-weight="700" fill="#6E6E76" font-family="Pretendard Variable">-72%</text> <rect x="430" y="28" width="109.1" height="36" rx="8" fill="#FF4785"/> <text x="543" y="51" text-anchor="start" font-size="13.5" font-weight="700" fill="#FF4785" font-family="Pretendard Variable">+291%(3.9배)</text> <text x="100" y="149" text-anchor="end" font-size="13.5" font-weight="600" fill="#1a1a1a" font-family="Pretendard Variable">자연 구매 전환 수</text> <rect x="235" y="126" width="195" height="36" rx="8" fill="#ADADB4"/> <text x="226" y="149" text-anchor="end" font-size="13.5" font-weight="700" fill="#6E6E76" font-family="Pretendard Variable">-65%</text> <rect x="430" y="126" width="267.75" height="36" rx="8" fill="#FF4785"/> <text x="702" y="149" text-anchor="start" font-size="13.5" font-weight="700" fill="#FF4785" font-family="Pretendard Variable">+714%(8.1배)</text> <text x="100" y="247" text-anchor="end" font-size="13.5" font-weight="600" fill="#1a1a1a" font-family="Pretendard Variable">자연 노출 수</text> <rect x="190" y="224" width="240" height="36" rx="8" fill="#ADADB4"/> <text x="181" y="247" text-anchor="end" font-size="13.5" font-weight="700" fill="#6E6E76" font-family="Pretendard Variable">-80%</text> <rect x="430" y="224" width="138.375" height="36" rx="8" fill="#FF4785"/> <text x="573" y="247" text-anchor="start" font-size="13.5" font-weight="700" fill="#FF4785" font-family="Pretendard Variable">+369%(4.7배)</text> </svg> <div class="ably-scatter-legend" style="justify-content:center; border-top:none; margin-top:10px; padding-top:0;"> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch" style="background:#ADADB4"></span>마켓 A (광고 중단)</span> <span class="ably-scatter-legend-item"><span class="ably-scatter-legend-swatch" style="background:#FF4785"></span>마켓 B (광고 지속)</span> </div> <div class="ably-chart-comment-split"> <div class="ably-chart-comment"> <span class="icon">✅</span> <span>마켓 A는 광고가 중단되어 마켓 노출이 확보되지 못하면서 AI 데이터 학습이 원활하게 이루어지지 않았고, 그 결과 <strong>자연 노출·유입 수까지 하락하여 매출액까지 감소</strong>하게 되었습니다.</span> </div> <div class="ably-chart-comment"> <span class="icon">✅</span> <span>반면 마켓 B는 지속적인 AI 데이터 학습을 통해 전사 행사 기간까지 확보한 유저 데이터를 기반으로, <strong>마켓에 방문하는 유저 풀이 계속 확대되어</strong> <strong>장기적으로 크게 성장</strong>하고 있습니다.</span> </div> </div> </div> <!-- 8. TAKEAWAY --> <div class="ably-lead reveal"> <span class="ably-lead-kicker">TAKEAWAY</span> <h2>광고는 중단 없이 지속 운영하는 것이 가장 중요합니다.</h2> </div> <!-- 10. 오늘의 핵심 --> <div class="ably-keypoints reveal"> <div class="ably-keypoints-title">오늘의 핵심</div> <ul> <li>광고는 <strong>중단없이, 꾸준히 운영하는 것</strong>이 가장 중요해요. 광고로 확보한 데이터는 자연 유입과 매출 데이터를 꾸준히 쌓아가며 마켓이 성장하기 위해 필요한 자산입니다.</li> <li>한 번에 큰 예산을 써서 유입을 늘리기보다, <strong>행사 전후로 광고를 중단하지 않고 이어가는 것</strong>이 더 중요합니다.</li> </ul> </div> <!-- 11. 아웃트로 --> <div class="ably-outro reveal"> <div class="ably-outro-divider"></div> <p class="highlight">에이블리에서 가장 빠르게 성장하는 방법</p> <p class="ably-outro-maincopy">에이블리 광고</p> <p>광고 관련 궁금한 사항이 있으신 경우, 셀러지원센터를 통해 문의해주세요.</p> <a href="https://www.ablyads.com/adsinsight" target="_blank" rel="noopener" class="ably-cta"> 더 많은 에이블리 광고 인사이트 보러가기 <span class="ably-cta-arrow">→</span> </a> </div> </div> <script> (function () { var els = document.querySelectorAll('.reveal'); if (!('IntersectionObserver' in window)) { els.forEach(function (el) { el.classList.add('is-visible'); }); return; } var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); io.unobserve(entry.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' }); els.forEach(function (el) { io.observe(el); }); })(); </script>

<style> @font-face { font-family: 'PretendardFix'; src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2'); font-weight: 500; } @font-face { font-family: 'PretendardFix'; src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-SemiBold.woff2') format('woff2'); font-weight: 600; } @font-face { font-family: 'PretendardFix'; src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Bold.woff2') format('woff2'); font-weight: 700; } .ably-notice, .ably-notice * { font-family: 'PretendardFix', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; box-sizing: border-box; letter-spacing: -0.02em; } .ably-notice { color: #1a1a1a; line-height: 1.7; max-width: 760px; margin: 0 auto; } .ably-banner { background: linear-gradient(135deg, #FF5A93 0%, #FF7CAE 100%); border-radius: 20px; padding: 40px 48px 44px; position: relative; overflow: hidden; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: flex-end; min-height: 168px; } .ably-banner::before { content: ''; position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; background: rgba(255,255,255,0.12); border-radius: 50%; } .ably-banner::after { content: ''; position: absolute; bottom: -80px; right: 70px; width: 160px; height: 160px; background: rgba(255,255,255,0.08); border-radius: 50%; } .ably-banner-label { display: inline-block; background: rgba(255,255,255,0.2); color: #fff; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 100px; margin-bottom: 14px; position: relative; z-index: 1; align-self: flex-start; } .ably-banner h1 { font-size: 34px; font-weight: 700; color: #fff; margin: 0; line-height: 1.3; position: relative; z-index: 1; } .ably-intro { background: #FAFAFA; border-radius: 16px; padding: 24px 28px; margin-bottom: 20px; border-left: 4px solid #FF4785; } .ably-intro p { margin: 0; font-size: 14.5px; font-weight: 500; color: #333; line-height: 1.7; } .ably-intro strong { color: #FF4785; font-weight: 600; } .ably-schedule-bar { display: flex; align-items: center; justify-content: center; gap: 10px; background: #fff; border: 1px solid #FFD4E0; border-radius: 12px; padding: 16px 24px; margin-bottom: 32px; font-size: 15px; color: #1a1a1a; } .ably-schedule-bar .label { font-size: 12px; font-weight: 600; color: #999; background: #F5F5F7; padding: 4px 10px; border-radius: 100px; } .ably-schedule-bar .value { font-weight: 700; color: #333; } .ably-feature { margin-bottom: 32px; } .ably-feature-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #1a1a1a; color: #fff; font-size: 15px; font-weight: 700; border-radius: 10px; margin-bottom: 16px; } .ably-feature h2 { font-size: 22px; font-weight: 700; margin: 0 0 14px 0; line-height: 1.4; letter-spacing: -0.02em; color: #1a1a1a; } .ably-feature-desc { font-size: 15px; font-weight: 500; color: #444; line-height: 1.75; margin: 0 0 20px 0; } .ably-feature-desc strong { color: #1a1a1a; font-weight: 700; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } .ably-path { display: flex; align-items: center; gap: 10px; background: #F5F5F7; border-radius: 12px; padding: 14px 18px; margin-bottom: 24px; font-size: 13px; color: #555; flex-wrap: wrap; } .ably-path-label { font-weight: 600; color: #1a1a1a; } .ably-path-arrow { color: #BBB; font-size: 11px; } .ably-guide-list { background: #FAFAFA; border-radius: 14px; padding: 8px 28px; } .ably-guide-list li { position: relative; list-style: none; padding: 16px 0 16px 18px; font-size: 14px; font-weight: 500; color: #444; line-height: 1.7; border-bottom: 1px solid #EDEDED; } .ably-guide-list li:last-child { border-bottom: none; } .ably-guide-list li::before { content: ''; position: absolute; left: 0; top: 24px; width: 5px; height: 5px; border-radius: 50%; background: #FF4785; } .ably-point-list { max-width: 760px; margin: 0 auto 32px; } .ably-point { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; } .ably-point:last-child { margin-bottom: 0; } .ably-point .check { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #FF4785; color: #fff; font-size: 12px; font-weight: 700; margin-top: 2px; } .ably-point p { margin: 0; font-size: 15px; font-weight: 500; color: #444; line-height: 1.75; } .ably-point strong { color: #1a1a1a; font-weight: 700; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } .ably-outro { text-align: center; padding: 56px 32px 32px; margin-top: 32px; } .ably-outro p { font-size: 15px; font-weight: 500; color: #555; line-height: 1.8; margin: 0 0 8px 0; } .ably-outro p.highlight { font-size: 16px; color: #1a1a1a; font-weight: 700; margin-bottom: 20px; } .ably-outro-divider { width: 40px; height: 3px; background: #FF4785; margin: 0 auto 24px; border-radius: 100px; } .ably-outro-maincopy { font-size: 52px !important; font-weight: 700 !important; line-height: 1.15; letter-spacing: -0.03em; color: #1a1a1a !important; margin: 0 0 56px 0; } .ably-cta { display: inline-flex; align-items: center; gap: 8px; background: #1a1a1a; color: #fff !important; text-decoration: none; padding: 16px 32px; border-radius: 100px; font-size: 15px; font-weight: 700; margin-top: 28px; transition: all 0.2s ease; } .ably-cta:hover { background: #FF4785; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 71, 133, 0.3); } .ably-cta-arrow { font-size: 16px; transition: transform 0.2s ease; } .ably-cta:hover .ably-cta-arrow { transform: translateX(4px); } @media (max-width: 640px) { .ably-notice { max-width: 100%; } .ably-banner { padding: 32px 24px 36px; min-height: auto; } .ably-banner h1 { font-size: 24px; } .ably-intro { padding: 20px 22px; } .ably-intro p { font-size: 14px; } .ably-schedule-bar { flex-direction: column; gap: 8px; padding: 16px 20px; } .ably-feature h2 { font-size: 19px; } .ably-feature-desc { font-size: 14px; } .ably-path { flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 16px; } .ably-path-arrow { display: none; } .ably-guide-list { padding: 4px 18px; } .ably-guide-list li { font-size: 13.5px; padding: 14px 0 14px 16px; } .ably-outro { padding: 40px 20px 24px; } .ably-outro-maincopy { font-size: 34px !important; margin-bottom: 36px; } .ably-outro p { font-size: 13.5px; } .ably-cta { width: 100%; justify-content: center; padding: 15px 24px; } } </style> <div class="ably-notice"> <div class="ably-banner"> <span class="ably-banner-label">NEW</span> <h1>신규 광고 지면 추가</h1> </div> <div class="ably-intro"> <p>더 효율적인 광고 운영을 위해 새롭게 추가된 광고 지면을 확인해보세요.</p> </div> <div class="ably-schedule-bar"> <span class="label">적용 일정</span> <span class="value">7월 29일 수요일</span> </div> <div class="ably-feature"> <div class="ably-feature-num">1</div> <h2>신규 지면 안내</h2> <p class="ably-feature-desc">상품을 보고 있는 유저에게, <strong>관련도 높은 내 상품</strong>을 자연스럽게 보여주는 신규 광고 지면입니다.</p> <div class="ably-path"> <span class="ably-path-label">노출 위치</span> <span>에이블리 APP</span><span class="ably-path-arrow">▶</span> <span>상품 클릭</span><span class="ably-path-arrow">▶</span> <span>썸네일 스크롤</span><span class="ably-path-arrow">▶</span> <span>썸네일 마지막 영역 추천 상품 지면</span> </div> </div> </div>

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" /> <style> .ably-notice, .ably-notice * { font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif; box-sizing: border-box; letter-spacing: -0.01em; } .ably-notice { color: #1a1a1a; line-height: 1.7; max-width: 760px; margin: 0 auto; } /* 배너 */ .ably-banner { background: linear-gradient(135deg, #FF4785 0%, #FF6BA0 100%); border-radius: 20px; padding: 48px 40px; color: #fff; position: relative; overflow: hidden; margin-bottom: 32px; } .ably-banner::before { content: ''; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; background: rgba(255,255,255,0.12); border-radius: 50%; } .ably-banner::after { content: ''; position: absolute; bottom: -80px; right: 80px; width: 180px; height: 180px; background: rgba(255,255,255,0.08); border-radius: 50%; } .ably-banner-label { display: inline-block; background: rgba(255,255,255,0.22); color: #fff; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 100px; margin-bottom: 20px; position: relative; z-index: 1; } .ably-banner h1 { font-size: 32px; font-weight: 700; margin: 0 0 14px 0; line-height: 1.3; letter-spacing: -0.02em; position: relative; z-index: 1; } .ably-banner p { font-size: 16px; margin: 0; opacity: 0.95; position: relative; z-index: 1; } /* 인트로 */ .ably-intro { background: #FAFAFA; border-radius: 16px; padding: 28px 32px; margin-bottom: 32px; border-left: 4px solid #FF4785; } .ably-intro p { margin: 0; font-size: 15px; color: #333; line-height: 1.75; } .ably-intro strong { color: #FF4785; font-weight: 600; } /* 개선 항목 */ .ably-feature { margin-bottom: 32px; } .ably-feature-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #1a1a1a; color: #fff; font-size: 15px; font-weight: 700; border-radius: 10px; margin-bottom: 16px; } .ably-feature h2 { font-size: 22px; font-weight: 700; margin: 0 0 14px 0; line-height: 1.4; letter-spacing: -0.02em; color: #1a1a1a; } .ably-feature-desc { font-size: 15px; color: #444; line-height: 1.75; margin: 0 0 24px 0; } .ably-feature-desc strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } /* 경로 */ .ably-path { display: flex; align-items: center; gap: 10px; background: #F5F5F7; border-radius: 12px; padding: 14px 18px; margin-bottom: 24px; font-size: 13px; color: #555; flex-wrap: wrap; } .ably-path-label { font-weight: 600; color: #1a1a1a; } .ably-path-arrow { color: #BBB; font-size: 11px; } /* 이미지 영역 */ .ably-image-placeholder { background: #F9F9FB; border: 1.5px dashed #DDD; border-radius: 14px; padding: 60px 24px; text-align: center; color: #999; font-size: 13px; font-weight: 500; } .ably-image-placeholder-icon { font-size: 24px; margin-bottom: 8px; opacity: 0.5; } /* Before / After */ .ably-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; } .ably-comparison-card { border-radius: 14px; padding: 24px; border: 1px solid #EEE; } .ably-comparison-card.before { background: #FAFAFA; } .ably-comparison-card.after { background: #FFF5F8; border-color: #FFD4E0; } .ably-comparison-tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 6px; margin-bottom: 12px; } .ably-comparison-tag.before { background: #E8E8E8; color: #666; } .ably-comparison-tag.after { background: #FF4785; color: #fff; } .ably-comparison-text { font-size: 14px; color: #333; line-height: 1.6; margin: 0; } /* 요약 */ .ably-summary { background: #1a1a1a; border-radius: 20px; padding: 40px; margin-top: 32px; color: #fff; } .ably-summary h3 { font-size: 20px; font-weight: 700; margin: 0 0 28px 0; } .ably-summary-table { width: 100%; border-collapse: collapse; } .ably-summary-table th { text-align: left; font-size: 13px; font-weight: 600; color: #999; padding: 12px 16px; border-bottom: 1px solid #333; } .ably-summary-table td { padding: 18px 16px; font-size: 14px; border-bottom: 1px solid #2a2a2a; vertical-align: top; line-height: 1.6; } .ably-summary-table tr:last-child td { border-bottom: none; } .ably-summary-table .col-item { font-weight: 600; color: #fff; width: 28%; } .ably-summary-table .col-before { color: #888; width: 36%; } .ably-summary-table .col-after { color: #FFB3CC; width: 36%; font-weight: 500; } /* 아웃트로 */ .ably-outro { text-align: center; padding: 56px 32px 32px; margin-top: 32px; } .ably-outro p { font-size: 15px; color: #555; line-height: 1.8; margin: 0 0 8px 0; } .ably-outro p.highlight { font-size: 16px; color: #1a1a1a; font-weight: 600; margin-bottom: 20px; } .ably-outro-divider { width: 40px; height: 3px; background: #FF4785; margin: 0 auto 24px; border-radius: 100px; } @media (max-width: 640px) { .ably-banner { padding: 36px 28px; } .ably-banner h1 { font-size: 24px; } .ably-comparison { grid-template-columns: 1fr; } .ably-summary { padding: 28px 24px; } } </style>

데이터로 확인한 상품전 성과

유입을 매출로 바꾸는 핵심, 상세페이지

안녕하세요. 에이블리 광고팀입니다. [웨비나] 메가세일 매출을 결정짓는 핵심 패턴이 종료되었습니다.

FEB 11, 2026

JAN 11, 2026

안녕하세요, 셀러님! ❄️

Dec 11, 2025

DEC 5, 2025

Nov 3, 2025

전문몰 정상에 선 에이블리

안녕하세요, 에이블리 광고팀입니다!

에이블리는 광고주님을 위한 다양한 광고비 지원 프로모션을 제공하고 있는데요!

지난 7월, 에이블리에서 더 큰 성장을 원하시는 많은 분들의 요청에 힘입어, 에이블리 광고가 오픈 베타 테스트(OBT)를 시작했습니다.

안녕하세요! 에이블리 플레이북 에디터입니다 😎