エム・ビデオプロダクション

OVERVIEW

  • 業種 クリエイティブ制作
  • サイト種別 コーポレートサイト
  • 期間 3ヵ月

SCOPE

  • コーディング
  • デザイン
  • 戦略・要件定義・設計
  • 運用

PREFERENCE

動く

動かない

都会的

ほのぼの

エム・ビデオプロダクション
エム・ビデオプロダクション

映像とキャッチコピーの視認性

ファーストビューではキャッチコピーを際立たせるため、通常のように動画を暗くしたりフォントを白一色で載せるのではなく、動画自体の魅力も損なわない工夫を取り入れました。具体的には、英字には差異をつけたカラー設定を行い、日本語フォントには太めのシャドウを加えることで存在感を強調。これにより動画とキャッチコピーの双方がバランスよく引き立ち、視認性を高めながら印象的なファーストビューを実現しています。

動きを工夫しダイナミックに

スクロールに合わせて要素が流れるように出現するアニメーションを取り入れ、動きのあるデザインに仕上げました。また、英字の見出しはあえて大胆に大きく配置し、強い印象を与えています。さらに、ファーストビューの動画を固定で背景に敷き、要所ごとに映し出すことで、シンプルな構成でありながらも視覚的な厚みとダイナミックさを演出しました。シンプルさを保ちつつも、動きと迫力で魅力を補完する構成です。