小嶋かおるのポートフォリオサイト
My Portfolio Site
概要
WEBデザイナー | 小嶋かおるのポートフォリオサイト
WEBデザイナー | 小嶋かおるのポートフォリオサイト
Webデザイナーとしての専門性・世界観・制作プロセスを伝え、採用担当者に「一度会ってみたい」と思わせる。
案件獲得につながる「信頼」と「能力証明」を提示する。
制作会社の採用担当者。
Web担当がいない中小企業の経営者/マーケ担当
応募者が多く、実力差が分かりづらい
スキルだけでなく「考え方」や「再現性」が分からないと不安
実績が本当に本人のものか判断できない
「感性と論理の調和」。静かな信頼感と余白を大切にし、作品が主役となる設計。
実績一覧
プロフィール（経歴/スキル）
制作フローの説明
美容師→Webデザイナーというキャリアで培った「生活者視点の観察力」
フルスタックでこなす汎用性
デザインに「理由」があること。
一緒に仕事をしたときのイメージが掴めること
企業の目的に合わせて作れるか（再現性）
SNS・紹介・検索経由で流入し、最初の数秒で「雰囲気・センス・信頼感」を直感的に判断。
実績一覧へ自然に回遊し、制作物の幅とクオリティを一目で把握。ビジュアル中心の構成により、深く読まずとも「任せられるレベル」と理解する。
実績詳細で制作意図・思考プロセスを確認し、再現性と仕事の進め方をイメージ。
「この人なら大丈夫」という確信が生まれ、問い合わせ・相談の心理的ハードルが下がる
目的：第一印象で「雰囲気がいい / 仕事がしやすそう / センスが合う」と感じてもらう。実績への回遊性を高める
必要要素：キャッチコピー、強み、代表作、各ページ導線
ポイント：視覚トーンを統一し、安心感と専門性を伝える。わかりやすい構造を意識する。
目的：「思考」と「再現性」を証明する。採用担当が「この人に任せたい」と判断する材料を提供する。
必要要素：制作フロー、実際のサイトへのアクセス、ビジュアル
ポイント：画像中心で読みやすさを優先。文章量は「必要最低限＋説得力」
目的：どんな人物か、仕事観、得意領域を伝える
必要要素：宣材写真、経歴、スキル、好きなこと
ポイント：過去の職歴（美容師経験）は強みとして活かす。技術と人柄のバランスを取る。
薄いグレー（実績ビジュアルや写真が自然に引き立つ。）
ディープスレートグレー（落ち着き・知性・専門性）
作品の色（各制作物を主役とする）
情緒的なセリフ体（上質さ・感性・余白）
読みやすいモダンなゴシック体。
感性と論理のバランスが取れている
静かな信頼感、余白のある設計、感性に寄り添う論理
派手な色（「静かな信頼感」よりも自己主張が勝つ）
見出し階層が曖昧（「一緒に進めるイメージ」が持てなくなる。）
無駄なアニメーション（作品が目立たなくなる）
