work
ポートフォリオ
【実在】
- ターゲット
- デザイン会社の採用担当の方
- コンセプト・テイスト
- シンプルで心地よいUIを形に
- 制作範囲
- デザイン/コーディング
- 制作期間
- 1６日/2025.9～
- 使用ソフト
- Illustrator / Photoshop / Figma / PHP / CSS / JavaScript / WordPress / After Effects / cinema4D
- URL
- サイトを見る↑
- 目的
- 転職活動用に制作した旧ポートフォリオを、情報が見づらく更新もしづらい点を改善したかった
- 採用担当者がスムーズに閲覧できる、読みやすく伝わりやすいサイトを目指した
- 情報設計
- 横スクロールから縦スクロールへ変更し、操作性と three.js アニメーションの実装性を向上
- コンテンツ内容を整理し、プロフィール・スキル・作品情報の構成を見直し
- WordPress にブログ機能とカスタムフィールドを追加し、更新性を高めた
- コンタクトフォームをプラグインで実装
- ローディング時間短縮のため、動画素材を最適化
- デザイン
- バナーや Web サイトの視認性・目線の流れ・余白・ラインハイトを調整して可読性を改善
- 白を基調に、余白をたっぷりと設けることで、作品の存在感を際立たせるデザインに仕上げた
- 構成が単調にならないよう、作品を互い違いに配置し、3Dアニメーションを加えて動きを演出
- 作品をより印象的に見せるため、背景には波のモチーフを取り入れた
- 成果
- サイト全体の閲覧動線が明確になり、採用担当者が必要な情報へすぐアクセス可能に
- 更新や管理がしやすくなり、制作実績を継続的に発信できる仕組みに
- 見た目・操作性の両面で“プロとしての整理力”を体現できるサイトへ
