ポートフォリオサイト

実績詳細トップ
実績PCイメージ
実績SPイメージ

Takayo Kimura｜ポートフォリオサイト

自身のWebデザイナーとしてのスキルや制作姿勢を伝えるため、ポートフォリオサイトを制作しました。

プロジェクト概要

  • 制作物：ポートフォリオサイト
  • クライアント：自身
  • 担当範囲：構成設計／デザイン／コーディング
  • 制作期間：デザイン10時間／コーディング22時間
  • 使用ツール：Figma／Photoshop
  • 制作形態：実案件（個人制作）

課題／目的

就職・案件獲得を見据え、自身の制作実績や強み、デザインプロセスを分かりやすく伝えることを目的に制作しました。
作品を並べるだけでなく、「どのような意図で、どのように制作しているか」が伝わるポートフォリオを目指しています。

ターゲット

・Web制作会社の採用担当者
・Webデザインを依頼したい個人・小規模事業者
・丁寧なコミュニケーションを重視するクライアント

情報設計・構成について

・ファーストビューで世界観とデザインスタンスを明確に提示
・Works／Process／About／Skills の4構成で情報を整理
・実績は一覧性を重視し、詳細ページへ自然に誘導
・デザインプロセスを可視化し、制作の流れをイメージしやすく設計

デザインについて

・ベージュ・ブラウン系を基調とした、やさしく落ち着いた配色
・罫線や余白を活かし、情報を整理しながらも堅くなりすぎない印象に
・写真やモックアップを使い、実績のイメージが伝わりやすいビジュアル設計
・「安心感」「丁寧さ」「親しみやすさ」を感じてもらえるトーンを意識

実装・技術面

・HTML / CSS / JavaScript（jQuery）を使用し、レスポンシブ対応
・ナビゲーション固定やスムーススクロールを実装
・スマートフォン・タブレットでも見やすいレイアウト設計
・デザイン再現性と保守性を意識したコーディング

振り返り／学び

デザインだけでなく、「なぜこの構成・デザインなのか」を説明できるポートフォリオになるよう意識しました。
また、固定ヘッダーやアンカーリンク、レスポンシブ対応など、実案件を想定した実装を行い、デザインとコーディングの両立を学ぶことができました。

Takayo Kimura Portfolio

https://takayo-design.jp/