ポートフォリオ

作品のメインビジュアル

ポートフォリオサイトの制作

これまでに制作したWebサイトやデザインを通して、スキルだけでなく、デザインへの考え方や向き合い方を伝えるために制作しました。 ビジュアルだけでなく、 ターゲット設定や課題、 デザイン意図まで含めてご覧いただける構成としています。

target

想定ターゲット

採用担当者の方々

backdround

設計背景

これまで制作してきたデザインやWebサイトを振り返る中で、作品単体だけではなく、「なぜそのデザインにしたのか」「どのような課題に向き合ったのか」を一緒に伝える必要性を感じました。 書類だけでは、デザインへの考え方や制作スタンスまで十分に伝えきれないと感じ、思考やプロセスを含めて表現できるポートフォリオサイトの制作に至りました。

issue

課題

!

作品を体系的に伝える場が不足している

これまで自分の制作物をまとめて紹介できる専用のWebサイトがなく、
作品同士の関係性や、制作の背景を十分に伝えられていない点が課題でした。

情報量が多くなりやすいポートフォリオ構成

作品、スキル、プロフィールなど、掲載する情報が多くなるため、
整理されていないと読みづらくなってしまう点も課題でした。

読み進めたくなるリズムを作りにくい

情報量が多いポートフォリオでは、 余白や視線誘導が不足すると、 単調で読みづらい印象になりやすく、 最後まで見てもらうための 体験設計が課題となっていました。

design

デザイン

ポートフォリオページ全体デザインpc
ポートフォリオサイト|ページ全体構成(PC表示)
ポートフォリオページ全体デザインスマホ
ポートフォリオサイト|ページ全体構成(スマホ表示)

以下では、特に意識したポイントを抜粋して解説します。

ファーストビューのデザイン

このポートフォリオでは、デザインのスキルだけでなく、人柄や価値観も伝わることを大切にしました。 余白や配色を活かした落ち着いたデザインにすることで、作品をじっくり見てもらえる環境を整えています。 また、情報を詰め込みすぎず、ひとつひとつの制作物と向き合ってもらえる構成を意識しました。

情報整理されたコンテンツ構成

迷わず理解できるコンテンツ構成

このポートフォリオでは、学校で学んだ知識を活かしながら、「伝わるデザイン」と「見やすい情報設計」を意識して制作しました。 配色や余白、文字の大きさに統一感を持たせることで、作品そのものが引き立つ構成にしています。 また、ただ作品を並べるだけでなく、制作の意図や工夫した点を明確にすることで、デザインの背景や考え方まで伝わるポートフォリオを目指しました。

作品一覧にもどる