GSAPによる「遊び心」の具現化
「何だろう？」と興味を引く仕掛けとして、GSAPのScrollTriggerやyoyoプロパティを活用。静的なWebサイトにはない、触れていて楽しい「あそびゴコロ」溢れる体験を実装しました。
2024年に自作したオフ会用のポートフォリオです。「遊び心」をテーマに、キャラクターの作成、ロゴ制作を行い、デザインしました。GSAPのScrollTriggerでキャラクターが出現したり、消えたりと遊び心をプラスしています。
「何だろう？」と興味を引く仕掛けとして、GSAPのScrollTriggerやyoyoプロパティを活用。静的なWebサイトにはない、触れていて楽しい「あそびゴコロ」溢れる体験を実装しました。
「十人十色」をコンセプトにした屋号ロゴから、変幻自在なカメレオンのイラストまで自作し、独自の世界観を構築。FLOCSS/BEMを用いた強固な設計を行い、自由な表現と高いメンテナンス性を両立させています。
Figmaで作成した緻密なカンプをベースに、細かな余白やフォント、アニメーションの微調整を1px単位で徹底。「楽しさ」が伝わる色使いを忠実にコーディングし、信頼感と親しみやすさを両立させました。