ポートフォリオサイト

デザイン / Adobe XD / HTML / CSS / jQuery

portfolio-mockup

制作概要

(デザインの方向性)
ポートフォリオは自分自身を表わすものだと考え、自身の性格や特徴を反映したデザインにしたいと考えました。
静穏な性格のため、角を丸くしたり、曲線を取り入れることでサイト全体がやわらかい印象になるようにしました。

(ファーストビュー)
「物事を多面的に見る目を持つ」という自身の信念から、写真を丸くかたどり、自身の名前と併せて配置することで、見澄ます様子がイメージできるようにしました。

(配色)
制作に対して真摯に取り組む姿勢を表現するために、メインカラーは誠実さを与えるネイビーを設定しました。
ベースカラーはグレーを設定し、周囲の要素を引き立たせつつ、落ち着いた雰囲気を感じさせるようにしました。

(フォント)
穏やかな雰囲気を出すために、柔らかい印象の和文フォントを選択しました。欧文フォントはアクセントをつけるために、幾何学的な字形をしたフォントを選択しました。個性的で派手すぎないフォントを使用し、シンプルでありながらも目を引きつけられるようにしました。