Xのロゴ画像
ホーム > 実例紹介 > 海外旅行情報サイト

海外旅行情報サイト

  • LP
実際のサイトはこちらから

実装の内容

海外旅行情報サイトのLPデモサイトです。
GSAP と ScrollTrigger を活用し、サイトの世界観に合わせた出現アニメーションを実装しました。
さらに、記事やボタンにはホバーアニメーションを加えることで、ユーザーインタラクションを強化し、体験価値(UX)の向上を図っています。

主な実装内容:

  • メインキャッチおよび画像のフェードインアニメーション

  • スクロールに応じた記事コンテンツのフェードイン表示

  • 画面幅に応じたスライダーと一覧表示の切り替え

  • GSAP を用いない軽量なアコーディオンボタン実装

  • コンタクトフォームの入力バリデーション

使用言語

HTML、CSS、JavaScript

制作期間

10日間程度

制作費用

3万円程度

キーボードを打つ手

Contact

お問い合わせ

まずはお気軽にご相談下さい
サイト内のCONTACTページ、もしくはXのDMのいずれかよりご連絡下さい