桜
桜
桜
桜
桜
桜
桜
桜
桜

ポートフォリオサイト

[ Graphic ]
Design

Detail

詳細説明

ターゲット

採用担当者の方々

目的

採用担当者の方々に自分の制作物、スキル、人となりを知ってもらう。

期間

デザイン:2週間

コーディング:2週間

使用ツール

Figma / Photoshop

デザイン

全体的に、ストレスなく「見やすい」「わかりやすい」シンプルなデザインを意識しています。
まず、関心を持たれるであろう制作物をFVの直後に配置。下層ページを作らずトップページにまとめることでページ移動の億劫さをなくしました。制作物をウェブとグラフィックで絞り込めるよう、タブ切り替えを上部に配置しています。さらに興味を持っていただけた方にはAboutページをご覧いただくことで、人となりについてより詳しく知ってもらうことができるようにしました。 フッターにあるトップに戻るボタンが動くことで、単調さに変化をつけています。
ベースに白、アクセントにFVに使われている写真から取った水色、桃色を使用。いずれも少しトーンを落とし、落ち着いた配色に。フォントは上品さのある「游明朝」「Times New Roman」を使用しています。

  • #F9F9F9
  • #81CEE1
  • #E69EB2

Design

デザイン