프론트엔드
올리브영, 블록 기반 CMS로 콘텐츠 제작 시간을 99% 줄이다
두줄요약
올리브영은 블록 기반 CMS로 콘텐츠 제작 시간을 7일에서 20분으로 줄였습니다. Vue 프로토타입 이후 Lit 웹 컴포넌트로 전환해 재사용성과 확장성도 높였습니다.
문제 상황
- 콘텐츠 기획, 디자인, 퍼블리싱, 발행까지 이어지는 기존 흐름에서 평균 7일 이상 소요
- 외주 인력 의존으로 커뮤니케이션 비용이 크고, 동일 블록을 반복 제작하는 비효율 발생
- 발행량 부족으로 맞춤형 콘텐츠 확대에도 제약
해결 방법
- 블록 단위 CMS를 직접 구축해 HTML 직접 작성과 디자이너 개입을 줄임
- 이미지, 텍스트, 상품을 독립 모듈로 분리하고 Drag & Drop 편집 흐름 도입
- Vue 프로토타입 이후 Lit 웹 컴포넌트로 전환해 프레임워크 독립성과 재사용성 강화
성능/운영 포인트
- 제작 시간이 7일에서 20분 수준으로 단축
- 디자인/퍼블리싱 단계 제거로 외주 커뮤니케이션 비용 감소
- 발행량이 약 2배 증가하고, 전체 콘텐츠의 약 40%를 CMS로 생성
