올영라이브 템플릿화

Context

올영라이브는 2020년 4월 오픈 이후 MZ 고객층의 호응으로 주 2회 방송에서 주 5회 방송으로 확대되었다. 이에 따라 퍼블리셔가 매회 이벤트 페이지를 일일이 수작업으로 구성해야 하는 리소스 부담이 발생했다.

Technical Solution

• 라이브 커머스의 고정 정보 영역을 분석해 4가지 모듈 타입으로 템플릿 정의: 비주얼 타입, 이미지 타입, 상품 타입, 공지사항 타입
• 비주얼 타입: 상단 배너 이미지 영역 (1개 단위 등록)
• 이미지 타입: 자유로운 콘텐츠 이미지 등록 (1개씩 등록 가능)
• 상품 타입: 상단이미지 > 상품영역(1단형/2단형) > 하단이미지 순서 배치, 상품코드 연동으로 상세페이지 랜딩 구현
• 공지사항 타입: 팝업 형식으로 필수 안내사항 및 유의사항 노출
• 모듈식 구성으로 UI 클릭 수 회 만으로 페이지 생성 가능하도록 자동화
• 각 템플릿별 콘텐츠 가이드라인 및 디자인 규정 수립

Key Takeaway

라이브 커머스처럼 반복되는 구조의 페이지는 가변 영역을 명확히 분류해 모듈 단위로 템플릿화하면, 비개발 직무도 운영할 수 있는 수준의 자동화를 달성할 수 있다.