文章はクリックして直接編集できます(ブラウザ上の一時的な編集用)。
編集後はブラウザの「印刷 → PDFとして保存」、または「名前を付けて保存」でファイル化してください。
VIDEO PRODUCTION SPEC ①/②

①ヒーロー背景ループ 制作仕様書

寸又峡温泉 翠紅苑 ウェブサイト トップページ用|常時再生の背景動画(②ストーリー動画は別紙)

動画の概要

尺(長さ)
15秒(ループ再生)
音声
なし(無音・自動再生)
再生方法
ページ読み込み時に自動再生/常時ループ/背景として画面を覆うように表示

ウェブサイトのトップページを開いた瞬間に流れる、常時再生の背景動画です。宿泊のメイン目的である「夢のつり橋」を起点に、寸又峡エリアの見どころ(アプト式鉄道・奥大井湖上駅)を経て、翠紅苑の建物へとたどり着く流れになっています。最後の2.5秒は静止画に近い状態でキャッチコピーを表示し、その後また冒頭へループします。

カット割り(絵コンテ)

タイムシーン内容カメラワーク・演出
0.0〜3.0秒 ① 夢のつり橋最重要 つり橋を渡るPOV視点。眼下にエメラルドグリーンの湖面。 開始0.5秒ほどは動きを抑えて静止気味に。そこから静かに前進を始める。5カット中もっとも長い尺を確保。
3.0〜5.0秒 ② アプト式鉄道 アプト式鉄道の車窓からの風景。 つり橋の景色から、寸又峡エリア全体へ視点を広げるつなぎのカット。
5.0〜7.5秒 ③ 奥大井湖上駅見どころ 接岨湖に浮かぶ奥大井湖上駅の全景。 つり橋に次ぐインパクトのあるスポットのため、やや長めの尺を確保。
7.5〜9.5秒 ④ 温泉場全景→翠紅苑 寸又峡温泉場の全景から、翠紅苑の建物へズームしていく。 「エリアの魅力」から「宿」へ視点を橋渡しするカット。
9.5〜12.5秒 ⑤ 翠紅苑・外観 翠紅苑の外観(夕景・灯りが灯り始める時間帯が望ましい)。可能であれば湯けむりを一瞬差し込む。 静かなズームアウトで着地。次の静止カットへ動きを落ち着かせていく。
12.5〜15.0秒 ⑥ 静止+コピー表示要相談 ⑤の外観カットのまま、ほぼ静止した状態で保持。 静止に入ってから0.3〜0.5秒後に、キャッチコピー1行を薄くフェードイン(文言は別途ご連絡)。
↻ 15.0秒の時点で①の冒頭へクロスフェード(0.4〜0.5秒)してループ

演出面でのお願い

サイズ・納品仕様

背景として画面いっぱいに敷く動画のため、デスクトップとスマホで画面の縦横比が異なります。同じ素材をそのまま両方に使うとスマホでは左右が大きく切れるため、下記2サイズでの書き出しをお願いします。コストを抑えるため、撮影・編集は1本のマスター素材で行い、被写体とコピー・ロゴの位置を中央のセーフエリア内に収めたうえで、書き出し時に2サイズにトリミングしていただく形を想定しています。

デスクトップブラウザ用
1920×1080px
16:9
スマホブラウザ用
1080×1440px
3:4
セーフエリア
主要な被写体・コピー・ロゴは、画面中央の4:5(1080×1350px相当)の範囲内に収めてください。中央クロップで2サイズとも破綻しないようにするためです。
形式
MP4(H.264)を基本とし、必要に応じてWebM等の軽量版もご相談させてください
音声
なし(ミュート前提)
ファイルサイズ
ウェブ表示速度への配慮のため、可能な限り軽量化をお願いします(目安は別途ご相談)

参考:実装側(コーディング会社)への依頼事項

以下は動画制作会社様への依頼事項ではなく、ウェブサイト実装を担当するコーディング会社への依頼内容です。ご参考までに記載しています。

「物語を見る」ボタンの設置位置
ヒーロー動画の右下(画面下部中央のスライド位置インジケーターと重ならない位置)
表示タイミング
動画再生開始から1〜2秒後にフェードイン。以降は15秒間(ループ中)常時表示し続ける(ループのたびに同じタイミングで再フェードイン)
デザイントーン
白抜き文字+半透明の黒背景のピル型ボタン(例:「▶ 物語を見る」)。予約ボタン等のメインCTAと競合しないよう、目立たせすぎない控えめな見た目にする
タップ領域・配置の注意
タップ領域は最低44×44pxを確保する。スマホでは画面下端のホームインジケーターと重ならないよう、下端からの余白(セーフエリア)を空ける
クリック時の挙動
②ストーリー動画(40秒)を自作オーバーレイで再生する。詳細は「②ストーリー動画 制作仕様書」を参照