yuka-yanagawa|portfolio

個人制作

ポートフォリオサイト

概要: 転職活動にて書類選考合格や自身の人柄を知っていただくために、ポートフォリオサイトを制作しました。; URL：http://www.yuka-yanagawa.com

制作範囲・期間: 企画・WF：1週間
デザイン：2カ月半
・1案目が固まらず2カ月程難航
・2案目[採用]は2週間程で完成
コーディング：75h10min（約1カ月）

使用ツール: Illustrator、Photoshop、VScode

process

課題

自身の作品をまとめたサイトがない、書類だけでは伝わりづらい自身のスキルや人柄を伝える機会が不足している。
目的

WEBデザイナーへの転職活動において書類選考通過を目指す、採用ご担当者様に「会いたい」「一緒に働きたい」と思っていただけるようにする、ポートフォリオを通して自身のスキルや人柄を伝える。
ターゲット

採用ご担当者様
コンセプト

採用ご担当者様が自身について掴めるサイト・一緒に働くイメージが持てるサイト
情報設計

サイトコンセプトから、人柄・スキル・入社後の姿が見えるようコンテンツを配置した。人柄面では自身の笑顔の写真を配置・これまでの道のりを提示し、またデザインで自身がどんな人間が伝わるように構成。スキル面は制作物の提示・できること・強みを提示して補強。入社後の姿は、自身の写真も勿論だが、仕事への姿勢や強みを仕事でどう活かすかまで提示している。
デザイン

デザインコンセプトは「洗練された、成長・希望を感じる、一緒に働いていて楽しそう、柔らかい人柄」の4つ。意味のこもった、かつ洗練されたFVを作成。また自身の名前「優花」から花のモチーフを作成し各所に配置。柔らかい雰囲気を演出している。

配色

ベース1
#FFFAE4

メイン
#FFF2BA

アクセント
#228966

フォント
#333333

ベースカラーは目に優しいベージュやイエローを採用。暖色メインにし「一緒に働いていて楽しそう」「柔らかい雰囲気」を感じられるようにした。またイエローは希望の意味も込めている。アクセントには成長のグリーンを使用。またフォントも柔らかい黒にし、目が疲れにくいよう工夫した。

フォント

本文には可読性のよい「Noto Sans JP」を使用。また英字・数字には「Garamond」を使用。洗練された印象がありつつも可読性が良く、柔らかな曲線から温かみも感じられるため採用した。FV・リードには「Noto Serif JP」を使用し、洗練された印象をより補完できるようにした。