「WAKABA NUMATA」ポートフォリオサイト

デザインポイント

• 情報設計

  トップページでは、できるだけ負担なく見ることができるように、プロフィールと制作物の概要を簡潔にまとめ、下層ページに各項目の詳細を記載しました。
  制作物の詳細ページでは、ファーストビューで｢どんな制作物か｣がわかるように、題名と画像を大きく配置し、概要を記載しました。そのあとの詳細説明では、情報量が多いため、項目名と内容の間や文の行間などにできるだけ余白を設けて、見やすくまとめることを意識しました。

• デザイン

  ｢かちっとした、きちんとしたイメージ｣を表現するため、全体的に角張ったオブジェクトやゴシック体を使用しました。また、のっぺりとした印象にならないように、画像に影をつけることで立体感を表現しました。
  配色は、制作物が映えるように白をメインカラーとし、アクセントとして、自分の名前にもある｢若葉｣から、未経験でも即戦力として活躍する意を示すため、生命力溢れる緑を使用しました。

• フォント

  • Lato
  • Zen Kaku Gothic New

• 配色

  

• ロゴ

  自分の名前である「若葉」をモチーフに、アルファベットの「W」を葉脈に見立てたロゴを作成しました。
  サイトの「かちっとしたイメージ」に合わせて、四角いデザインにしました。

  

• ポイント

  ファーストビューにある制作物のスライドショー

  下にスクロールしなくても最初の表示の時点で、どんな制作物があるかが大まかにわかるように、ファーストビューの右側に作品の画像をスライドショーで表示しました。
  スライドショーの画像をクリックしても、その制作物の詳細ページに遷移できるようしています。