WRKS
- 制作範囲
- 企画、デザイン、コーディング
- 制作期間
- 6~7月
- 使用ツール
- Figma/Photoshop/Illustrator/Visual Studio Code
- URL
- VIEW
概要
転職活動で使用するポートフォリオサイトを制作しました。 作品の見やすさは担保するためにシンプルなレイアウトにはしつつ、自分らしさが伝わるようなデザインになるよう工夫しました。
目的
- ポートフォリオサイトを通じて、自身の実績をアピールし採用に繋げる。
ターゲット
- デザイン業界に携わる採用担当の方
デザイン
ポートフォリオを見ていただく中で印象に残るよう、静けさがありつつも目が惹くタイポグラフィをヒーローイメージにしました。
作品に目が行くように、シンプルなレイアウトの構成を心がけたほか、視線誘導を意識したアニメーションを実装しました。また未経験の業界のため、人柄、デザインへの向き合い方が伝わるようなカラーリング、フォントの選定を行いました。
淡い色や寒色をメインに用いて、作品が引き立つような配色にしました。
配色
- クリーム色: #F6F6F2
- 青色: #2E65FF
- グレー: #D9D9D9
- 黄色: #EEFF03
- ネイビー: #3F4558
フォント
和文にはZen Old Minchoを採用し、可読性とサイト全体に落ち着いた印象を持たせております。 欧文は、エレガントなセリフ体のPlayfair Displayと視認性が高くシンプルなサンセリフ体のActorを併用しました。セリフ体とサンセリフ体の併用することで、視覚的なコントラストを作り、ゆったりとしつつもモダンな印象を両立したデザインに仕上げました。