제안 시스템

디자인킷 · 레이아웃

한 장 요약: 문제·제안·기대 결과 3칸

D-레이아웃-요약-3칸

한 장 요약: 문제·제안·기대 결과 3칸

언제 쓰는가

문서 전체를 한 장으로 요약. 문제, 제안, 기대 결과를 3칸에 같은 구조(핵심 문장 + 근거 3줄)로. 칸마다 근거 2~3줄. 값 바꾸는 법: 칸마다 .k(이름) .t(핵심 문장 2줄 이내) li(근거 2~3줄). 강조 칸 하나에 class="hot"(보통 기대 결과).

참고

McKinsey·BCG·Bain 장 구성 해설(slidemodel.com/mckinsey-presentation-structure, deckary.com/blog/consulting-slide-standards, deckary.com/blog/executive-summary-slides) 의 executive summary(상황·문제·해결 3단, 해결 쪽에 무게). 구성 방식만 참고, 코드와 문구는 직접 제작.

조각

<section class="slide lo-sum-3">
  <div class="run"><b>모루리빙 2027 상반기 통합 디지털 마케팅 제안</b><span>요약</span></div>
  <div class="hd"><p class="lb">한 장 요약</p><h1>검색 의존 구조에서 재구매 중심 구조로 전환</h1><p class="lede">2026년 1~9월 자사몰 주문 데이터와 매체 리포트 기준</p></div>
  <div class="body">
    <div class="cols">
      <div class="c"><p class="k">문제</p><p class="t">신규 유입의 71%가 검색 광고 한 곳에 집중</p><ul><li>비브랜드 키워드 클릭 단가 전년 대비 1.4배</li><li>첫 구매 후 90일 내 재구매율 12%</li><li>디스플레이와 SNS 광고는 전환 추적 부재</li></ul></div>
      <div class="c"><p class="k">제안</p><p class="t">매체 역할을 유입, 설득, 재구매 3단으로 재배치</p><ul><li>검색 광고는 구매 의도 키워드 120개로 축소</li><li>인플루언서 리뷰 콘텐츠로 설득 단계 보강</li><li>구매 고객 대상 맞춤 광고와 알림 메시지 신설</li></ul></div>
      <div class="c hot"><p class="k">기대 결과</p><p class="t">6개월 내 재구매율 12%에서 20%로 회복</p><ul><li>검색 광고 유입 의존도 71%에서 55% 이하</li><li>전환 추적 범위를 전 매체로 확대</li><li>매체 통합 월간 리포트 1종으로 보고 일원화</li></ul></div>
    </div>
  </div>
  <div class="pg">03</div>
</section>

스타일

.slide.lo-sum-3 .hd .lb{color:var(--mu)}
.slide.lo-sum-3 .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.slide.lo-sum-3 .c{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:26px 28px 28px}
.slide.lo-sum-3 .c.hot{background:var(--acw);box-shadow:none}
.slide.lo-sum-3 .k{font-size:var(--f-cap);font-weight:600;color:var(--mu);margin:0}
.slide.lo-sum-3 .c.hot .k{color:var(--ac)}
.slide.lo-sum-3 .t{font-size:var(--f-lg);font-weight:700;line-height:1.4;margin:8px 0 18px;min-height:56px}
.slide.lo-sum-3 ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line2);display:flex;flex-direction:column;gap:10px;color:var(--ink2)}