PORTFOLIO SITE
WEB DESIGN / CODING
SUMMARY
プロジェクト概要
- 制作期間 : 10日
- 使用ツール : Photoshop / Figma / Dreamweaver
- 担当範囲 : 情報設計 / デザイン / コーディング
ターゲット
- 企業の採用担当者様
目的と課題
- 実務未経験という懸念を払拭し、デザイン・コーディングの基礎力と制作背景にある意図を伝える。
- 履歴書だけでは伝わりにくい制作に対する熱量や課題解決のためのプロセスを、体験として届ける必要がある。
設計と工夫
- 最も重要である制作物のセクションをトップページに集約。スクロールだけで実績を網羅できる構成にし、離脱を防ぐ設計に。
- 感覚的な良さだけでなく、制作意図を言語化して記載。意図を追求する姿勢を示すことで、実務でのコミュニケーションの円滑さをアピールした。
DETAIL
会いたいと思っていただくために
自身の強みである、「誠実さ」と「柔軟さ」を視覚化するため、清潔感のある配色と読みやすいタイポグラフィを意識しました。全体を装飾のないシンプルなデザインにすることで、主役である制作物が引き立つように設計しています。
意図を知っていただくために
これまで培ってきたプロジェクト・クライアントに対する向き合い方を想像いただけるよう、単なるスキルの羅列ではなく、ターゲットや目的から逆算して構成を練った意図を提示しました。
限られた時間でストレス少なくご覧いただくために
数十人の候補者をチェックする担当者様の時間を尊重し、クリック数を最小限に抑えることを意識しました。また、どのデバイスからでもストレスなく閲覧できるよう、レスポンシブ時の可読性にもこだわっています。
自身のポートフォリオサイトを制作しました。
初対面の方にも自分の人物像を直感的に伝えることと、多忙な採用担当者様の負担を最小限に抑えることを意識した設計を目指しました。