1. DX支援サービス

    進化したデジタル技術を浸透させることで人々の生活をより良いものへと変革する

  2. ソフトウェア開発サービス

    VAREALだからできる、RubyとRuby on Railsに特化した、素早く柔軟なソフトウェア開発

  3. AI関連サービス

    データ活用と機械学習を用いたビジネスの着実な深化を。

  4. クリエイティブサービス事業

    美しいだけではない
    機能的UI/UXと正しいコーディング。

  1. ライオン株式会社様 「by me」のAI診断サービスの開発支援

  2. 株式会社TOEZ様 幼児向けのレッスン通信講座サイトおよび基幹システムの開発支援

  3. 株式会社カカクコム様 食べログノート の開発支援

  4. 有限会社秀栄社様 パーソナライズ絵本「JibunEHON」の開発支援

  5. 株式会社TRN様 不動産会社・建築会社向け_営業支援システム「renovo」の開発支援

  6. 株式会社Touch&Links様 新規CMSのシステム構築

  7. オフショア開発・長期ラボ型 Webアプリケーション開発事例/顧客ロイヤリティを高めるサービスの開発(株式会社ギフティ様)

  8. イベントサイト 「オンラインで集まろう 学研クリスマス&おとしだまウィーク」

  9. 株式会社ミクシィ様 チケット販売サイトの開発支援

  10. 株式会社ドワンゴ様 e-learningシステム「N予備校」

  11. スカイライト コンサルティング様コーポレイトサイトリニューアル

  12. ハイブリィド株式会社 様 [ IT-Manager SD ]

  1. ライオン株式会社様 「by me」のAI診断サービスの開発支援

  2. 製造業のDX支援〜営業日報管理システム開発〜

  3. ウォータージェット加工.com サイトリニューアル

  4. 佳秀バイオケムサイトリニューアル

  5. 佳秀工業株式会社コーポレートサイトリニューアル

  6. 開発コンサルティング

  7. 団体管理システム

  8. ITコンサルティング

  1. 株式会社マネーフォワード様 マネーフォワード クラウドの開発支援

  2. 株式会社フレンバシー様 ベジタリアン、ヴィーガン向けのレストラン検索サイトの開発

  3. ライオン株式会社様 「by me」のAI診断サービスの開発支援

  4. 株式会社カカクコム様 食べログノート の開発支援

  5. 大手建設コンサルティング会社I社様 「自然災害を検知するAI」の開発 

  6. Webサイト訪問者分析のためのデータ分析基盤構築

  7. 製造業のDX支援〜営業日報管理システム開発〜

  8. 生産管理システム

  9. 仮想化サーバー導入

  10. タブレット端末導入

  1. VAREAL AI HUBの開発

  2. ライオン株式会社様 「by me」のAI診断サービスの開発支援

  3. 北海道大学様 オープンソースの大規模言語モデル(LLM)を使用したプロダクト共同研究開発

  4. 埼玉医科大学様 画像分類AIを用いた膠原病診断補助ツールの研究開発

  5. 大手建設コンサルティング会社I社様 「自然災害を検知するAI」の開発 

  1. ライオン株式会社様 「by me」のAI診断サービスの開発支援

  2. イベントサイト 「オンラインで集まろう 学研クリスマス&おとしだまウィーク」

  3. ウォータージェット加工.com サイトリニューアル

  4. 佳秀バイオケムサイトリニューアル

  5. スカイライト コンサルティング様コーポレイトサイトリニューアル

  6. ハイブリィド株式会社 様 [ IT-Manager SD ]

  7. 国際的機関の組織内システム開発

  8. 既存会計サービスのUI/UXデザイン改善

  9. 株式会社 クリニカル・トライアル 様 希少疾患SNS「RareS.(レアズ)」

  10. 人材マネジメントシステムUI/UXデザイン

  11. 保育園関連情報メディア開発

  12. Vareal株式会社中途採用情報サイト

DesignTech

【動画制作】自社のWebCMの制作フローを公開します

デザイナーの福田です。
自社のクリエイティブサービスをPRするためにWebCMを制作しました。今回はそのCMの企画から撮影、編集、公開までの制作フローをご紹介します。

企画

まずは動画を作る目的と誰に向けた動画なのかターゲットを決めます。

目的

  • 自社のクリエイティブサービス(Webデザイン、UIデザイン)の認知拡大
  • サイトへの誘導、問い合わせ(集客)を増やす

ターゲット

  • 自社にデザイナーを抱えていないWebデザイン、UIデザインを必要としている開発会社

絵コンテを作成

どんなシナリオにするのかどんなイメージにするのか手書きで紙に絵コンテを描きます。
それをスマホで撮影してパソコンに取り込みます。

パソコンに取り込んだ手書きの絵コンテをカットごとに分割してスプレットシートに読み込み整理します。
今回は「家族の絆編」「無人島編」「チャラ男編」「謎の男編」「オフィス編」の5案出しました。社内で話し合った結果、予算の兼ね合いや現実的に再現できそうな「オフィス編」に決まりました。

決定したら絵コンテで動画を作ります。静止画のカットを編集で繋いで一旦、仮でテロップ、BGM、音声を追加します。(音声はテキストを音声変換してくれるCMANというサービスを利用しました。)

動画撮影・編集

絵コンテ動画で全体のイメージを掴めたら実際に動画を撮影していきます。

仮撮影

いきなり本番撮影をするのではなくまずは仮撮影を行います。
モデルですが男性は自社の社員、女性は知人女性に協力していただき場所は会議室とコワーキングスペースを利用しました。
モデルの二人には事前に絵コンテ動画を共有してイメージを掴んでもらっています。

編集

仮撮影が終わったらカットを選び、編集で余分な部分を削除し、BGM、テロップを入れていきます。以下が仮撮影で編集した動画です。

動画を確認

仮撮影で制作した動画を社内で確認し、改善点を話し合います。
以下が改善点になります。

  • 女性モデルの顔に光が当たりすぎているのでライトの位置を検討する
  • 合成が上手くできていないのでモデルとグリーンバックの位置を調整する
  • 音声にノイズが入っているのでマイクの音声レベルを調整する
  • 女性モデルのセリフが長いのでカンペを準備する

本番撮影

改善点を意識して本番撮影に臨みます。
本番は男性モデル、女性モデルのヘアメイクはプロにお願いしました。

編集

仮撮影の動画を差し替えて音声やテロップのデザインを調整します。
仮撮影の編集の段階でほぼ完成しているので作業はそれほど多くありません。
以下が完成版です。

まとめ

絵コンテの動画まで作る必要は無かったのかもしれませんが、あった方がイメージを共有しやすく話し合いもスムーズに進みました。

VAREAL(バレアル)は動画制作の仕事も受け付けておりますのでお気軽にお問い合わせください。


Varealの制作部門のサービス内容はこちら
クリエイティブサービス事業

Varealの制作部門の実績はこちら
WORKS クリエイティブサービス

Varealの動画制作サービスの内容はこちら
動画制作サービス

関連記事

%d人のブロガーが「いいね」をつけました。