제안 시스템

디자인킷 · 레이아웃

신뢰: 팀 구성(역할 5개, 사진 자리)

D-레이아웃-완성-신뢰-팀구성

신뢰: 팀 구성(역할 5개, 사진 자리)

언제 쓰는가

결(結). 수행 사례 다음 장. 실제로 일할 사람을 역할·담당 범위·투입 비중으로 소개. 역할 4~5명. 바꿔야 할 값: 역할명, 이름과 직책, 담당 범위 한두 줄, 투입 비중, 사진, 광고주 창구 1명(class hot), 변경 통보 조건. 연차·수상 나열은 싣지 않음. 값 바꾸는 법: .m 카드 4~5개(4명이면 grid-template-columns 를 repeat(4,1fr) 로). .ph 는 사진 자리(그림으로 교체). .ro 역할, .nm 이름·직책, .jb 이 건에서 맡는 일, .sh 투입 비중. 광고주 창구인 한 명에만 class="m hot" 과 표시 문구.

참고

컨설팅 제안서의 team 장(사진·역할·이 프로젝트에서 맡는 일), Slidesgo·SlideModel 의 meet the team 구성, 국내 대행사 제안서의 운영 조직 장을 참고. 직접 제작.

조각

<section class="slide lo-tr-team">
  <div class="run"><b>모루리빙 2027 상반기 통합 디지털 마케팅 제안</b><span>PART 06 · 수행 사례와 팀</span></div>
  <div class="hd"><p class="lb">전담 팀</p><h1>전담 5명, 광고주 창구는 총괄 한 사람</h1><p class="lede">표준형 구성 기준 투입 인력과 담당 범위. 담당자 변경 시 2주 전 사전 통보</p></div>
  <div class="body">
<div class="ms">
      <div class="cd m hot"><div class="ph">사진</div><p class="ro">총괄<b>광고주 창구</b></p><p class="nm">김○○ 팀장</p><p class="jb">전략 수립, 예산 배분, 정기 보고. 광고주와의 모든 소통 담당</p><p class="sh"><span>투입</span>주 3일</p></div>
      <div class="cd m "><div class="ph">사진</div><p class="ro">매체 운영</p><p class="nm">이○○ 매니저</p><p class="jb">검색 광고와 쇼핑 검색 입찰, 검색어 관리, 주간 수치 정리</p><p class="sh"><span>투입</span>주 5일</p></div>
      <div class="cd m "><div class="ph">사진</div><p class="ro">콘텐츠 기획</p><p class="nm">박○○ 매니저</p><p class="jb">블로그 후기 주제 선정과 원고, 발행 일정 관리</p><p class="sh"><span>투입</span>주 3일</p></div>
      <div class="cd m "><div class="ph">사진</div><p class="ro">소재 제작</p><p class="nm">최○○ 디자이너</p><p class="jb">광고 이미지와 문구 소재, 숏폼 영상 재편집</p><p class="sh"><span>투입</span>주 2일</p></div>
      <div class="cd m "><div class="ph">사진</div><p class="ro">측정 분석</p><p class="nm">정○○ 매니저</p><p class="jb">추적 설정, 대시보드 운영, 월간 리포트 분석</p><p class="sh"><span>투입</span>주 2일</p></div>
    </div>
    <p class="say"><b>부재 시 대행 순서는 매체 운영, 콘텐츠 기획 순.</b> 5명 모두 착수 회의 참석, 총괄은 격주 정기 회의 상시 참석</p>
  </div>
  <div class="pg">39</div>
</section>

스타일

.slide.lo-tr-team .hd .lb{color:var(--mu)}
.slide.lo-tr-team :where(.body p,.body ul,.body ol,.body dl,.body dd,.body dt){margin:0;padding:0;list-style:none}
.slide.lo-tr-team .k{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.slide.lo-tr-team .cd{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}
.slide.lo-tr-team .say{font-size:var(--f-body);color:var(--ink2)}
.slide.lo-tr-team .say::before{content:"→";color:var(--mu);font-weight:600;margin-right:10px}
.slide.lo-tr-team .body{gap:18px}
.slide.lo-tr-team .ms{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.slide.lo-tr-team .m{padding:16px 18px 16px;display:flex;flex-direction:column;border-top:3px solid transparent}
.slide.lo-tr-team .ph{height:104px;border-radius:var(--r-sm);background:var(--soft);border:1px dashed var(--line2);display:flex;align-items:center;justify-content:center;font-size:var(--f-cap);color:var(--mu)}
.slide.lo-tr-team .ro{font-size:var(--f-lg);font-weight:700;color:var(--ink);margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.slide.lo-tr-team .ro b{font-size:var(--f-cap);font-weight:700;color:var(--card);background:var(--ac);border-radius:12px;padding:1px 9px;white-space:nowrap}
.slide.lo-tr-team .nm{font-size:var(--f-sm);color:var(--mu)}
.slide.lo-tr-team .jb{font-size:var(--f-sm);color:var(--ink2);margin:8px 0 12px;min-height:46px}
.slide.lo-tr-team .sh{margin-top:auto;font-size:var(--f-body);font-weight:700;color:var(--ink);border-top:1px solid var(--line);padding-top:10px}
.slide.lo-tr-team .sh span{font-size:var(--f-cap);font-weight:600;color:var(--mu);margin-right:10px}
.slide.lo-tr-team .m.hot{border-top-color:var(--ac)}