ポートフォリオ

Webサイト

概要

転職活動のため、ポートフォリオサイトを制作しました。文章を読まなくても人柄が伝わるよう、サイト自体を自分自身と捉えて制作しました。また、自身が感じる美しさを表現しつつ、閲覧者にもその美しさを感じてもらえるよう心がけました。

  • 制作範囲

    デザイン / コーディング /
    ライティング
  • 制作期間

    1ヶ月
PC版全体
ターゲット
企業の採用担当者の方
目的
・自身が今何ができるのかを伝える
・応募書類だけでは伝わりにくい自身の人柄と雰囲気を伝える
情報設計
忙しい採用担当者の方のニーズを考慮し、トップページからすべての制作物にアクセスできるよう設計しました。また、Webサイトとバナーを一目で判別できるよう、バナーはモックアップを使用せずそのまま掲載し、一列に配置することで情報の差別化を図りました。さらに、制作物の各ページの最後には、テキストだけでなくサムネイル付きのナビゲーションを配置し、他の制作物にも関心を持ってもらいやすい工夫を施しました。
デザイン
採用担当者の方の印象に残るよう、他受講生のポートフォリオとの差別化をするため、自身が好きでもあるグリッドデザインを取り入れました。グリッドデザインの硬い印象を和らげるため、FVではキャッチコピーをイメージしたノイズグラデーションのアニメーションを使用。視覚的にもコピーが伝わるようデザインしています。また、「わたしについて」ページでは自身の人柄がより伝わるよう、ホバーアニメーションを取り入れて遊び心をプラスしています。
sp版全体
モックアップ
モックアップ

すべてのつくったもの