Portfolio site
転職活動のためのポートフォリオサイト
転職活動で使用する為。私という人物がどのような人物か興味を持ってもらう為。
企業の採用担当者様
自身の顔をMVに持ってくることによって私という人物を印象付ける為のインパクトと、明るい人だという印象を与えること、さらにイラストを挿入し柔らかい雰囲気を意識しました。 柔らかく明るい雰囲気を視覚的に伝え、穏やかで落ち着きがあるということを緑色を使用することで併せて伝えられるように意識しました。緑色の四角とABOUTのグレーの四角をずらして配置しているのは、ユーザーの目を飽きさせないようにするためにわざとずらして違和感を持たせています。 WORKSではきちんと制作物を見てもらうためにあしらいも最低限にし、視認性を重視して配置しました。 ヘッダーとフッターでは、ユーザーがどこを触っているのかわかるようにするために、ホバーをすると動きがつくようにしました。
企画 / デザイン / イラスト / コーディング
企画・WF:1週間
デザイン:1週間 / イラスト:1時間
コーディング:2週間
Figma / Dreamweaver / ibisPaint / Photoshop
HTML / CSS / JavaScript
正直に話すと緑色は単純に私が好きな色であった事、イラストも自身が絵を描くことが好きだったのでポートフォリオに載せてアピール要素になれば、さらにきのこが好きなことも私を知ってもらうための要素だと思い載せました。 MVの緑色の四角と、ABOUTのグレーの四角がずれているのはまだ自身が未熟な人であること、これからも成長するという気持ちを込めて綺麗に並べるのではなくわざとずらして配置しています。 自分という人間がどういった人間なのかいまいちわからず、WFを組むところから苦戦し、デザインでもABOUTとWORKSどちらを先に持ってくるか最後まで悩みました。スクールでするどの課題よりも難しかったです。