自主制作ポートフォリオ

ひならぼポートフォリオ

実績と技術を伝える、Webポートフォリオサイト

Overview

My role

担当したこと

サイト全体の構成・情報設計から、Figmaでのデザイン、HTML・SCSS・JavaScriptによるコーディング、WordPressオリジナルテーマの構築まで一貫して担当しました。

実績の追加・更新を想定したカスタム投稿タイプやカスタムフィールドの設計、レスポンシブ対応、SEO・OGP設定、アクセシビリティへの配慮なども行いました。

Project

これまでの制作実績や対応できる業務を整理し、制作会社やディレクターの方に、自分のスキルや担当範囲を分かりやすく伝えるためにリニューアルしました。

今後はクリエイター向けの事業サイトを別に展開する方針とし、こちらは実績紹介を中心としたポートフォリオとして役割を明確にしています。

Point

制作実績を中心に、担当範囲や制作時の工夫が伝わる情報設計を意識しました。

デザインは親しみやすさと読みやすさの両立を目指し、余白や配色、さりげないアニメーションで自分らしさを表現しています。

また、WordPressでは実績ごとに掲載する情報を柔軟に管理できるよう、入力項目や表示条件を設計しました。

実績の掲載順や注目作品を自由に調整できるよう、メインビジュアルとトップページの掲載作品をそれぞれ選択できる仕組みを設けました。

詳細ページも、文章・画像・補足情報などを管理画面から登録できる構成とし、実績が増えても継続的に更新しやすい設計を目指しました。

Result

サイトの役割や掲載情報を見直したことで、これまでの制作経験と対応できる業務を、より明確に伝えられる構成に整理できました。

また、デザインとWordPressの管理画面設計を並行して考えることで、見た目の再現性だけでなく、更新性・保守性・アクセシビリティまで含めたサイト制作の経験を深めることができました。