ポートフォリオについて

ポートフォリオの設計とデザイン

目的

転職活動をするためのポートフォリオを作るにあたり、以下の目的を設定しました。

• 転職活動の軸である、「人を大切にしている会社」とマッチングをしたいという意図があり、TOPページは自身のキャリアのストーリーを体験できるような設計にすること。

• 面接で実際に対面した際に、人物像に差異がないようなポートフォリオにすること。

• 構造で考えるという強みが伝わるような設計とデザインにすること。

• 今後も使用することを鑑みて、自分が運用保守がしやすい設計にすること。

技術で工夫したこと

• TOPページをはじめ、ポートフォリオを全体的に更新できるような設計にしました。

  

  

  

  

• “ポートフォリオのテンプレート”として使用できるようなポートフォリオとして設計しました。

UIで工夫した点

• 全体的な色の印象設計は、落ち着きがあり、温かみのある配色に設定しています。自身の雰囲気に合わせた配色、かつ、ユーザーが安心できるような色設定にしています。

• タイムラインのキャリアマップが時系列なことが直感的に分かるように、背景の縦の色をグラデーションにしました。

• スマホ版のハンバーガーメニューでは、TOPページに戻るボタンを設計せず、ユーザーへ配慮しました。

• ポートフォリオの閲覧者が、視覚的に疲れず飽きない程度に、CSSアニメーションを設置して、キャリアのストーリーを最後まで読んでもらえるようにしています。