中小企業のウェブ制作に有効な動画活用方法 /website-movie

2019年11月2日（土）東京都新宿で開催された WordCamp Tokyo 2019 で発表したスライドです（事例については非公開）。
ご興味ある方は少し前のWordCamp Niigataでの登壇内容がもう少し広範囲に触れてるので良かったらご覧ください。
https://speakerdeck.com/yotsubadesign/design-and-budget

Transcript

1. よつばデザイン 後藤賢司
2. よ つ ば デ ザイン 後藤賢司 デザイナーとして東京と⼤分の
 2拠点で主に活動。
 「企画提案・設計」が得意。
 中⼩企業アドバイザー。
3. KPI・⽬標必達の 動画マーケティング 成功の最新メソッド 村岡 雄史 (著), 本橋 へいすけ (著), 後藤 賢司 (著), 染⾕ 昌利 (著) エムディエヌコーポレーション
4. webクリエイターのための情報交換所 ウェブ制作に関する情報交換を⽬的としたFacebookグループ
 参加⼈数 8600⼈〜。各地でウェブ情報まとめセミナーを開催。
5. あんこ好き
 こしあん・つぶあんどちらもOK ⽩あんはNG
6. スライドは後⽇公開します。
7. テキストや写真で伝える ＋
 動画で伝える
8. ウェブサイトで動画を使う メインビジュアル 事業紹介 インタビュー・挨拶
 How to（説明） アクセス・地図
9. ウェブ動画は印象や認識や信頼性を ⾼めるために使う
10. 映画のような作品
11. 映像のプロではない
 ウェブ制作者や事業者でも作れる動画はある
12. 動画はスマホでも作成出来る
13. 動画の種類
14. ブランドイメージ
 （ブランド・地域PR） ライブ動画
 （ライブコマース・セミナー中継） 対談動画（インタビュー） 学習動画（Eラーニング） 説明動画（解説動画） レビュー動画（体験動画） VLOG
 （個⼈の発する⽇記・雑記動画） 作品動画
 （ストーリー性のある動画） 
15. 動画の⽬的
16. ウェブサイトで使う動画は
 利⽤者の⾏動の⼿助けになるもの
17. 業種等で利⽤者が解決したい事は様々
18. 利⽤者の求めるコンテンツを提供するのは 従来のコンテンツ作りと同じ考え⽅
19. ⾔葉では伝えにくい事を動画で伝える
21. 動画事例は⾮公開です
22. ウェブサイトで動画を使う メインビジュアル 事業紹介 インタビュー・挨拶
 How to（説明） アクセス・地図
23. 動画はYouTubeにアップして埋込を推奨
 （レンタルサーバー停⽌のリスクを防ぐ） YouTube内での視聴も期待できる YouTube動画は検索結果に表⽰される
 （動画とサムネイル）
24. YouTubeにアップロードする際の
 動画フォーマットはmp4推奨。サイズFHD以上。
 タイトルは24⽂字以内でわかるように。
 サムネイルはバナーのような役割（重要）。
 タグは関連動画表⽰などに関連する。 施設内BGMなど著作権の判断が下されるので注意
25. 動画編集の際の注意事項。
 原則3秒で切り換える同じシーンを流さない （離脱防⽌）。
 余計な間は作らない（細かくカット推奨）。
 字幕が読めるのは1秒間に5⽂字。
26. 動画素材は綺麗に撮る（後から修正しづらい）。
 基本的に⾒る⼈は興味が無いを前提に
 （上司の⼦供の発表会のビデオ
 を無理⽮理⾒せられるようなぐらいの感覚）。 編集アプリは無料のものでもOK
27. Elementor等のプラグインで 動画を背景に埋め込む
28. モバイルでは
 YouTubeプレーヤー埋め込みか Gifアニメまたは画像やスライド
29. 単純接触効果
 ⼈は接触回数が多いと 親近感を覚える
 （芸能⼈と同じ）
30. 静⽌画やスライダーよりも伝わりやすい
 動画をうまく活⽤しましょう
31. SNSで動画を使⽤する場合 最⼤120分。ファイルサイズ最⼤4.0GB Facebook Instagram Twitter 最⼤60秒 最⼤2分20秒 Google
 マイビジネス 最⼤ 30 秒。ファイルサイズ 最⼤ 100 MB 解像度: 720p 以上
32. （独り⾔）
 ウェブサイトで担ってたものを サイト内外問わず
 全て動画化しても良いのでは…
 （⾒せ⽅に⼯夫は必要）
33. 
 SNS