Works制作実績
KAI MITSUHATA
ポートフォリオサイト
type
ウェブサイト(自主制作)
duration
企画・ワイヤーフレームの作成…5日
デザイン…3日
コーディング…5日
Purpose要望・目的
- WEBデザイナー職へ就職のため作成。
自身のスキルの証明、強み・人物像を明らかにし、採用につなげることを目的とする。
Analysis分析
採用ご担当者様がポートフォリオに求めているものは何か？また、採用において恐れているパターンは何か？その条件を考察。
→恐れているパターンを「人材のミスマッチ」とし、それを払拭するための条件を
1.就業に足る最低限のデザインスキルはあるか
2.実際の業務で活躍するイメージができるか
として仮定。さらに、それらをクリアするために、
- 自身の強みを表現するデザインができているか。
- 第一印象で、「ぱっと見いい感じ」な印象を与え、かつ細部にもこだわったデザインができているか。
- わかりやすいレイアウト・使い心地で、過不足ない情報を提供できているか。
- 制作物のデザインの意図・理由・プロセスを言語化し、実際の業務への取り組み方のイメージができるものになっているか。
- 経歴、スキル、強みなどを明確に表現し曖昧さを排除できているか。
を具体的な課題とする。
Targetターゲット
- 企業採用ご担当者様を含む、WEBデザインの理解が深い方々
- いくつものポートフォリオに目を通している
- フォント、あしらい等デザインの細部まで注目し、スキルの有無を判断される
Designデザイン
- メインカラーに#F2F2F2を採用。また、余白を意識したデザインで余裕と落ち着きのある雰囲気を表現。第一印象で素人臭さを与えない狙いも。
- ファーストビューに幾何学テイストのグラフィックを採用。自身の強みであるロジカルな部分を表現する目的。
- 自身の名前をもじったKAI（貝）モチーフのロゴを配置し。フックとして印象に残りやすくする狙い。
- 過度な装飾は避け、ミニマルで見やすいデザインに。画像と文字のレイアウトバランス、文字量が長すぎず短すぎない、見たい情報を簡潔に伝えるサイト設計を意識。
- 使用フォント
メイン：Zen Kaku Gothic New…読みやすく落ち着いた印象をもたらす。
見出し：Jost…幾何学的で洗練された印象。
その他：Raleway Italic…「w」の交差が特徴的なフォント。あしらい的に使用。
