Hori Moeko Portfolio
Type:Website
Creation date:2024.09
「見やすい」「分かりやすい」を意識し、制作物や経歴・強みをまとめたポートフォリオを制作しました。また、穏やかな性格も伝えられるようなサイトを目指しました。
- ターゲット
- Web制作会社の採用担当者の方々
- 目的
- 就職活動において、これまでの制作物や自身の経歴、強み・考え方を伝える。
- 情報設計
- 見やすい・分かりやすいを意識し、採用担当者の方が時間をかけずに欲しい情報へたどり着く構成を心掛けました。まずTOPでは簡単な自己紹介と制作物の一覧のみに情報をしぼり、サイトや私の雰囲気が伝わるように意識しました。また、ヘッダーが追随することでページのどの位置にいても見たいセクションへ遷移できるようにしております。Aboutページでは経歴や強みを詳しく記載し、人となりをお伝えしています。各Worksページの最後には遷移ボタンを配置し、制作物をスムーズに見ていただける設計にしました。
- デザイン
- 「見やすくて分かりやすい」を再現するため、配色はグレーと黒で統一し、文章を読んでいただく際の妨げにならないように意識しました。説明的でどうしても文字量が多くなる本文のフォントは、読みやすさを考え癖があまりない細めのゴシック体を選びました。また、セクションの区切りが分かりやすくなるよう、文字に動きをつけております。
- 制作範囲・期間
- 情報設計、ワイヤーフレーム : 3日間
コーディング : 16日間 - 使用ツール
- Adobe illustrator / Adobe Photoshop CC / Visual Studio Code
