LAND.VOL

ブランドサイト | シングルページ

自主制作

架空

PC対応

スマホ対応

pc画像
sp画像

目的

写真や記事を通して旅の魅力を伝えながら、「行ってみたい」と感じてもらえるトラベルメディアサイトを制作。旅の世界観を楽しみながら予約までできる、ハイブリッドな構成を目指しました。

ターゲット

写真やストーリー性のあるコンテンツから旅のアイデアを得たい人や、雰囲気を楽しみながら行き先を選びたい感性豊かな20代〜40代の男女。

技術の導入

メインビジュアルには動画を使用し、サイト全体の印象を強く残す構成にしました。配色は黒と白のみを採用することで、デザインの世界観を壊さずに統一感を保っています。また、ライトモードとダークモードの切り替え機能を実装し、ユーザーが見やすい表示を選択できるようにしました。

アニメーション

ホバーやフェードインなどのアニメーションを取り入れ、全体としては落ち着いた動きになるように設計しました。大きなアニメーションは控えつつ、ホバー時に画像が切り替わる、スクロールに合わせて文字色が変化するなど、ユーザーの視線を自然に誘導する演出を意識しています。

使用言語 / ツール

HTML / CSS / JavaScript / Git.Github

制作時期

2025年9月6日~9月28日(入校5ヶ月目)

制作期間

デザイン/

約27時間

コーディング/

約30時間

pcサイズ作品画像
spサイズ作品画像
矢印 矢印