就職活動のためのポートフォリオサイト
自分の作品・スキルをまとめて紹介するサイトがない
書類だけでは伝わりにくい自分自身の人柄・雰囲気を伝えたい
就職活動において書類通過を目指す
採用担当者の方々
自分自身の雰囲気が伝わるようなデザイン
情報設計・WF / デザイン / コーディング
Figma / VSCode
情報設計・WF
1週間
デザイン
3週間
コーディング
4週間
シンプルで柔らかいスタイルを基調とし、装飾は少なめで真面目な印象を与えつつ、曲線を多く取り入れ、自分自身の柔らかく話しやすい雰囲気が伝わるようにした。
文字と画像のバランス、広めの余白感を意識し、読み手にストレスを与えないゆったりとしたデザインに。
和文:Zen Kaku Gothic New
情報をしっかりと伝えることが重要だと考え、視認性の高いゴシック体を使用。また、ゴシック体の中でも親しみやすさや優しさを感じられるフォントを採用。
欧文:Libre Baskerville
欧文はサイトに洗練された印象をプラスするため、セリフ体を使用。
メイン1
#F3F2EE
メイン2
#E7E3D8
自分自身の人柄(穏やか、調和)が感じられるベージュを採用。
テキスト
#5A4D41
落ち着いた印象であり、優しさも感じられるよう茶色を採用。
アクセント
#87A9B2
真面目、誠実な印象を感じられる青系で、メインカラーになじむような彩度・明度の水色を使用。