OVERVIEW

魅力的な空間を演出するポートフォリオサイト

使用ツール

Adobe Illustrator, Photoshop, Figma, HTML, SCSS, JavaScript（GSAP3, jQuery, Slick）PHP（WordPressテーマ開発）, Vite, Blender

CONCEPT

視覚的に魅力的で、デザイン空間に没入できるWeb体験

トップのアニメーションやサイト全体のインタラクションを通して、閲覧者が作品と「対話」できるよう設計しました。WordPressテーマとして開発することで、保守性・拡張性を高めています。

ANIMATION

GSAP3 + ScrollTrigger による没入感の高いインタラクション

トップページのスキル紹介セクションでは、スクロールに応じてアニメーションが展開されるよう設計しています。

フロントエンドの技術力を活かし、滑らかな体験を実現しました。

3D MODELING

Blenderによるヒーローアニメーションと3Dアイコンの制作

トップの動画はBlenderでモデリング・アニメーションを行いました。

スキル紹介セクションに使用している3Dアイコンも、動画内に連動して登場し、統一感のある世界観を表現しています。