Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

kenji goto
November 02, 2019

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

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

kenji goto

November 02, 2019
Tweet

More Decks by kenji goto

Other Decks in Design

Transcript

  1. よつばデザイン 後藤賢司

    View full-size slide

  2. よ つ ば デ ザイン 後藤賢司
    デザイナーとして東京と⼤分の

    2拠点で主に活動。

    「企画提案・設計」が得意。

    中⼩企業アドバイザー。

    View full-size slide

  3. KPI・⽬標必達の
    動画マーケティング
    成功の最新メソッド
    村岡 雄史 (著), 本橋 へいすけ (著), 後藤 賢司 (著), 染⾕ 昌利 (著)
    エムディエヌコーポレーション

    View full-size slide

  4. webクリエイターのための情報交換所
    ウェブ制作に関する情報交換を⽬的としたFacebookグループ

    参加⼈数
    8600⼈〜。各地でウェブ情報まとめセミナーを開催。

    View full-size slide

  5. あんこ好き

    こしあん・つぶあんどちらもOK
    ⽩あんはNG

    View full-size slide

  6. スライドは後⽇公開します。

    View full-size slide

  7. テキストや写真で伝える
    +

    動画で伝える

    View full-size slide

  8. ウェブサイトで動画を使う
    メインビジュアル
    事業紹介
    インタビュー・挨拶

    How to(説明)
    アクセス・地図

    View full-size slide

  9. ウェブ動画は印象や認識や信頼性を
    ⾼めるために使う

    View full-size slide

  10. 映画のような作品

    View full-size slide

  11. 映像のプロではない

    ウェブ制作者や事業者でも作れる動画はある

    View full-size slide

  12. 動画はスマホでも作成出来る

    View full-size slide

  13. 動画の種類

    View full-size slide

  14. ブランドイメージ

    (ブランド・地域PR)
    ライブ動画

    (ライブコマース・セミナー中継)
    対談動画(インタビュー)
    学習動画(Eラーニング)
    説明動画(解説動画)
    レビュー動画(体験動画)
    VLOG

    (個⼈の発する⽇記・雑記動画)
    作品動画

    (ストーリー性のある動画) 

    View full-size slide

  15. 動画の⽬的

    View full-size slide

  16. ウェブサイトで使う動画は

    利⽤者の⾏動の⼿助けになるもの

    View full-size slide

  17. 業種等で利⽤者が解決したい事は様々

    View full-size slide

  18. 利⽤者の求めるコンテンツを提供するのは
    従来のコンテンツ作りと同じ考え⽅

    View full-size slide

  19. ⾔葉では伝えにくい事を動画で伝える

    View full-size slide

  20. 動画事例は⾮公開です

    View full-size slide

  21. ウェブサイトで動画を使う
    メインビジュアル
    事業紹介
    インタビュー・挨拶

    How to(説明)
    アクセス・地図

    View full-size slide

  22. 動画はYouTubeにアップして埋込を推奨

    (レンタルサーバー停⽌のリスクを防ぐ)
    YouTube内での視聴も期待できる
    YouTube動画は検索結果に表⽰される

    (動画とサムネイル)

    View full-size slide

  23. YouTubeにアップロードする際の

    動画フォーマットはmp4推奨。サイズFHD以上。

    タイトルは24⽂字以内でわかるように。

    サムネイルはバナーのような役割(重要)。

    タグは関連動画表⽰などに関連する。
    施設内BGMなど著作権の判断が下されるので注意

    View full-size slide

  24. 動画編集の際の注意事項。

    原則3秒で切り換える同じシーンを流さない
    (離脱防⽌)。

    余計な間は作らない(細かくカット推奨)。

    字幕が読めるのは1秒間に5⽂字。

    View full-size slide

  25. 動画素材は綺麗に撮る(後から修正しづらい)。

    基本的に⾒る⼈は興味が無いを前提に

    (上司の⼦供の発表会のビデオ

    を無理⽮理⾒せられるようなぐらいの感覚)。
    編集アプリは無料のものでもOK

    View full-size slide

  26. Elementor等のプラグインで
    動画を背景に埋め込む

    View full-size slide

  27. モバイルでは

    YouTubeプレーヤー埋め込みか
    Gifアニメまたは画像やスライド

    View full-size slide

  28. 単純接触効果

    ⼈は接触回数が多いと
    親近感を覚える

    (芸能⼈と同じ)

    View full-size slide

  29. 静⽌画やスライダーよりも伝わりやすい

    動画をうまく活⽤しましょう

    View full-size slide

  30. SNSで動画を使⽤する場合
    最⼤120分。ファイルサイズ最⼤4.0GB
    Facebook
    Instagram
    Twitter
    最⼤60秒
    最⼤2分20秒
    Google

    マイビジネス
    最⼤ 30 秒。ファイルサイズ 最⼤ 100 MB
    解像度: 720p 以上

    View full-size slide

  31. (独り⾔)

    ウェブサイトで担ってたものを
    サイト内外問わず

    全て動画化しても良いのでは…

    (⾒せ⽅に⼯夫は必要)

    View full-size slide