Goateck

担当範囲

コーディング

プロジェクト概要

タスク管理ツール「Ravek」の紹介を想定したデモLPを制作。
サービスの特徴や導入メリットを視覚的に伝える構成で、スクロール演出を含めた動きのあるページを実装しました。
(デモサイト)

工夫した点

・GSAPのScrollTriggerを使用し、要素が画面内に表示されたタイミングでアニメーションが発火するよう設計
・セクションタイトルにはtimelineを用い、動きに緩急をつけることで視線を引きつける演出を実現
・すべてのアニメーションはユーザーのスクロール体験を妨げないよう軽量かつスムーズに調整

サイトURL