使用ツール
制作環境とワークフロー
HTML / CSS
セマンティックな構造とレスポンシブ対応のレイアウトを設計しました。
構造設計
JavaScript
GSAPを使ったスムーズなアニメーションとインタラクティブな動作を実装。
アニメーションビジュアル
グラデーションと柔らかな色使いで、見ていて心地よいUIを構築しています。
ビジュアル設計木の葉あんこのサイト制作・クリエイティブ情報
サイト制作とブランドデザイン
2026年のTwitch Vtuberに合わせて、鮮やかなグリーンと柔らかい丸みを両立しました。
HTML/CSS/JavaScriptとGSAPで、動きと表現を両立したインタラクティブなUIを実現。
配信コンテンツ、3Dモデル、コミュニティ運営などの魅力を分かりやすく紹介しています。
制作環境とワークフロー
セマンティックな構造とレスポンシブ対応のレイアウトを設計しました。
構造設計
GSAPを使ったスムーズなアニメーションとインタラクティブな動作を実装。
アニメーショングラデーションと柔らかな色使いで、見ていて心地よいUIを構築しています。
ビジュアル設計