개요
예산 : 1400만원
클라이언트 : (주) 두들린
제작기간 : 9주 ( 45일 영업일기준 )
요구사항
쉽고 빠른 채용관리 시스템 그리팅의 핵심기능과 제품 광고영상을 각각 제작한다.
유튜브 광고를 위한 영상 제작과 그리팅의 핵심기능 8가지를 사용자 중심에서 이해를 돕기 위해 상세히 설명하는 영상을 제작한다. 그리팅의 핵심기능 8가지를 실제 이용하는 것 처럼 자연스러운 연출이 필요하며 단순히 인앱화면이 노출되는 것 뿐만 아니라 스타일리쉬하게 연출됐으면 한다.
협의과정
스타일리쉬한 연출을 위해 줌인-아웃 / 에셋 분리 등 다양한 디자인의 시도가 가능했습니다.
PNG파일과 피그마 편집 계정을 요청하여 강조가 필요한 부분을 확대해서 사용하려고 했지만, 화질 및 에셋 추출 및 세부조정에 어려움이 있기 때문에 그리팅앱의 모든 UI를 벡터화 하는 작업을 진행하기로 했습니다.
제작과정
사용기술 : UI편집 ( 벡터화 ) / 연출 / 모션그래픽디자인 / 음악 / 내레이션 / illustrator / photoshop / after effects
역할범위 : 연출 / 디자인 / 제작
작업과정 : 브랜드스터디 – 스토리보드 – 디자인 – 모션그래픽 – 음향 – 납품
개발 중인 페이지가 있었으며, 제작 중에 디자인 및 기능이 수정된 페이지가 발생했습니다.
이미 변수를 대비해 벡터화 시켜놓은 덕분에 수정 및 디자인 변경에서 큰 어려움이 없이 무사히 마무리했습니다.
감독의 한마디
그리팅과 같은 웹/앱 플랫폼 소개 영상은 이미 완성된 디자인과 인터렉션, 어포던스 등 반응모션이 있습니다.
기존 브랜드의 톤앤매너를 유지하는 것이 첫번째 미션이며 여기에 특정기능 및 과정 등 강조를 위한 연출을 설정하는 것이 두번째 미션입니다.
이 과정에서 PNG 이미지로는 일부 연출에 제한이 있습니다. ( 1. 이미지 확대시 꺠짐 현상 / 2. 글, 그림 수정 등의 번거로움 )
운이 좋아 캡쳐한, 혹은 제공된 글 그대로 완성이 되는 경우도 있겠지만 보통 설정된 시나리오를 바탕으로 영상이 전개되며, 여러 변수가 있기 떄문에 편집이 가능하게 UI를 마련하는게 이후 수정 및 사고를 줄이는 방법입니다.
그렇기 떄문에 조금 수고스러운 방법이지만 모든 UI를 ( 화면 , 메뉴 , 버튼 등 ) 벡터화 하여 언제든지 편집이 가능하도록 에셋을 제작하여 연출의 자유도를 확보하고 텍스트 교체, 새로운 시나리오에 대응할 수 있도록 준비했습니다.
범퍼 광고
