마케팅 영상 제작은 높은 퀄리티를 요구하지만,
전문 편집 툴은 복잡한 조작법, 높은 PC 사양, 긴 학습 곡선 때문에
비전문가가 접근하기 어려운 환경을 가지고 있었습니다.

특히 단순한 SNS 광고 영상조차도 템플릿 기반 편집이 아닌
레이어 단위 수동 작업이 필요해 제작 시간이 오래 걸렸고,
템플릿을 찾고, 사이즈 조정, 스타일 변경하고 렌더링까지의 과정 또한 불편함이 컸습니다.

템플릿 선택만으로 누구나 바로 영상 제작을 시작할 수 있는 웹 기반 에디터를 목표로 구축되었고,
다양한 영상 사이즈·스타일과 실시간 미리보기를 제공해
편집 기술 없이도 전문가 수준의 결과물을 빠르게 만들 수 있도록 했습니다.

사용자 중심의 영상 템플릿 편집 경험을
웹 브라우저에서 자연스럽게 구현하고 쉽게 편집할 수 있도록 진행되었습니다.

1) 작업 범위
(1) 서비스 기획
• 영상 템플릿 구조 정의 및 카테고리·사이즈 체계 설계
• 템플릿 선택 → 편집 → 렌더링 → 저장까지의 전체 사용자 흐름 설계
• 다양한 사용자층(마케터·중소사업자·크리에이터)을 고려한 UX 기획

(2) UI/UX 디자인
• 실시간 캔버스 기반 편집 화면 UX 구성
• 다양한 해상도·비율을 직관적으로 선택할 수 있는 템플릿 UI 디자인
• 모바일·데스크톱을 아우르는 반응형 레이아웃 구축
• 프로젝트 리스트·저장 기능·템플릿 상세 화면 구성

(3) 프론트엔드 개발
• 캔버스 기반 실시간 미리보기 구현
• 텍스트·이미지·모션 요소의 조작 UI 개발(드래그, 리사이즈, 정렬 등)
• 템플릿 스타일 자동 적용 로직 개발
• 다양한 해상도 렌더링 지원
• 프로젝트 저장·불러오기 기능 구현
• AI 기반 추천 템플릿(또는 스타일 추천) 기능 연동


2) 주요 기능
• 다양한 영상 사이즈 및 스타일 템플릿 제공
• 템플릿 기반의 실시간 편집 기능(텍스트·이미지 수정, 배치 조정 등)
• 원하는 사이즈·스타일로 템플릿 필터링
• 터치와 드래그 앤 드롭 기반 조작 UI
• 실시간 미리보기 및 렌더링
• 프로젝트 저장·불러오기 기능
• 다중 해상도 렌더링 옵션 지원


3) 주안점
• 전문가용 툴에서 사용되던 복잡한 조작을 템플릿 중심 흐름으로 단순화
• 실시간 반응성과 편집 가독성을 높이는 인터페이스 구축
• 다양한 영상 사이즈를 자동으로 재구성하는 UX 설계
• 템플릿 검색 → 선택 → 편집 → 렌더링까지의 작업 시간을 최소화
• AI를 활용해 사용자에게 적합한 템플릿을 추천하는 경험 강화