제안 시스템

디자인킷 · 레이아웃

운영: 주간·월간 보고 체계

D-레이아웃-완성-운영-보고체계

운영: 주간·월간 보고 체계

언제 쓰는가

전(轉) 후반 또는 결(結). 역할 분담 다음 장. 보고를 주기 3단계로 나누고 주기마다 시점·형식·담는 것·결정 사항을 같은 틀로. 주기 3개 고정, 담는 것 3줄. 바꿔야 할 값: 주기 이름과 목적 한 단어, 시점, 형식, 담는 것 3줄, 결정하는 것, 중심 주기 1개(class hot), 상시 화면 안내 한 줄. 값 바꾸는 법: .c 카드 3개. .n 주기, .p 목적, dl 의 시점·형식, ul li 3줄(담는 것), .dc 결정하는 것. 광고주가 가장 눈여겨볼 주기 하나에만 class="c hot". 맨 아래 .al 은 상시 확인 수단.

참고

Bain 운영 리듬(operating cadence) 도식, 국내 대행사 제안서의 리포팅 체계 장(주간·월간·분기), Atlassian 의 회의 주기 표를 참고. 직접 제작.

조각

<section class="slide lo-op-report">
  <div class="run"><b>하늘결 스킨케어 2027 신제품 출시 캠페인 제안</b><span>PART 04 · 운영 계획</span></div>
  <div class="hd"><p class="lb">보고 체계</p><h1>주간은 점검, 월간은 조정, 분기는 방향 결정</h1><p class="lede">보고 주기 3단계와 주기마다 광고주가 결정하는 것</p></div>
  <div class="body">
<div class="cs">
      <div class="cd c"><p class="n">주간<span>점검</span></p><dl><dt>시점</dt><dd>매주 월요일 오전 10시</dd><dt>형식</dt><dd>1쪽 요약, 메신저 공유</dd></dl>
        <p class="k">담는 것</p><ul><li>지난주 매체별 핵심 수치</li><li>소재 교체와 입찰 조정 내역</li><li>이번 주 발행·집행 예정</li></ul>
        <p class="dc"><span>결정</span>소재 시안 확인, 일정 변경</p></div>
      <div class="cd c hot"><p class="n">월간<span>조정</span></p><dl><dt>시점</dt><dd>매월 5일, 화상 회의 60분</dd><dt>형식</dt><dd>통합 리포트 1종</dd></dl>
        <p class="k">담는 것</p><ul><li>목표 대비 달성률과 원인</li><li>매체별 전환당 비용 지수</li><li>다음 달 예산 재배분안</li></ul>
        <p class="dc"><span>결정</span>예산 20% 범위 재배분, 소재 방향</p></div>
      <div class="cd c"><p class="n">분기<span>방향</span></p><dl><dt>시점</dt><dd>분기 마지막 주, 대면 회의</dd><dt>형식</dt><dd>성과 보고서와 다음 분기안</dd></dl>
        <p class="k">담는 것</p><ul><li>분기 목표 달성 여부</li><li>검증된 것과 중단할 것</li><li>다음 분기 매체 구성안</li></ul>
        <p class="dc"><span>결정</span>매체 추가·중단, 목표 재설정</p></div>
    </div>
    <p class="al"><b>상시</b>웹 대시보드에서 전날까지의 수치 확인. 삭제·미노출 건도 대체 조치와 함께 그대로 기재</p>
  </div>
  <div class="pg">29</div>
</section>

스타일

.slide.lo-op-report .hd .lb{color:var(--mu)}
.slide.lo-op-report :where(.body p,.body ul,.body ol,.body dl,.body dd,.body dt){margin:0;padding:0;list-style:none}
.slide.lo-op-report .k{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.slide.lo-op-report .cd{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}
.slide.lo-op-report .say{font-size:var(--f-body);color:var(--ink2)}
.slide.lo-op-report .say::before{content:"→";color:var(--mu);font-weight:600;margin-right:10px}
.slide.lo-op-report .body{gap:16px}
.slide.lo-op-report .cs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.slide.lo-op-report .c{padding:20px 26px 18px;border-top:3px solid transparent}
.slide.lo-op-report .c .n{font-size:var(--f-h);font-weight:700;line-height:1.2;color:var(--ink);display:flex;align-items:baseline;gap:12px}
.slide.lo-op-report .c .n span{font-size:var(--f-body);font-weight:600;color:var(--mu)}
.slide.lo-op-report .c dl{display:grid;grid-template-columns:48px 1fr;margin:12px 0 12px;border-top:1px solid var(--line2)}
.slide.lo-op-report .c dt,.slide.lo-op-report .c dd{font-size:var(--f-sm);padding:7px 0;border-bottom:1px solid var(--line)}
.slide.lo-op-report .c dt{font-size:var(--f-cap);font-weight:600;color:var(--mu);padding-top:8px}
.slide.lo-op-report .c dd{color:var(--ink)}
.slide.lo-op-report .c ul{margin:4px 0 14px}
.slide.lo-op-report .c li{font-size:var(--f-sm);color:var(--ink2);padding:2px 0 2px 14px;position:relative}
.slide.lo-op-report .c li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--line2)}
.slide.lo-op-report .dc{font-size:var(--f-sm);font-weight:600;color:var(--ink);background:var(--soft);border-radius:var(--r-sm);padding:8px 14px}
.slide.lo-op-report .dc span{font-size:var(--f-cap);color:var(--mu);margin-right:10px}
.slide.lo-op-report .c.hot{border-top-color:var(--ac)}
.slide.lo-op-report .c.hot .n{color:var(--ac)}
.slide.lo-op-report .al{font-size:var(--f-sm);color:var(--ink2);padding:0 4px}
.slide.lo-op-report .al b{margin-right:12px}