HP
WEBサイト制作 Wander-Globe
制作への想い
FVのスライダーとセクションタイトルが流れるように表示されるので見ていてワクワクするようなサイトです。
制作概要
- 制作時間→20Hほど（1日4時間目安）
- 制作内容→コーディング
- ページ数→トップページとサンクスページ
- 仕様スキル→HTML・CSS・GSAP
- 仕様ツール→VScode・Figma
実装内容
- FVのスライダー
- 各タイトルをクリップパスで流れる様にフェイドイン表示
- Conceptの背景が縮小されながら表示
- Rankingの画像が両サイドからクリップパスで流れる様に表示
- What to GoがPCだと無限スライダー
- More From WanderGlobeの背景がクリップパスで流れる様に表示
- FAQをアコーディオン
- コンタクトフォームをPHP工房との紐つけ
- SEO対策
- OGP設定
- レスポンシブ（375px〜1440px間、どの幅サイズでも見た目の崩れがなく
綺麗な表示がされるように作成いたしました）
