# WEBサイト # 個人制作
| 制作期間 |
企画・情報設計・WF2週間、
トップページデザイン1週間
|
|---|---|
| 担当範囲 |
サイトデザイン
|
| 使用ツール |
Figma
Photoshop
|
| 概要 | デザインスキル向上のため、架空の企業の課題などをAIを活用しながら考え、採用サイトのトップページデザインを制作しました。 |
採用に関する情報を求職者に伝え、興味を持ってもらう
就職活動中の大学生、転職活動中の若い世代（第二新卒、若手中堅の20〜30代）
新しい価値観や考え方を取り入れていくために若い世代の社員を増やしていきたいが、物流＝古い産業、硬いというイメージをもたれてしまいがち。
物流最適化は複数領域を扱うため専門性が高く、「興味はあるけど難しそう」という考えで応募に至らない人も多い。
FVでシンプルなメインコピー「物流の常識を進化させる。」を強く打ち出し、先進的なインパクトを与える
扱っている技術などを図解でわかりやすく伝え、応募への不安を減らす
複雑かつ多様な物流最適化の仕事内容を求職者にわかりやすく伝えるため、仕事内容を表す図解を作成しました。
FVや背景の部分に流線型の図形を用いて、物流の「社会の流れを作る」というイメージを表現しました。また、サイト全体に半透明の正方形を散りばめることでデジタルの先進的で新しい印象を与え、物流＝古いというイメージを払拭するデザインになっています。
文章の部分にはシンプルで読みやすいnoto sans jpを使用し、見出し部分には信頼感がありつつ個性もあるIBM Plex Sans JPを使用しました。アクセントとなる英語の部分には、コーディング向けのフォントでもありデジタルな印象を与えるSource Code Proを使用しました。
コーポレートカラーである鮮やかな青をメインカラーとし、青と調和する水色をアクセントカラーにして統一感のある配色にしました。文字の色に使用した黒は、少し青みを入れてサイト全体のイメージと合うようにしました。
採用サイトを制作した経験がまだ少ないため、既存のサイトをいくつかトレース・分析させていただき参考にしながら自分なりのデザインを制作しました。見るだけでなくトレースすることで文字の大きさや微妙な色合いの違い、余白の開け方など多くのこと学びました。また、採用サイト制作をされた制作会社様の発信なども参考にし、求職者の不安解消の必要性など今まで自分が考られていなかったユーザー目線で重視すべき部分などに気付くことができました。
制作の振り返りを
SNSでアウトプットしています
erikoyakabe@yahoo.co.jp
