Portfolioサイトについて
＿制作概要
自身のポートフォリオサイト
＿ターゲット
制作会社、デザイン会社の人事の方
＿サイトの目的
自身の製作物や人物像を見てもらい、分かりやすく紹介する
＿こだわり
楽しみながら見ていただけるようなデザインを拘り
＿使用スキル
Illustrator/Photoshop/Dreamweaver/HTML/CSS/JQuery
＿作業内容
企画/デザイン/コーディング
＿制作期間
2020年8月下旬〜約8週間 / ベース構築3週間+サイト製作5週間 / 2024年5月更新
PC
ワイヤーフレーム・デザインについて
＿意図
構成はポートフォリオを意識して、初めに制作物の説明、製作者の経歴の背景、最後にご挨拶という流れにしました。
最も力を入れたことはユーザーにストレスを与えず情報が入っていきやすいように、各制作物の紹介以外はランディングサイトのように、有益な情報と最終ゴールを1ページにまとめ、本文や見出しなど情報を段落的にまとめて配置し見やすくしました。
更に、工夫の一つとして、最後まで目で見て楽しんでもらえるように、JQueryのScrollifyを導入し、各セッションをスムーズに流れるようなメリハリのある動きをつけました。
＿配色・フォント
メインカラーは、紅色と青系統、エッグシェルを使用しました。
紅色は女性がメイクで使用される肌に馴染む口紅色の一つ。自立心と自信、エネルギーを感じさせることから印象に残る紅色を選びました。
制作物を見てもらうターゲット層を定めていないため、落ち着いた信頼感のある印象を持つ青系統を文字色に、目に優しく文字を見やすく柔らかくしてくれるエッグシェルを背景色に配色しました。
アクセントカラーはイエローを選び、さりげない遊び心と、見ている人を楽しませられるような気遣いを込めました。
フォントは誰もが読みやすいように「Playfair Display」を本文に、ポップで目立ちやすく、親しみやすい印象を持つ「Pathway Gothic」を見出しに使用しました。
Mobile/Tablet
