- 概要
- 就職活動に使用する私自身のポートフォリオサイトとして作成しました。
- 目的
- 企業の採用担当の方に、私自身の強み・経歴・制作物などを伝えるため。
- ターゲット
企業の採用担当者。日々、多忙な業務をこなしている。求職者が会社に貢献できる人物なのか見極めるために「何ができて、どういう人物なのか」をできるだけ短時間で理解したい。
- 情報設計
- TOPページのFVにキャッチコピーと強みであるイラストを配置し、短時間で自分を伝えることを意識しました。また、FVからABOUTへのスクロール時にはイラストと背景が連動して動くことで、ユーザーの興味を引き付け、読み飛ばしを防ぐ工夫を施しました。各ページの最後には、お問い合わせフォームへの遷移ボタンを配置し、入力項目を最小限にすることで、気軽にコンタクトを取れるよう配慮しました。
- デザイン
- メインとなる制作物をシンプルに引き立たせつつ、「優しい柔らかさ ＋ 芯のある強さ」という自分らしさを意識してデザインしました。ベースカラーにはどの色にも馴染みやすいグレー、メインカラーには藍鉄色を使用。これにより全体がすっきりとまとまり、派手さはないものの安定感と芯のあるイメージを与えています。また、私の名前「藍（アイ）」にも関連しているため、自分を表現するのに最適な色だと考えました。
アイコン以外のイラストはすべて自作し、サイト全体の落ち着いた色合いに優しい柔らかさを加えました。また、ユーザーが飽きないように、文章は簡潔で分かりやすくまとめ、ローディング画面や紙飛行機・名前のアンダーラインなどにアニメーションを加えることで、視覚的にも楽しめる工夫をしました。
- 制作範囲・期間
-
- 企画：1週間
- デザイン / イラスト：1ヶ月
- コーディング：1ヶ月
- 使用ツール
-
- Figma
- VSCode
- WordPress
