個人制作
デザインカンプをもとに制作した、海外旅行の魅力を伝えるデモサイトです。人気の旅先ランキングや行き先紹介、体験レポート、FAQ、お問い合わせを一続きに配置し、「次の旅先」を自然に考えられる流れを意識しました。スクロールアニメーションやカード型UI、ドロワーメニューなども実装し、世界観を保ちながら操作しやすいサイトにしています。
Basic認証
ID：demo PW：demo
ファーストビューでは、背景画像の切り替えとタイトル文言が順に表示される演出を実装しました。最初の画面でブランドの印象を伝えつつ、情報が一気に出すぎないようタイミングを調整し、続きを読みたくなる導入になることを意識しています。
スクロールに合わせて画像やテキストが段階的に表示されるアニメーションを実装しました。PC・SPともに視線の流れを意識し、旅の世界観を損なわないよう、過度な演出を避けつつ「次のコンテンツを見たくなる」体験になるよう調整しています。
画像とテキストを組み合わせたカード型レイアウトを実装しました。ホバー時には画像の拡大やテキストの透過変化を加え、視覚的なフィードバックで詳細への導線を分かりやすくしています。また、左右交互の配置により、スクロールしても単調にならない見せ方を意識しました。
