피그마 템플릿

레고보다 쉬운 피그마 기획자/마케터용 스토리보드 템플릿

레고처럼 각 요소를 복사해서 붙이면 끝! 그리느라 고생말고 복붙만 하면 스토리보드 완성!
모바일, PC웹, 관리자화면 등 스토리보드 제작에 필요한 모든 구성요소들이 준비되어 있습니다.

템플릿 소개

15년 넘게 기획자로 일하면서, 최근 3년간은 피그마를 활용했습니다. 피그마로 스토리보드를 만들면서 보다 빠르고 효율적으로 제작할 수 있는 방법을 항상 고민했습니다. 결론은 자주 쓰는 요소들을 잘 모아뒀다가 재활용하는 방법입니다. 피그마 공식 커뮤니티에도 템플릿이 많지만 대부분 해외에서 만들었기 때문에 한국 실정과 맞지 않는 경우가 꽤 많았습니다. 필요한 요소들을 일일이 검색해야 하는 번거로움도 컸습니다.
그래서 제가 실제로 스토리보드를 만들면서 자주 쓰는 요소들로 템플릿을 따로 만들고 지속적으로 업데이트했습니다. 이 파일을 나 혼자 쓸게 아니라 다른 기획자나 마케터들도 사용할 수 있도록 하자는 생각에 이렇게 공개용 템플릿을 제작하게 되었습니다.
플래넘의 앱/웹기획 서비스 보기 -> https://kmong.com/gig/352907

구성요소

헤더/GNB/탭바: 앱이나 웹사이트의 메인 메뉴
검색: 검색창, 검색 결과 등
회원가입/로그인: 가입 및 로그인 폼, 소셜로그인 등
버튼: 각종 버튼
게시물/콘텐츠: 블로그, FAQ, 공지 등의 콘텐츠
박스/입력폼: 정보 입력, 글쓰기, 이미지 입력 등
결제: 장바구니, 주문내역, 가격 등
달력/날짜: 캘린더, 날짜, 시간 선택 등
풋터: 웹사이트 풋터
테이블: 표 형태의 콘텐츠
팝업: 각종 팝업, 확인 메시지
샘플: 모바일, PC웹, 관리자 등 실제 실무에 활용한 스토리보드 예시

사용 방법

구성요소 활용

1.
메뉴, 검색, 버튼, 입력폼, 결제 등 필요한 구성요소를 찾는다.
2.
찾은 구성요소를 복사한다.
3.
작성중인 스토리보드에 붙여넣는다.(사이즈가 맞지 않으면 단축키 K를 눌러서 조정할 수 있어요)

샘플 활용

1.
작성중인 스토리보드와 비슷한 카테고리의 샘플을 찾는다.
2.
스토리보드 전체를 복사한다.
3.
작성중인 서비스에 맞게 수정한다.

이런 분들께 추천드립니다

기획력 장착이 시급한 신입,주니어 UI/UX 기획자. "당장 급하게 기획해야 하는데 아는게 없네"
IT 기업 취업 준비생. "요즘 어느 회사를 가더라도 기획력은 기본 장착되야 해"
일인다역을 해야 하는 스타트업 창업자. "기획이 시작이고 시작이 반인데, 직접 할 줄 알아야지"
기획을 배우고 싶은 개발자. "기획력 갖춘 개발자는 시장가치가 높다"
기획을 배우고 싶은 디자이너. "기획까지 할 줄 아는 디자이너는 어딜 가나 인정받죠"
주도적인 마케팅, 브랜딩 담당자. "간단한 기획은 외부에 맡기지 않고 직접 하고 싶다"

템플릿의 장점

스토리보드, 와이어프레임 제작에 필요한 대부분의 구성요소가 준비되어 있습니다.
쇼핑몰, 채용, 매칭 등 실제 실무에 활용한 스토리보드 샘플들이 고스란히 들어있습니다.
수년간의 경험이 고스란히 적용된 완전 실무용 자료입니다.
쉽게 찾아서 쓸 수 있어 편리합니다.
수시로 새로운 구성요소와 스토리보드 샘플이 추가되며 지속적으로 업데이트 됩니다.
찾지 못한 구성요소나 추가로 필요한 자료는 1:1 메시지를 주시면 찾아 드립니다.

유의사항

플래넘이 만든 고유의 자료이므로 전체 또는 일부를 복제하여 판매할 수 없습니다.
플래넘의 앱/웹기획 서비스 보기 -> https://kmong.com/gig/352907
1.
저작권 귀속 여부 (고객 귀속)
2.
고객의 상업적 이용 가능여부 (상업적 이용 가능)
3.
폰트 사용 정보 (무료 폰트 이용)