실제로 이런 자리에
씁니다.
기능 설명만으로는 감이 잘 오지 않습니다. 어떤 상황에서, 어떤 모듈로, 어떻게 설정해서, 무엇을 얻는지를 사례별로 정리했습니다.
기관 홈페이지 메인 슬라이더
협회·학교·공공기관 홈페이지의 첫 화면. 모집 공고, 행사 안내, 주요 사업이 계속 바뀌는데 그때마다 제작 의뢰를 넣기는 어렵습니다.
영상 오프닝 · 브랜드 로고 인트로
유튜브 영상 앞머리, 사내 발표자료 표지, 전시 부스 화면에 반복 재생하는 3~5초짜리 로고 모션. 매번 외주로 만들기엔 짧고, 직접 만들기엔 도구가 무겁던 영역입니다.
SNS 광고 소재 · 숏폼 오프닝
같은 메시지를 플랫폼마다 다른 비율로 만들어야 하는 일. 캠페인 주기가 짧아 A/B 소재를 여러 벌 뽑아야 할 때 특히 부담이 큽니다.
릴스
피드
세로피드
쇼핑몰 상세페이지 상단 배너
상세페이지 맨 위에서 시선을 잡는 자리. 이미지 한 장으로는 밋밋하고, 동영상을 넣자니 로딩이 느려지고 모바일에서 자동재생이 막힙니다.
기간 한정 행사 · 공지 배너
채용설명회, 세미나, 정기총회처럼 날짜가 계속 바뀌는 안내. 배너를 걸었다가 기간이 끝나면 내려야 하는데, 그때마다 담당자가 파일을 교체해야 했습니다.
게시판 안내문서 · 모집요강
모집요강, 이용안내, 오시는 길처럼 표와 목록이 많은 문서. 게시판 에디터로 표를 짜면 모바일에서 옆으로 잘리고, 이미지로 만들면 글자가 안 읽힙니다.
웹진 · 뉴스레터 헤더
정기 발행하는 웹진의 상단 헤더. 호수와 발행일만 바뀌는데 매번 이미지를 다시 만들어 업로드하는 반복 작업이 있습니다.
웹 제작사 · 프리랜서의 납품 표준화
사이트를 만들 때마다 반복되는 메인 슬라이더 작업. 매번 다른 방식으로 짜면 유지보수 요청이 들어올 때마다 코드를 다시 읽어야 합니다.
내 상황엔 어떤 모듈인가.
만들려는 것이 정해졌다면, 이 표에서 바로 찾을 수 있습니다.
| 만들려는 것 | 추천 모듈 | 화면모드 | 내보내기 |
|---|---|---|---|
| 홈페이지 메인 배너 | 슬라이더 메이커 | 반응형 (PC 500~700px) | 한줄소스 |
| 서브페이지 상단 띠배너 | 슬라이더 메이커 | 반응형 (PC 200~300px) | 한줄소스 |
| 영상 오프닝 로고 | 로고 메이커 | 16:9 | 소스코드 |
| 인스타그램 피드 광고 | 비디오 메이커 | 1:1 또는 4:5 | 소스코드 |
| 릴스 · 숏폼 오프닝 | 비디오 메이커 | 9:16 | 소스코드 |
| 유튜브 인트로 | 로고 · 비디오 메이커 | 16:9 | 소스코드 |
| 상품 상세페이지 배너 | 비디오 메이커 | 1:1 | 한줄소스 |
| 모집요강 · 이용안내 | 플로우 문서 | 반응형 문서 | HTML 붙여넣기 |
| 행사 안내 팝업 배너 | 비디오 메이커 | 1:1 또는 5:4 | 한줄소스 |
| 웹진 헤더 | 슬라이더 메이커 | 반응형 (PC 180~240px) | 한줄소스 |
사례들이 공통으로 얻는 것.
수정 대기시간이 사라짐
문구 한 줄 고치자고 제작자에게 연락하고 기다리는 과정이 없어집니다. 담당자가 그 자리에서 처리합니다.
페이지가 무거워지지 않음
동영상 배너를 웹 모션으로 바꾸면 첫 화면 로딩에 얹히는 부담이 크게 줄어듭니다.
여러 벌을 빠르게
장면 복제와 템플릿 재사용으로, 비슷한 소재를 만드는 데 드는 시간이 반복될수록 줄어듭니다.