画像:プロジェクト Portfolio 2nd のデザイン

Portfolio 2nd

2つ目に作成したポートフォリオサイト。

  • AdobeXD
  • CSS
  • HTML
  • jQuery
  • Photoshop
担当範囲
デザイン・コーディング
制作期間
1か月

概要

最初に作成したポートフォリオは可読性が低く、ページの導線がよくなかったため、新たに「目で見て理解してもらえるサイト」を目指して作成しました。
自分でイラストを描いてアイコンを作成し、より一目で実績のポイントを伝えられるように意識しました。

目的

より見やすく、伝わりやすいサイトを作成する。

課題

可読性が低く、ページの導線が非効率だった前サイトの改善。より自分の強みを活かすサイト作り。

デザイン

ユーザーの導線を意識してナビを実績詳細ページに作成し、よりページ内で回遊しやすいデザインに変更しました。また、イラストを描くのが好きなのを活かして、各実績詳細ページに手描きのアイコンを作成し、配置しました。これによりさらに「目で見るだけで伝えたいことがわかる」サイトに近づいたと感じました。