就職活動用ポートフォリオサイト
ベースカラーを白色と黒色を使用し、シンプルですっきりとしたデザインにしました。また、レイアウトは余白を多めにとって要素を配置することで、抜け感をだしています。
自己紹介ページでは、ユーザーに飽きずに下まで読んでもらえるよう、スクロールをすると線が伸び縮みする動きと、表示エリアに入ると、スキルバーが横から伸びてくる動きをつけました。
トップページでは、バラバラに配置した要素が崩れないよう、ブレイクポイントを４つ指定。どのデバイスで見ても、バランスよく見えるように工夫しました。
COMMENT
シンプルですっきりとしたデザイン
ベースカラーを白色と黒色を使用し、シンプルですっきりとしたデザインにしました。また、レイアウトは余白を多めにとって要素を配置することで、抜け感をだしています。
動きをもたせたデザイン
自己紹介ページでは、ユーザーに飽きずに下まで読んでもらえるよう、スクロールをすると線が伸び縮みする動きと、表示エリアに入ると、スキルバーが横から伸びてくる動きをつけました。
レスポンシブデザイン
トップページでは、バラバラに配置した要素が崩れないよう、ブレイクポイントを４つ指定。どのデバイスで見ても、バランスよく見えるように工夫しました。