就職活動用の自身のポートフォリオサイトを作成しました。
- ターゲット
- 制作会社の採用担当者様
- 目的
- デザインやコーディングスキル、アニメーション技術などを伝えること
- デザイン
- 元気よさ、ユニークさをデザインで表現しました。メインビジュアルに動画を配置し、スクロールと共に拡大されるアニメーションを導入。Workセクションでは一つ一つに背景を付け、パララックスアニメーションを取り入れることでインパクトを出しました。
- コーディング
- 開発環境はVITEを用いました。またWordPressでコンタクトフォーム、カスタム投稿を実装しています。Vanilla JSで実装し、GSAPを用いてアニメーション等を作成しています。FLOCSSの命名規則を徹底しています。
- 動画
- メインビジュアルに映像を配置。
自身の性格がわかるような映像から、作成したイラスト→動画→Webサイトという構成になっています。映像の切り替えやテンポが速いので、動画の内容に共通点を作ることで視聴時のストレスを軽減する工夫をしています。
Other Work
View
CONTACT
yamataku5me@gmail.com