自主制作
ポートフォリオサイト
WEBサイト
転職活動に使用するポートフォリオサイトを作成しました。情報の読み取りやすさを考えながら、自分らしさが出るWEBサイトを目指しました。
概要
About
クライアント
自主制作のためなし
課題
自分の制作物・デザインスキルを掲載するためのサイトがない
目的
採用担当者様に「どのようなものを作ることができるのか」
「どんな人なのか」を知ってもらう
ターゲット
企業の採用担当者様
デザインコンセプト
Concept
情報設計
採用担当者様は制作物の内容を重視すると考えたため、制作実績を最初に配置しました。また、画像が多いトップページは見出しを中央に配置することで項目をわかりやすくし、文章量が多い他ページは見出しを左側に配置することで読みやすさと全体のまとまりを意識しました。硬い印象にならないよう全体の余白を多めに取り、ゆとりのある配置を心がけました。
デザインプロセス
「きっちりしているけど親しみやすい」をコンセプトとして制作しました。
フォントはZEN角ゴシックを使用し真面目で落ち着いた印象を与えながらも、波線の背景や角丸四角を配置することで柔らかい雰囲気が出るように工夫しています。サイト内にあるイラストは自分で制作し、得意なことをアピールしながらオリジナリティが出るようにしました。
カラー
3つの青色をメインカラーとして使用し、サイト全体の統一感を出しながら画面にメリハリが出るようにしました。
フッターとサイト内ボタンには濃い青色を使用し、画面が引き締まるようにしています。アクセントカラーはメインカラーの補色となる黄色にすることで、画面にアクセントを加えながら全体がポップで優しい雰囲気になるようにしました。
制作期間
Data
制作時間
ワイヤーフレーム：2週間
ラフ〜デザイン：3週間
実装：1ヶ月
使用ツール
WordPress / HTML / CSS / Figma / CLIP STUDIO PAINT
