作品概要

レスポンシブ対応のテンプレートをベースに、HTMLとCSSを用いて大幅なカスタマイズを行った
ランディングページ（LP）です。
メインビジュアルを静止画から<video>タグによる動画背景に変更し、
CSSのobject-fitでレイアウトを調整しました。
ロゴ・お知らせ・フッターバナーの差し替え（<img>タグ）
Google Mapの更新（<iframe>タグ）
各所へのリンク設定（<a>タグ）など、既存の構造を理解した上で、
HTMLの書き換えからCSSの調整まで、一連のコーディングスキルを実践的に使用しています。

ターゲット

旅行を検討している一般消費者。

デザインのポイント

既存のレイアウトを活かしつつ、メインビジュアルを動画に変更することで、
訪問者の関心を引くダイナミックなデザインを目指しました。
お知らせやフッターエリアに画像バナーを追加し、
関連サイトへの導線を分かりやすく確保しています。