概要
このポートフォリオは、「自分自身」を表現する場として転職活動用に制作しました。モノトーンを基調にしたクールなデザインで、自分の好きな雰囲気を大切にしながら、個性が伝わるよう工夫しています。トップページでは、スクール在籍中に制作した作品を一覧で掲載し、採用担当者の方が一目で実績を把握できる構成にしました。また、プロフィールページ「わたし」では、前職である教員時代のエピソードや制作物を紹介し、人物像がより具体的に伝わる内容に仕上げています。
制作範囲
企画設計デザインコーディング
使用ツール
FigmaPhotoshopVisual Studio Code
制作期間
企画・設計・WF
3日
デザイン
2週間
コーディング
1週間
目的
- 今できることを実績や制作時の思考とともに伝える
- 制作物やプロフィールで自分の経歴や人柄を伝える
ターゲット
- Webデザイナー採用担当者の方

コンセプト
「Quiet Impact(静かな衝撃)」
静かなミニマリズムをベースに、プロフィールで視線を奪うブルータリズム要素を取り入れ、静と動が響き合う構成に。
カラー
制作物そのものが引き立つよう、シンプルでクールな印象の無彩色をメインカラーに使用しました。モノトーンは自身が好んで使う配色でもあり、デザインへのこだわりや個性を表現する要素にもなっています。アクセントには自身のロゴカラーである赤を採用。無彩色の中に赤を配置することで、視線を誘導し、強調したい要素を的確に伝えられるよう工夫しました。
デザイン
黒を基調にデザインし、落ち着きと洗練さを感じさせるサイトデザインに仕上げました。「つくったもの」では、作品への視線を自然に誘導するため、統一感のあるグリッドレイアウトを採用。対して「わたし」のページでは、個性を表現するために、写真や教員時代に制作した消しゴムはんこなどをコラージュのように配置し、動きのあるレイアウトで展開しています。
フォントは視認性と汎用性に優れたNoto
Sans JPを使用しています。

