MOEKA

ハンバーガーメニュー ハンバーガーメニュー

つくったもの

ポートフォリオサイトイメージ画像

portfolio site

概要
自身の転職活動に使用するポートフォリオサイトを作成しました。自分が目指すデザイナー像である「ご縁を結ぶ」デザイナーをデザインで表現することと、「見やすさ」「わかりやすさ」の両立を工夫しました。
届けたい相手
WEB制作会社の採用担当者の方々
目的
企業の採用担当の方に、自分の強みやデザイナーを目指すようになった経緯、これまでの制作物と思考を伝えるため。
情報設計
サイトを見る方にストレスを感じさせないよう、「見やすい」「わかりやすい」を意識して作成しました。各ページの最後には、見る方が次に見たいコンテンツを想定した遷移ボタンを配置しました。ABOUTにあたる「私のこと」では、目指すデザイナー像がなぜ「ご縁を結ぶデザイナー」なのか、より解像度が高くなるようにデザイナーを目指すまでの道のりや自身の思考を文章として載せました。
デザイン
「見やすい」「わかりやすい」を意識し、綺麗な文字組みを意識。目指すデザイナー像である「ご縁を結ぶ」デザイナーを表現するため、赤い糸をモチーフとし、サイト全体に配置しました。また、糸の先には「素敵なご縁につながりますように」という想いを込めて、糸で「握手」する様子を描きました。また、丁寧な印象を与えたい、かつ本が好きという自分らしさを表現するため、見出し部分に縦書きを取り入れました。
ポートフォリオサイトカラーコード ポートフォリオサイトカラーコード
制作期間
企画・ワイヤーフレーム:3日デザイン:2週間コーディング:2週間
使用ツール
Illustrator / Photoshop / Figma /Visual Studio Code