情報を円滑に得られるセクション順序、目線誘導に気をつけたデザインでストレスなくサッとみていただけるようにしました。

mv

サイトを開いてすぐ制作物にアクセスできるようにしました。

何者か

何者なのかざっくりとわかるように経歴・得意なことを簡単に明記しました。 最初の一文の要約だけでも見ていただけるよう、まわりの余白によりテキストを強調させました。 詳細は長くなるため別のセクションに分けて、ここでは採用担当者様が内容をざっくりと把握できるようにしました。

地図・顔写真

「古河市ってどこ？」となるので、地図を用意し都内へのアクセスが良好な田舎だとわかるようにしました。 ホバーの仕掛けを取り入れて動きを加え、リズム感を与えました。上の何者？のコンテンツから地図を中央に置き、下の右寄りのコンテンツへと視線が流れるようにしました。

Skills

自身ができることを正確に明記し、貢献する姿を想像してもらいやすい文章にしました。 ナンバーとテキストのあいだに余白を設け、テキストへの目線の誘導を図りました。

Work

下層ページにて1セクション毎に細かくデザインの解説を書いたのは、すべてのデザインについて説明できることをアピールすること、そして 私らしい、そういった真面目な誠実さを表しました。

Strength

強みの各タイトルだけでも見ていただけるよう、ボーダーのアニメーションで目線の誘導を図りました。

About

ここまで見ていただいた方は、きっとわたしに興味を持ってくださった方なので、 自身のことを詳しく書きました。少しでも人となりがわかるように、デザイナーを目指した経緯や自慢できることを明記しました。 またサイトレビューを書いたnotionや、読んだデザイン本についての気づきなどを記載したページをリンクして、継続して学習ができること・学習の軌跡をみていただけるようにしました。

フッター

左右にレイアウトして間に余白を設け、それぞれに目線がいくようにしました。