O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 1
第9回 Web 動画 企画講座
構成・スケジュール・予算ワークショップ
2017/4/16 (日) NAMO
@ ベースキャンプ名古...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
自己紹介
Katz Ueno
コンクリートファイブジャパン株式会社
Chief Communications Officer
TW: @...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
自己紹介
● 1999年〜2007年 アメリカに居ました
● インディーズで映画作ってました
● 最新作「Isolated」
● 今まで...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
コンなご
concrete5 名古屋 ユーザーグループ
4
http://concrete5nagoya.doorkeeper.jp
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 5
次回は 4/18 (火) 詳細は
meetup.com/Mautic-Meetup-Nagoya/
Mautic Meetup Na...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
WordBench Nagoya
名古屋でWordPress を学ぼう
6
http://wbnagoya.doorkeeper.jp
...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
本日のアジェンダ
● 13:00 15分:Web 動画とは
● 13:15 75分:企画・構成・予算 講座
● 14:30 75分:Co...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
NAMO
8
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
NAMO = NAgoya Movie Obenkyokai
名古屋で Web 動画を勉強する会
9
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは?
10
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 とは?
● Katz が勝手に考える Web 動画の定義
11
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 とは?
● YouTube?
● ニコニコ?
● Ustream?IBM Cloud Video
● Facebook
12
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 とは?
● YouTube?
● ニコニコ?
● Ustream?IBM Cloud Video
● Facebook
13
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Toogl)
14
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Toogl)
15
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Balletone DAYZ)
16
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Balletone DAYZ)
17
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Questant)
18
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Questant)
19
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
20
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
21
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
○ YouTube・ニコ動・Ustream との違い
■ ウェブページはあくまでもフ...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
○ YouTube・ニコ動・Ustream との違い
■ ウェブページはあくまでもフ...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
○ YouTube・ニコ動・Ustream との違い
■ ウェブページはあくまでもフ...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
25
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
○ 写真だと複数枚必要
26
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
○ 写真だと複数枚必要
○ 動画だと一個でOK
27
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
○ 写真だと複数枚必要
○ 動画だと一個でOK
○ というか、画面いっぱい使える
28
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
29
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
30
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
■ 動作がわかる
31
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
■ 動作がわかる
■ 感情を伝えられる
32
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
■ 動作がわかる
■ 感情を伝えられる
※ 音声は、Web 動画では別...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● 素材+動き+感情 サンプル
34
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● 素材+動き+感情 サンプル
○ ここ (MUJI to Sleep)
35
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● 素材+動き+感情 サンプル
○ ここ (MUJI to Sleep)
36
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
素材 + 動き + 感情
37
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
素材 + 動き + 感情
売上UP
38
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今? Web 動画
39
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
やっと、技術が追いついてきた
40
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
やっと、技術が追いついてきた
41
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
42
● カメラ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
43
● カメラ
○ iPhone
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
44
● カメラ
○ iPhone
○ 一眼レフカメラ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
45
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
46
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
47
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフト...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
48
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフト...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
49
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフト...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
50
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフト...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
51
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフト...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
52
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフト...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
53
● HTML5
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
54
● HTML5
○ Flash の縛り
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
55
● HTML5
○ Flash の縛り
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
56
● HTML5
○ Flash の縛り
○ <video> タグ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
57
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
58
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
○ 例:
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
59
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
○ 例:デジタルサイネージ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
60
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
○ 例:デジタルサイネージ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
61
● HTML5
○ <video> タグ = 自由度UP
○ 動画は 4:3 or 16:9
である必要が...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画
62
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画
「今」の可能性
63
ガッテンしていただけましたか〜?( ̄ー ̄)ニヤリ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
ただし!
64
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
ただし!
作り方を覚えないとダメ!
65
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
悪い Web 動画の例
● 長い
● 映像がブレてる
● 音声が要る
● 動きがない
● 感情が伝わらない
66
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
= NAMO
67
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
= NAMO
ちゃんと Web 動画を作るための勉強会
68
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
= NAMO
ちゃんと Web 動画を作るための勉強会
よろしくお願い致します!
http://namo758.com
69
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
企画講座
構成・スケジュール・予算
業界のトップシークレット
70
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
● 企画
● 撮影
● 編集
● 変換
● Web サイト作成
● Web サイトUP
71
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
● 企画
● 撮影
● 編集
● 変換
● Web サイト作成
● Web サイトUP
72
今までの勉強会に参...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
● 企画
● 撮影
● 編集
● 変換
● Web サイト作成
● Web サイトUP
73
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
構成を考える
コンセプトをきちんと考える
74
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● ターゲット
○ 一般的なマーケティングとしてのターゲット
○ 動画を見る人の環境
■ スマホ -> デ...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● 動画にする目的・理由が必要
1. 素材・動きが必要か
2. スペースの節約になるか
3. 感情を訴えれ...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● Web サイト企画
○ ワイヤーフレームを作ろう
■ 背景・写真の代わりになる?
■ どういうサイズの...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● 撮影の企画
○ ロケハンをしよう
■ 場所の責任者の許可。企画を作ってみせよう
■ 所要時間
■ 電源...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
撮影の企画
ストーリーボードやショットリストを
作ろう。基本中の基本!
スケジュールや予算の基本になる!
79
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● 撮影の企画
○ 撮影
■ ストーリーボード
● 絵コンテを作れると理想
● もしくは、テキストだけの絵...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● ショットリスト
○ 撮影時間や予算を考える上で重要なリスト
○ どういう機材が必要か
81
[シーン番...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● ショットリスト用語辞典
○ ショットタイプ (人それぞれの解釈がありますが )
82
略号 名前 説明...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● シーンとショットの違い
○ シーンの定義
■ カメラ・照明・撮影時間のセットアップが同じ
■ 照明やカ...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
スケジュール
実際に時間内に撮影できるか
計画できるようになろう!
84
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作企画: スケジュール
● 必要な撮影時間を計画できるようになろう
○ 例: 3人 (カメラ+ディレクタ+登場人物)
だい...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作企画: スケジュール
● 必要な編集時間を計画できるようになろう
○ 例: ざっくりすぎる編集時間の目安
86
所要時間...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
予算を考えよう
実際にいくらかかるか
87
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
● おおまかな予算のコンセプト
○ 人件費
○ 機材費
88
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
● 人件費とは
○ その人が費やす時間に対する対価
○ 基本的に人日 (作業時間) 計算 (1日 = ○万...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
● 機材費とは
○ 撮影や編集に使用する機材の費用
○ 撮影費
■ カメラ・マイク・照明
● レンタル屋さ...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 企画ワークショップ
● チーム分け
● お題
● 休憩&ネタ考える ( ̄ー ̄)ニヤリ
● ワークショップスタート
91
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 企画ワークショップ
● チーム分け
92
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● チーム分け
3人一組
93
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● お題
Cocomue
94
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● お題
幼児向けプログラミング教室の
ウェブサイトを作ろう
95
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● 苔の Web 動画を作ろう
チーム分け開始
96
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● Cocomue の Web 動画を作ろう
○ 考えて:
97
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● Cocomue の Web 動画を作ろう
○ 考えて:
■ 動画じゃないといけない企画
■ ショットリスト・スケジュール
■ 予算
...
(ココミュー)
事業説明資料
99
1.Cocomueについて
100
Cocomueでは、21世紀の人材として求められる論理的思考力を養える教育プログラムを
用意し、自ら考え、行動し、物事を成し遂げられる未来の担い手の育成を図ります。
※ また、「ママさん先生」として活躍したい...
2.「論理的思考力」とは
101
プログラム知識がなくても大丈夫! ・Cocomueが目指すのは、物事を順序よく整理する力(論理的思考
力)、どうしたら上手くいくのかを考えられる力(問題解決力)、ゼロから
オリジナルのモノを制作できる力(発想力...
3.教材について
論理的思考を勉強する上で、大変、たくさんの商品が出ています。
102
Cocomue テストクラスでは、「Cubetto」という玩具を使います。
理由としては、まず「かわいい」、そしてコンピュータが不要。
また、他の知育玩具や...
(ココミュー)
Web 動画要件定義
103
1.Cocomueについて
104
● 内容:21世紀スキルを教える幼児向け教室
● 特長:
○ 小学生向けのプログラミング教室はある幼児向けはかなり少な
い
○ 「21世紀スキル」を早く教えれる
○ 先進の教育を教えている
○ 実績がある
コ...
2. ターゲット
● 対象
○ 20代後半〜40代前半の女性
○ 名古屋・小牧尾張周辺
○ 世帯年収 500万〜
● 対象
○ スマートホンを頻繁に使う
○ PC は本当のたまに使うだけ
● 対象デバイス
○ スマホ
○ LINE などをよく使...
3. 目的
● 今回の目的
21世紀スキルやプログラミング教育をさせたいと思っている主
婦に対して検索などで来た主婦の人に体験クラスの申込をして
もらう
4. カスタマージャニーマップ
ACTION閲覧プロモーションニーズ
感情成功シナリオ施策ポイント
自分の子供に 21世紀ス
キルを教えたい
まだまだ客
検索サイト・
ポータルサイト
教室がいっぱいあってどれが
良いのかわからない
Facebo...
4. カスタマージャニーマップ
ACTION閲覧プロモーションニーズ
感情成功シナリオ施策ポイント
自分の子供に 21世紀ス
キルを教えたい
まだまだ客
検索サイト・
ポータルサイト
教室がいっぱいあってどれが
良いのかわからない
Facebo...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● Cocomue の Web 動画を作ろう
○ グループ #1:Google Docs
○ グループ #2:Google Docs
○...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● 去年のサンプルショットリスト
■ https://docs.google.com/document/d/1BQ9mOZd
L2qEn...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
本日のアジェンダ
● 13:00 15分:Web 動画とは
● 13:15 75分:企画・構成・予算 講座
● 14:30 75分:Co...
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
お疲れ様でした!
次回は「撮影」
http://namo758.com
112
Próximos SlideShares
Carregando em…5
×

Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第9回 NAMO (NAgoya Movie Obenkyokai)

547 visualizações

Publicada em

4/16 (日) Web 制作者や映像制作者、学生向けに、Web 動画を公開するプロセスをみんなで体験。第3シーズンの始まりを行います。

第3シーズンのテーマを発表。その Web 動画の企画・スケジュール・予算を皆で考えるワークショップを行いました。その時の資料です。

Publicada em: Arte e fotografia
  • Seja o primeiro a comentar

Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第9回 NAMO (NAgoya Movie Obenkyokai)

  1. 1. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 1 第9回 Web 動画 企画講座 構成・スケジュール・予算ワークショップ 2017/4/16 (日) NAMO @ ベースキャンプ名古屋 http://namo758.com
  2. 2. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 自己紹介 Katz Ueno コンクリートファイブジャパン株式会社 Chief Communications Officer TW: @katzueno Blog: http://katzueno.com 2
  3. 3. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 自己紹介 ● 1999年〜2007年 アメリカに居ました ● インディーズで映画作ってました ● 最新作「Isolated」 ● 今まで、ラブコメ、ホラー サーフィンドキュメンタリー いろんな映画を作ってきました 3
  4. 4. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ コンなご concrete5 名古屋 ユーザーグループ 4 http://concrete5nagoya.doorkeeper.jp
  5. 5. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 5 次回は 4/18 (火) 詳細は meetup.com/Mautic-Meetup-Nagoya/ Mautic Meetup Nagoya オープンソース・マーケティングオートメーションの勉強会ともくもく会 名駅近く 「ベースキャンプ名古 屋」 毎月第1月曜日夜に勉 強会。concrete5 モク モク勉強会と同じ日!
  6. 6. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ WordBench Nagoya 名古屋でWordPress を学ぼう 6 http://wbnagoya.doorkeeper.jp だいたい、毎月第2土曜日の午 後に開催。 WordPress を勉強するための勉 強会。 だけど、WordPress に関係のな い Web のことも勉強している勉 強会。 毎年、WordFes という大きなイベ ントを開催。
  7. 7. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 本日のアジェンダ ● 13:00 15分:Web 動画とは ● 13:15 75分:企画・構成・予算 講座 ● 14:30 75分:Cocomue 要件定義大会 ● 15:45 90分:ワークショップ ○ 15:45 15分:企画会議 ○ 16:00 20分:撮影スケジュール ○ 16:20 20分:予算 ● 16:40 30分:発表 ● 17:10 終了 7
  8. 8. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ NAMO 8
  9. 9. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ NAMO = NAgoya Movie Obenkyokai 名古屋で Web 動画を勉強する会 9
  10. 10. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは? 10
  11. 11. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 とは? ● Katz が勝手に考える Web 動画の定義 11
  12. 12. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 とは? ● YouTube? ● ニコニコ? ● Ustream?IBM Cloud Video ● Facebook 12
  13. 13. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 とは? ● YouTube? ● ニコニコ? ● Ustream?IBM Cloud Video ● Facebook 13
  14. 14. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Toogl) 14
  15. 15. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Toogl) 15
  16. 16. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Balletone DAYZ) 16
  17. 17. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Balletone DAYZ) 17
  18. 18. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Questant) 18
  19. 19. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Questant) 19
  20. 20. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 20
  21. 21. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 21
  22. 22. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 ○ YouTube・ニコ動・Ustream との違い ■ ウェブページはあくまでもフレーム ■ 映像単体がコンテンツ 22
  23. 23. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 ○ YouTube・ニコ動・Ustream との違い ■ ウェブページはあくまでもフレーム ■ 映像単体がコンテンツ ■ 例:ニコニコ動画にYouTube動画を転載してもコンテ ンツとして成立 23
  24. 24. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 ○ YouTube・ニコ動・Ustream との違い ■ ウェブページはあくまでもフレーム ■ 映像単体がコンテンツ ■ 例:ニコニコ動画にYouTube動画を転載してもコンテ ンツとして成立 ○ Web動画はそのサイトでしか成立しない 24
  25. 25. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 25
  26. 26. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 ○ 写真だと複数枚必要 26
  27. 27. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 ○ 写真だと複数枚必要 ○ 動画だと一個でOK 27
  28. 28. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 ○ 写真だと複数枚必要 ○ 動画だと一個でOK ○ というか、画面いっぱい使える 28
  29. 29. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP 29
  30. 30. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! 30
  31. 31. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! ■ 動作がわかる 31
  32. 32. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! ■ 動作がわかる ■ 感情を伝えられる 32
  33. 33. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! ■ 動作がわかる ■ 感情を伝えられる ※ 音声は、Web 動画では別の話。 33
  34. 34. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● 素材+動き+感情 サンプル 34
  35. 35. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● 素材+動き+感情 サンプル ○ ここ (MUJI to Sleep) 35
  36. 36. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● 素材+動き+感情 サンプル ○ ここ (MUJI to Sleep) 36
  37. 37. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 素材 + 動き + 感情 37
  38. 38. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 素材 + 動き + 感情 売上UP 38
  39. 39. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今? Web 動画 39
  40. 40. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? やっと、技術が追いついてきた 40
  41. 41. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? やっと、技術が追いついてきた 41
  42. 42. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 42 ● カメラ
  43. 43. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 43 ● カメラ ○ iPhone
  44. 44. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 44 ● カメラ ○ iPhone ○ 一眼レフカメラ
  45. 45. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 45 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質
  46. 46. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 46 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる
  47. 47. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 47 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア
  48. 48. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 48 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ
  49. 49. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 49 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie
  50. 50. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 50 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie ○ Adobe CC
  51. 51. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 51 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie ○ Adobe CC -> Adobe Premiere
  52. 52. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 52 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie ○ Adobe CC -> Adobe Premiere (プロ用ソフト!)
  53. 53. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 53 ● HTML5
  54. 54. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 54 ● HTML5 ○ Flash の縛り
  55. 55. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 55 ● HTML5 ○ Flash の縛り
  56. 56. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 56 ● HTML5 ○ Flash の縛り ○ <video> タグ
  57. 57. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 57 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP
  58. 58. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 58 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP ○ 例:
  59. 59. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 59 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP ○ 例:デジタルサイネージ
  60. 60. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 60 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP ○ 例:デジタルサイネージ
  61. 61. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 61 ● HTML5 ○ <video> タグ = 自由度UP ○ 動画は 4:3 or 16:9 である必要がない
  62. 62. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 62
  63. 63. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 「今」の可能性 63 ガッテンしていただけましたか〜?( ̄ー ̄)ニヤリ
  64. 64. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ただし! 64
  65. 65. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ただし! 作り方を覚えないとダメ! 65
  66. 66. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 悪い Web 動画の例 ● 長い ● 映像がブレてる ● 音声が要る ● 動きがない ● 感情が伝わらない 66
  67. 67. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ = NAMO 67
  68. 68. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ = NAMO ちゃんと Web 動画を作るための勉強会 68
  69. 69. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ = NAMO ちゃんと Web 動画を作るための勉強会 よろしくお願い致します! http://namo758.com 69
  70. 70. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 企画講座 構成・スケジュール・予算 業界のトップシークレット 70
  71. 71. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順 ● 企画 ● 撮影 ● 編集 ● 変換 ● Web サイト作成 ● Web サイトUP 71
  72. 72. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順 ● 企画 ● 撮影 ● 編集 ● 変換 ● Web サイト作成 ● Web サイトUP 72 今までの勉強会に参加した人 経験を活かして、企画しよう!
  73. 73. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順 ● 企画 ● 撮影 ● 編集 ● 変換 ● Web サイト作成 ● Web サイトUP 73
  74. 74. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 構成を考える コンセプトをきちんと考える 74
  75. 75. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● ターゲット ○ 一般的なマーケティングとしてのターゲット ○ 動画を見る人の環境 ■ スマホ -> データ転送量 ● WIFI か データ通信か ■ いま時点は PC で考慮 75
  76. 76. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● 動画にする目的・理由が必要 1. 素材・動きが必要か 2. スペースの節約になるか 3. 感情を訴えれるか 4. 面白い or 興味があるか 写真やテキスト以上のもの 76
  77. 77. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● Web サイト企画 ○ ワイヤーフレームを作ろう ■ 背景・写真の代わりになる? ■ どういうサイズの動画になる? 77
  78. 78. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● 撮影の企画 ○ ロケハンをしよう ■ 場所の責任者の許可。企画を作ってみせよう ■ 所要時間 ■ 電源の場所。照明を使うのであればアンペア。ブ レーカーの場所。電気代負担どうする ■ 責任者の人とコミュニケーションをとろう! 78
  79. 79. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 撮影の企画 ストーリーボードやショットリストを 作ろう。基本中の基本! スケジュールや予算の基本になる! 79
  80. 80. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● 撮影の企画 ○ 撮影 ■ ストーリーボード ● 絵コンテを作れると理想 ● もしくは、テキストだけの絵コンテ ■ ショットリストを作ろう (一番重要) ● シーン ● ショット 80
  81. 81. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● ショットリスト ○ 撮影時間や予算を考える上で重要なリスト ○ どういう機材が必要か 81 [シーン番号] - [ショット番号] ショットのタイプ ショットの説明 e.g. 1-1 e.g. WS e.g. 主人公が建物に入る
  82. 82. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● ショットリスト用語辞典 ○ ショットタイプ (人それぞれの解釈がありますが ) 82 略号 名前 説明 EWS Extreme Wide Shot 人物 (物体) と場所の雰囲気がわかる。環境がわかる WS Wide Shot 人物 (物体) 全体が足の先から頭の上まで画面いっぱいに映っている 3/4 4分の3 (Three Quarter) 人物のひざ上が映っている MS Medium Shot 人物 (物体) の腰上が映っている CU Close Up 人物 (物体) の胸から上が映っている ECU Extreme Close Up 人物 (物体) の顔だけ、もしくは顔の一部しか写っていない
  83. 83. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● シーンとショットの違い ○ シーンの定義 ■ カメラ・照明・撮影時間のセットアップが同じ ■ 照明やカメラを大幅に動かさないといけないとシーンが増える ■ シーンが増えるとバラエティ豊かになるかもしれないが、撮影時間が 余計にかかる ○ ショットの定義 ■ シーンの中での撮影ショット ■ 例:部屋の中の人物の WS や MS CU 等 ■ ショットが多くないと編集の時に困る可能性。多すぎると撮影時間がか かる 83
  84. 84. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ スケジュール 実際に時間内に撮影できるか 計画できるようになろう! 84
  85. 85. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作企画: スケジュール ● 必要な撮影時間を計画できるようになろう ○ 例: 3人 (カメラ+ディレクタ+登場人物) だいたいの基準 (規模や内容によって変わります ) 85 所要時間の目安 60分 1つのロケーションに到着したときの準備時間 30分 1シーンをセットアップするときの準備時間のめやす 10〜20分 1ショットを撮影するときの撮影時間の目安 30〜60分 片付け 移動時間 同じ日で2箇所以上の場所で撮影するとき、移動するときの時間
  86. 86. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作企画: スケジュール ● 必要な編集時間を計画できるようになろう ○ 例: ざっくりすぎる編集時間の目安 86 所要時間の目安 60分~ 編集素材のとり込み作業 60分 編集基本時間 1時間/分 最終的なビデオの長さ (分) x 時間。例: 2分のビデオ = 2時間の編集 時間 60分 Webの形式へのエクスポート (エンコード) 任意 アニメーションなどの特殊効果や素材の作成時間
  87. 87. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 予算を考えよう 実際にいくらかかるか 87
  88. 88. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 ● おおまかな予算のコンセプト ○ 人件費 ○ 機材費 88
  89. 89. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 ● 人件費とは ○ その人が費やす時間に対する対価 ○ 基本的に人日 (作業時間) 計算 (1日 = ○万円) ○ 内訳 (本当にざっくりですが ) ■ 企画・構成費 ■ 進行管理費 ■ 撮影費 ● 機材をレンタルするのであればレンタル貸出返却の時間も ● 遠方への移動が必要であればその時間や交通費も ■ 編集費 ※ ただし、技術を持っている人は追加で技術費用を追加しよう 89
  90. 90. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 ● 機材費とは ○ 撮影や編集に使用する機材の費用 ○ 撮影費 ■ カメラ・マイク・照明 ● レンタル屋さんのレンタル代を参考に算出しよう (例: CUE、 光響社、 ビデオエイペックス) ■ ロケーション費用 ○ 編集費 ■ 特別なソフトの使用 ■ MAなど特別な編集スタジオの使用 ■ 音楽などのロイヤリティーフリー素材の購入費用 90
  91. 91. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 企画ワークショップ ● チーム分け ● お題 ● 休憩&ネタ考える ( ̄ー ̄)ニヤリ ● ワークショップスタート 91
  92. 92. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 企画ワークショップ ● チーム分け 92
  93. 93. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● チーム分け 3人一組 93 Web 動画 企画ワークショップ
  94. 94. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● お題 Cocomue 94 Web 動画 企画ワークショップ
  95. 95. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● お題 幼児向けプログラミング教室の ウェブサイトを作ろう 95 Web 動画 企画ワークショップ
  96. 96. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● 苔の Web 動画を作ろう チーム分け開始 96 Web 動画 企画ワークショップ
  97. 97. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● Cocomue の Web 動画を作ろう ○ 考えて: 97 Web 動画 企画ワークショップ
  98. 98. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● Cocomue の Web 動画を作ろう ○ 考えて: ■ 動画じゃないといけない企画 ■ ショットリスト・スケジュール ■ 予算 98 Web 動画 企画ワークショップ
  99. 99. (ココミュー) 事業説明資料 99
  100. 100. 1.Cocomueについて 100 Cocomueでは、21世紀の人材として求められる論理的思考力を養える教育プログラムを 用意し、自ら考え、行動し、物事を成し遂げられる未来の担い手の育成を図ります。 ※ また、「ママさん先生」として活躍したい方を募集しています。 子供とのふれあいが好きな方であれば、先生未経験でも大歓迎! コミュニティ(Community) 子供の Co Education 世界の変化に耐えうる多様性を身に着けた人材を創 造し、文化向上に寄与したい そんな思いの元活動を 始めました。(^ ^)
  101. 101. 2.「論理的思考力」とは 101 プログラム知識がなくても大丈夫! ・Cocomueが目指すのは、物事を順序よく整理する力(論理的思考 力)、どうしたら上手くいくのかを考えられる力(問題解決力)、ゼロから オリジナルのモノを制作できる力(発想力)を身に付けてもらうこと。4 歳~6歳のクラスでは、英国生まれの可愛い知育玩具を使用し、3つ の力が自然に身につく教育環境を提供します。 ・この3つの力を伸ばすことで、「教えられ、覚える」ではなく、「自ら考 え、創造する」21世紀型人材を育成します。 【論理的思考力の参考例】  Q:青い丸が、赤い丸のいる場所に行くには、どうしたら良いでしょうか。 答えは、無数にあります。  まっすぐ行く、右から行く、左から行くなど、あるいは、ぐるぐる 回って行くなどたくさんパターンがあると思います。どれも答えとしては正解です。これを 論理的思考で説明すると下記のようになります。 ・青い丸を、右に 3つ進める ・青い丸を、左に向けて1つ進み右に向いて、3つ進み、右に向けて1つ進む 子供は自由に考えて、発想し、どのようなコースで行くか考え、それを実際におこなって 見て、うまく行くか、いかなければ何が悪かったのかを考え、修正して考おえた通りに動 かせるようにすることを教えます。 前後
  102. 102. 3.教材について 論理的思考を勉強する上で、大変、たくさんの商品が出ています。 102 Cocomue テストクラスでは、「Cubetto」という玩具を使います。 理由としては、まず「かわいい」、そしてコンピュータが不要。 また、他の知育玩具や年齢やレベルに合わせた玩具と独自カリキュラム を提供して行く予定です。
  103. 103. (ココミュー) Web 動画要件定義 103
  104. 104. 1.Cocomueについて 104 ● 内容:21世紀スキルを教える幼児向け教室 ● 特長: ○ 小学生向けのプログラミング教室はある幼児向けはかなり少な い ○ 「21世紀スキル」を早く教えれる ○ 先進の教育を教えている ○ 実績がある コミュニティ(Community) 子供の Co Education
  105. 105. 2. ターゲット ● 対象 ○ 20代後半〜40代前半の女性 ○ 名古屋・小牧尾張周辺 ○ 世帯年収 500万〜 ● 対象 ○ スマートホンを頻繁に使う ○ PC は本当のたまに使うだけ ● 対象デバイス ○ スマホ ○ LINE などをよく使っている ○ 動画は、本当に見たい動画しか見ない https://www.pakutaso.com/20160621159post-8074.html
  106. 106. 3. 目的 ● 今回の目的 21世紀スキルやプログラミング教育をさせたいと思っている主 婦に対して検索などで来た主婦の人に体験クラスの申込をして もらう
  107. 107. 4. カスタマージャニーマップ ACTION閲覧プロモーションニーズ 感情成功シナリオ施策ポイント 自分の子供に 21世紀ス キルを教えたい まだまだ客 検索サイト・ ポータルサイト 教室がいっぱいあってどれが 良いのかわからない Facebook 広告 ✓ 自分が21世紀教育・プ ログラミング教育を早い 時期から教えたいとは 思っているというお客に しぼりこむ。 ✓ 地元で教室を探したい と思っている。 ✓ ちょっと先端な意識を 持っているので Facebook を使っている ユーザー ✓ LINE 広告は将来的に 考慮する ここの教室は信用できるのだろうか・先生や指導者は信用できるの だろうか・授業内容は充実しているのだろうか・保護者の負担は(お 金・時間)はどれくらいなんだろう ウェブサイト メール・LINEマーケティング サイト 申し込み ✓ 申し込みメール フォーム ✓ 申し込み電話番号 メールで予約 電話で予約 よし・一回体験してみようか ✓ ✓
  108. 108. 4. カスタマージャニーマップ ACTION閲覧プロモーションニーズ 感情成功シナリオ施策ポイント 自分の子供に 21世紀ス キルを教えたい まだまだ客 検索サイト・ ポータルサイト 教室がいっぱいあってどれが 良いのかわからない Facebook 広告 ✓ 自分が21世紀教育・プ ログラミング教育を早い 時期から教えたいとは 思っているというお客に しぼりこむ。 ✓ 地元で教室を探したい と思っている。 ✓ ちょっと先端な意識を 持っているので Facebook を使っている ユーザー ✓ LINE 広告は将来的に 考慮する ここの教室は信用できるのだろうか・先生や指導者は信用できるの だろうか・授業内容は充実しているのだろうか・保護者の負担は(お 金・時間)はどれくらいなんだろう ウェブサイト メール・LINEマーケティング サイト 申し込み ✓ 申し込みメール フォーム ✓ 申し込み電話番号 メールで予約 電話で予約 よし・一回体験してみようか ✓ ✓ ここの Web 動画を考えて欲しい
  109. 109. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● Cocomue の Web 動画を作ろう ○ グループ #1:Google Docs ○ グループ #2:Google Docs ○ グループ #3:Google Docs 109 Web 動画 企画ワークショップ
  110. 110. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● 去年のサンプルショットリスト ■ https://docs.google.com/document/d/1BQ9mOZd L2qEnnDYCWHFGPNHR5uZACRXFloSpSSJW GjY/edit 110 Web 動画 企画ワークショップ
  111. 111. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 本日のアジェンダ ● 13:00 15分:Web 動画とは ● 13:15 75分:企画・構成・予算 講座 ● 14:30 75分:Cocomue 要件定義大会 ● 15:45 90分:ワークショップ ○ 15:45 15分:企画会議 ○ 16:00 20分:撮影スケジュール ○ 16:20 20分:予算 ● 16:50 30分:発表 ● 17:20 終了 111
  112. 112. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ お疲れ様でした! 次回は「撮影」 http://namo758.com 112

×