Works

制作実例

MELIA FITNESS

url	https://umi-codes.com/gym/
担当範囲	コーディング
使用技術	HTML Sass JavaScrip GSAP
制作期間	1週間
実装のポイント	アニメーションは過度な演出を避け、サイトの世界観に馴染む「落ち着いた動き」をテーマに設計しました。時間差出現アニメーションを実装したファーストビュー視線誘導と読みやすさを両立するため、速度や遅延の度合いを細かく調整しています。左から時間差で出現するアニメーションアコーディオン開閉動作がスムーズになるよう調整しました。