✓ 이 세션을 통해 배우는 것
오늘 세션에서는 협업 디자인 툴인 Figjam 을 활용하여 아이디어를 시각화하고,
플로우차트를 통해 기획을 구조화하는 방법을 익힙니다.
✓ 플로우차트, 왜 써야 할까?
기획을 글로만 설명하면, 놓치는 부분이 생기기 쉽습니다.
플로우차트를 활용하면,
•
한 눈에 구조 파악 가능
◦
복잡한 프로세스나 사용자 흐름을 시각적으로 정리할 수 있습니다.
•
커뮤니케이션 비용 절감
◦
팀원, 개발자, 디자이너 모두 같은 그림을 보며 이야기할 수 있습니다.
•
오류 사전 발견
◦
흐름을 그리다 보면, 빠진 케이스나 논리적 오류를 미리 발견할 수 있습니다.
•
기획서 작성 속도 향상
◦
머릿속에 있는 아이디어를 빠르게 구조화한 뒤 글로 옮길 수 있습니다.
마케터에게도 플로우차트가 필요한 이유?
캠페인 흐름, 사용자 여정(유저플로우), 콘텐츠 배포 프로세스 등을 시각화하면,
팀 내 얼라인(협업 기준 정립)이 훨씬 쉬워집니다.
✓ Figjam이란?
Figjam은 Figma에서 만든 온라인 화이트보드 협업 툴입니다.
포스트잇, 도형, 화살표, 텍스트 등을 자유롭게 배치하여 실시간으로 팀원과 함께 작업할 수 있습니다.
✓ Figjam 을 쓸 줄 알면 좋은 점
상황 | 활용 예시 |
브레인스토밍 | 포스트잇으로 아이디어 쏟아내기 |
기획 초안 | 플로우차트로 서비스·캠페인 흐름 잡기 |
팀 회의 | 실시간 공동 편집으로 회의록 대체 |
피드백 | 스티커·댓글로 의견 남기기 |
포트폴리오 | 기획 프로세스를 시각적으로 정리해 보여주기 |
✓ Figjam 핵심 기능 훑어보기
•
프레임(Frame) — 작업 공간을 섹션별로 구분합니다.
•
도형 & 화살표 — 플로우차트의 기본 재료. 도형 종류마다 의미가 다릅니다.
◦
직사각형: 일반 단계(프로세스)
◦
마름모: 조건 분기(Yes/No)
◦
원: 시작/끝
•
포스트잇(Sticky Note) — 아이데이션 단계에서 빠르게 아이디어를 적을 때 사용합니다.
•
커넥터(Connector) — 도형 사이를 연결해 흐름을 표현합니다.
•
섹션(Section) — 여러 아이디어를 묶어 그룹화합니다.
•
댓글 & 스티커 — 피드백을 비동기로 남길 수 있습니다.
✓ [실습] 간단한 플로우차트 그려보기
아래 시나리오를 Figjam 으로 직접 표현해보세요.
SNS 광고를 본 사용자가 랜딩페이지에 들어와 회원가입을 완료하기까지의 흐름
Hint!
1.
시작점 설정 (광고 노출)
2.
랜딩페이지 방문 여부 분기
3.
회원가입 페이지로 이동
4.
가입 완료/이탈 분기
5.
완료 후 액션 (감사 이메일 발송/회원가입 쿠폰 발송 등)
✓ 마케터가 실무에서 활용하는 방법
•
캠페인 기획 — 광고 → 랜딩 → 전환 → 리텐션까지의 전체 퍼널을 시각화
•
콘텐츠 캘린더 — 콘텐츠 제작/승인/발행 프로세스를 팀과 공유
•
A/B테스트 설계 — 테스트 조건과 분기를 플로우차트로 정리
•
유저 저니 맵 — 고객의 경험 단계를 시각적으로 표현하여 페인 포인트 발견
✓ 오늘의 핵심 요약
•
플로우차트는 생각을 구조화하고 팀 커뮤니케이션을 쉽게 만드는 도구입니다.
•
Figjam은 별도의 설치 없이 브라우저에서 바로 사용할 수 있는 협업 화이트보드 도구입니다.
•
마케터/PM/UXUI 디자이너/개발자도 플로우차트를 그릴 줄 알면, 기획력과 협업 역량이 올라갑니다.
•
완벽하게 그리려고 하지 말고, 빠르게 초안을 잡고 수정하는 습관을 들이세요!