- 概要
- ポートフォリオサイト
- 制作期間
- ２ヶ月
- 作業範囲
- デザイン、コーディング（レスポンシブ含む）、Wordpress
- 使用ツール
- HTML,CSS,Javascript,PHP,Figma,Penpot
- 制作時のこだわり
- Figma でレイアウトを設計し、静的コーディングから WordPress テーマ化まで一気通貫で実装しました。 基礎アニメーションに加え、ページロード時のリッチなトランジションや GSAP（ScrollTrigger）を用いたインタラクションを自主的にリサーチして導入。 とくに経歴セクションでは、到達時にピン留めし、スクロール量に同期してコンテンツを縦方向へスワイプさせるタイムライン型アニメーションを構築。全コンテンツ表示後にピンを解除して通常スクロールへ戻すことで、没入感と操作性を両立しました。 さらにメインビジュアルや「自身の強み」を示す挿絵には生成 AI Fal.ai を活用し、最新技術への挑戦を通じて統一感のあるオリジナルビジュアルを創出。 デザイン・実装・演出をすべて自走し、視覚的インパクトと滑らかな操作体験を兼ね備えたサイトに仕上げています。
でざいん
Design
