概要

Webデザイナー・コーダーとしてのこれまでの歩みと、制作実績を集約した個人ポートフォリオサイトです。 WordPressのオリジナルテーマとしてゼロから設計・開発しており、単なる作品ではなく、情報発信プラットフォームとしての機能を持たせています。

• 構成要素：
  • Home：サイト全体のナビゲーションと最新情報の集約
  • About：2003年からの詳細なキャリアストーリーと、保有スキルの可視化
  • Works：Web/DTP/バナーなど、多岐にわたる制作物の分類管理
  • Blog：UI/UXやデザイン手法に関する専門的な知見のアウトプット
  • Contact：お問い合わせ窓口となるカスタムフォームの実装
• 技術的仕様：
  • レスポンシブWebデザイン（PC/タブレット/スマートフォン対応）
  • PHPによる動的処理と、メンテナンス性を重視したコーディング

ターゲット層

• 企業の採用担当者・人事担当者
• 現場のエンジニア・チームリーダー

目的

ユーザーが、観光先やお取り寄せ品を探す人が閲覧することを想定し、「タブレット、スマートフォンでも出来るWebサイトにして欲しい」「写真などを多用して特産品・名産品の魅力を紹介したい」等の要件に沿ったWebサイトを制作すること

• 「総合的なWeb構築力」の証明：
  • UI設計（XD）からデザイン、そしてWordPressテーマ開発まで、一気通貫で完結できる実務能力を提示すること
• 「運用・保守」を見据えた実証：
  • 作って終わりではなく、2024年から1年9カ月以上にわたり自ら運用し、コードの改善（CSSの最適化など）を続けることで、実務に不可欠な「持続的なメンテナンス能力」を証明すること
• 信頼の構築とマッチング：
  • DTPや営業・事務・新聞奨学生・ファーストフードのアルバイト、そして特例子会社でWeb実務といった「多様な背景」を明かすことで、課題の本質を探り、組織に誠実に貢献できる人物像を伝えること

情報設計の工夫

• 「信頼」を可視化する逆時系列のキャリアパス

  • 多角的なバックグラウンドの論理的再構成：

    DTP・営業・事務・新聞奨学生・ファーストフード・特例子会社での実務など、一見異なる領域の経験が、現在の「多角的な問題解決力」の源泉であることを論理的に構成

  • 成長と安定性の提示：

    単なる職歴の羅列を避け、各フェーズでの経験がどのように現在の専門性に結びついているかを明示。訪問者が「高田麻衣」という人物の成長軌跡と、実務における安定性を確信できるよう設計
• 運用の自動化と実用性の追求

  • 実務に即した自動化フローの構築：

    お問い合わせフォームからNotion API、さらにOutlook転送へ至る自動連携フローを独自実装。Webサイトを単なる「展示品」に留めず、実際の「業務ツール」として機能するよう設計

  • 技術力と現場感覚の両立：

    「制作して終わり」ではなく、その後の運用フェーズにおける実務効率までを設計範囲と定義。バックエンドへの理解と、現場の課題を仕組みで解決する「実務直結型の視点」を提示
• 専門性と人間性の相乗効果（Blogの活用）

  • 「動的」なアウトプットによる信頼構築：

    「Works」で実績としての技術力を示し、「Blog」で日々の試行錯誤や最新技術への探求心を可視化。静的な実績集では伝わりにくい「思考のプロセス」を補完

  • 入社後の貢献イメージの提示：

    継続的な学習習慣とアウトプットの質を提示することで、入社後の自走力や「技術を言語化して共有できる能力」を証明。採用側が将来の成長性を確信できる情報設計を行う

サイト全体