레고보다 쉬운 피그마 기획자/마케터용 스토리보드 템플릿
레고처럼 각 요소를 복사해서 붙이면 끝!
그리느라 고생말고 복붙만 하면 스토리보드 완성!
모바일, PC웹, 관리자화면 등 스토리보드 제작에 필요한 모든 구성요소들이 준비되어 있습니다.
템플릿 소개
15년 넘게 기획자로 일하면서, 최근 3년간은 피그마를 활용했습니다. 피그마로 스토리보드를 만들면서 보다 빠르고 효율적으로 제작할 수 있는 방법을 항상 고민했습니다. 결론은 자주 쓰는 요소들을 잘 모아뒀다가 재활용하는 방법입니다. 피그마 공식 커뮤니티에도 템플릿이 많지만 대부분 해외에서 만들었기 때문에 한국 실정과 맞지 않는 경우가 꽤 많았습니다. 필요한 요소들을 일일이 검색해야 하는 번거로움도 컸습니다.
그래서 제가 실제로 스토리보드를 만들면서 자주 쓰는 요소들로 템플릿을 따로 만들고 지속적으로 업데이트했습니다. 이 파일을 나 혼자 쓸게 아니라 다른 기획자나 마케터들도 사용할 수 있도록 하자는 생각에 이렇게 공개용 템플릿을 제작하게 되었습니다.
플래넘의 앱/웹기획 서비스 보기 -> https://kmong.com/gig/352907
구성요소
•
헤더/GNB/탭바: 앱이나 웹사이트의 메인 메뉴
•
검색: 검색창, 검색 결과 등
•
회원가입/로그인: 가입 및 로그인 폼, 소셜로그인 등
•
버튼: 각종 버튼
•
게시물/콘텐츠: 블로그, FAQ, 공지 등의 콘텐츠
•
박스/입력폼: 정보 입력, 글쓰기, 이미지 입력 등
•
결제: 장바구니, 주문내역, 가격 등
•
달력/날짜: 캘린더, 날짜, 시간 선택 등
•
풋터: 웹사이트 풋터
•
테이블: 표 형태의 콘텐츠
•
팝업: 각종 팝업, 확인 메시지
•
샘플: 모바일, PC웹, 관리자 등 실제 실무에 활용한 스토리보드 예시
사용 방법
구성요소 활용
1.
메뉴, 검색, 버튼, 입력폼, 결제 등 필요한 구성요소를 찾는다.
2.
찾은 구성요소를 복사한다.
3.
작성중인 스토리보드에 붙여넣는다.(사이즈가 맞지 않으면 단축키 K를 눌러서 조정할 수 있어요)
샘플 활용
1.
작성중인 스토리보드와 비슷한 카테고리의 샘플을 찾는다.
2.
스토리보드 전체를 복사한다.
3.
작성중인 서비스에 맞게 수정한다.
이런 분들께 추천드립니다
•
•
•
•
•
•
템플릿의 장점
•
•
•
•
•
•
유의사항
플래넘이 만든 고유의 자료이므로 전체 또는 일부를 복제하여 판매할 수 없습니다.
플래넘의 앱/웹기획 서비스 보기 -> https://kmong.com/gig/352907
1.
저작권 귀속 여부 (고객 귀속)
2.
고객의 상업적 이용 가능여부 (상업적 이용 가능)
3.
폰트 사용 정보 (무료 폰트 이용)