Project

ポートフォリオ

Type
Website
Client
自主制作
Portfolio Mockup
ターゲットtarget
採用担当者の方々
課題problem
自分の制作物を一つの場所に整理するサイトがない
目的 purpose
制作実績だけでなく、デザインの意図や対応範囲(デザイン/コーディング)を明確に伝える
自分のテイストや表現の方向性が伝わるビジュアル設計を行い、「この人にお願いしたい」と思ってもらえるようにする
情報設計 information
トップでは、氏名と制作分野をシンプルに提示し、サイトを開いた瞬間に人物像や表現の方向性が伝わる構成としました。 その後にAboutを配置することで人となりを自然に知っていただき、Worksへと視線が流れるよう、やわらかな導線を意識しています。 Worksでは作品を一覧で見渡せるレイアウトとし、担当範囲や制作内容をコンパクトに整理することで、比較しながら心地よく閲覧していただけるようにしました。余白やグリッド、表記の統一によって、情報が整理されながらも軽やかに見えるバランスを大切にしています。 最後にContactを分かりやすく配置し、作品を見てくださった後に自然に次のアクションへつながる流れを設計しました。
制作期間 production time
企画 / 情報設計 / ワイヤーフレーム 1週間
デザイン 1週間
コーディング 2週間
使用ツール tool
Illustrator / Photoshop / VScode / canva