PROFESSIONAL / Webサービス / 動画機能

短尺動画コンテンツ・閲覧UIの企画

スマートフォン向けの縦型動画UIを設計。動画の読み込み方式とSEOへの影響を検討。

目的
写真・テキストに動画を加え、サイト内の回遊を促す
設計
縦型動画の閲覧体験と読み込み仕様を検討

01

課題

写真と文章が中心のページでは、動きやその場の雰囲気まで伝えるのが難しく、ほかのコンテンツにも興味を持ってもらうきっかけが必要でした。スマートフォンで気軽に見られる短い動画に着目したのは、そのためです。

縦型動画の再生画面。中央にソファに座る人物が映り、画面右上に閉じるボタン、動画の右下に消音ボタンがある。
短尺動画の再生画面。動画の下で音声を切り替えられます。

02

スマートフォンで見る縦型動画UI

スマートフォンでの閲覧体験を重視し、縦型動画UIを設計しました。Figma等でワイヤーフレームを作成し、画面構成を具体化したうえでデザインディレクションを行いました。

03

読み込み方式と検索への影響

動画再生時のファイル読み込み方式について、検索エンジンのクローリングとSEOへの影響を考慮し、技術仕様を検討・調整しました。閲覧UIだけでなく、コンテンツの読み込まれ方も開発時の確認対象としました。

04

開発調整からリリース確認

企画・要件・画面仕様をもとに開発を進め、実装後のテストとリリース確認まで担当しました。

  • 新規機能の発案・企画立案
  • 要件定義・ワイヤーフレーム作成・UI設計
  • デザインディレクション・技術仕様の調整
  • テスト・リリース確認