FUJIMOTO ASAHI

PORTFOLIO

自身のポートフォリオサイト

概要

このポートフォリオは、「自分自身」を表現する場として転職活動用に制作しました。モノトーンを基調にしたクールなデザインで、自分の好きな雰囲気を大切にしながら、個性が伝わるよう工夫しています。トップページでは、スクール在籍中に制作した作品を一覧で掲載し、採用担当者の方が一目で実績を把握できる構成にしました。また、プロフィールページ「わたし」では、前職である教員時代のエピソードや制作物を紹介し、人物像がより具体的に伝わる内容に仕上げています。

制作範囲

企画設計デザインコーディング

使用ツール

FigmaPhotoshopVisual Studio Code

制作期間

企画・設計・WF

3日

デザイン

2週間

コーディング

1週間

目的

  • 今できることを実績や制作時の思考とともに伝える
  • 制作物やプロフィールで自分の経歴や人柄を伝える

ターゲット

  • Webデザイナー採用担当者の方

コンセプト

「Quiet Impact(静かな衝撃)」

静かなミニマリズムをベースに、プロフィールで視線を奪うブルータリズム要素を取り入れ、静と動が響き合う構成に。

カラー

制作物そのものが引き立つよう、シンプルでクールな印象の無彩色をメインカラーに使用しました。モノトーンは自身が好んで使う配色でもあり、デザインへのこだわりや個性を表現する要素にもなっています。アクセントには自身のロゴカラーである赤を採用。無彩色の中に赤を配置することで、視線を誘導し、強調したい要素を的確に伝えられるよう工夫しました。

デザイン

黒を基調にデザインし、落ち着きと洗練さを感じさせるサイトデザインに仕上げました。「つくったもの」では、作品への視線を自然に誘導するため、統一感のあるグリッドレイアウトを採用。対して「わたし」のページでは、個性を表現するために、写真や教員時代に制作した消しゴムはんこなどをコラージュのように配置し、動きのあるレイアウトで展開しています。
フォントは視認性と汎用性に優れたNoto Sans JPを使用しています。

Figmaでデザインを見る

つぎへ

みらい工務店HPの詳細ページへ移動する

みらい工務店HP

つくったもの