LAND.VOL
ブランドサイト | シングルページ
自主制作
架空
PC対応
スマホ対応
目的
写真や記事を通して旅の魅力を伝えながら、「行ってみたい」と感じてもらえるトラベルメディアサイトを制作。旅の世界観を楽しみながら予約までできる、ハイブリッドな構成を目指しました。
ターゲット
写真やストーリー性のあるコンテンツから旅のアイデアを得たい人や、雰囲気を楽しみながら行き先を選びたい感性豊かな20代〜40代の男女。
技術の導入
メインビジュアルには動画を使用し、サイト全体の印象を強く残す構成にしました。配色は黒と白のみを採用することで、デザインの世界観を壊さずに統一感を保っています。また、ライトモードとダークモードの切り替え機能を実装し、ユーザーが見やすい表示を選択できるようにしました。
アニメーション
ホバーやフェードインなどのアニメーションを取り入れ、全体としては落ち着いた動きになるように設計しました。大きなアニメーションは控えつつ、ホバー時に画像が切り替わる、スクロールに合わせて文字色が変化するなど、ユーザーの視線を自然に誘導する演出を意識しています。
使用言語 / ツール
HTML / CSS / JavaScript / Git.Github
制作時期
2025年9月6日~9月28日(入校5ヶ月目)
制作期間
デザイン/
約27時間
コーディング/
約30時間



