サイトを見る↗
HASHIBA MAIKO PORTFOLIO サイト制作実績

Webデザイナー・はしばまいこのポートフォリオサイト制作実績です。自身のキャリアや世界観を整理し、セルフブランディングを目的としたポートフォリオサイトとして設計しました。
静かな余白と情緒あるビジュアルを活かしながら、制作実績・プロフィール・お問い合わせまで自然につながる導線を意識しています。

課題（Challenges）

• Webデザイナーとしての世界観と人柄を伝える必要があった
• 初見ユーザーに「どんな仕事を任せられるか」を短時間で理解してもらう必要があった
• 情緒ある見せ方と仕事導線のバランスを両立させる必要があった

解決策（Solution）

• ファーストビューで印象を残すビジュアル構成を採用
• About / Work / Contact を1ページで完結するシングルページ設計
• 余白を活かしたミニマルレイアウトで上質感を演出
• 制作実績ページへの内部リンクを強化しSEO評価を分散させない構成に設計

目的（Goal）

自身の世界観やデザイン思想を伝えることで、「この人ならブランドの空気感を理解してくれそう」と感じてもらえる信頼形成を目的に設計しました。
閲覧者が感性面で共感した後、制作実績やお問い合わせへ自然に進めることで、ブランドサイト・ポートフォリオ制作の受注につながる導線を重視しています。

ターゲット設計（Target）

• メインターゲット
  個人事業主、ブランドオーナー、サロン、イベント主催、世界観を大切にしたいスモールビジネス

設計・デザインの意図

自身のキャリアの変遷や「人生は旅」という価値観を軸に、静かな余韻が残るポートフォリオサイトを目指しました。視覚的な世界観だけでなく、訪問者がプロフィールから実績、そしてお問い合わせへ自然に進めるよう、情報の順序と余白設計を丁寧に調整しています。
また、実績ごとの詳細ページへ遷移する内部リンク構造を採用し、セルフブランディングとSEO評価の両立を意識しました。

• 情報の構造化（UI設計）
  初めて訪れたユーザーでも短時間で人物像と対応領域を理解できるよう、About → Work → Contact の流れを1ページ内で自然につながる構造に設計しました。
  視線移動とスクロールのリズムを意識し、情報量を増やしすぎずに必要な要素へ辿り着けるUI設計を行っています。
• 没入感を生むビジュアルデザイン
  「人生は旅」という価値観を軸に、静かな余白と情緒ある写真表現を取り入れ、閲覧そのものがブランド体験になるよう設計しました。
  大胆な余白設計とタイポグラフィの抑揚により、落ち着きと上質感が共存する没入感を演出しています。
• セルフブランディング設計
  単なる実績紹介ではなく、自身のキャリアや価値観、得意とするデザイン領域が伝わるよう、サイト全体をセルフブランディングの場として設計しました。
  世界観を重視したブランドサイトやポートフォリオ制作を依頼したいクライアントに、自分の強みが自然と伝わる構成を意識しています。
• 問い合わせにつなぐ導線設計
  感性面で共感したユーザーがスムーズに制作相談へ進めるよう、各実績詳細ページとの内部リンク構造やContactセクションまでの導線を最適化しました。
  世界観に浸ったまま自然に相談したくなる流れを重視し、営業感を出しすぎないCV導線を設計しています。

制作概要

• 制作範囲
  企画 / 情報設計 / UIデザイン / HTML CSSコーディング / SEO設計
• 使用ツール
  Figma / Photoshop / HTML / CSS / JavaScript
• 制作期間
  2週間（デザイン：1週間 / コーディング：1週間 ）

サイトを見る↗
HASHIBA MAIKO PORTFOLIO サイト制作実績