Portfolio

About

Web制作・運用を軸に、企業での実務と個人事業を両立してきたWebデザイナー／デベロッパーです。
デザインからコーディング、公開後の運用まで一貫して対応しています。

ゲーム業界でのUI/UX検証を経て、制作会社でデザインとコーディングを担当。その後、業務委託でWebマーケティングやSEOの知識を深めました。派遣社員として企業サイトの制作・運用に携わりながら、個人事業主としての活動を8年継続しています。

雑誌コンテンツのWeb化やWordPressを活用した小規模サイト制作を中心に、基本的なSEOを意識したコーディング、Google Analytics・Google Tag Managerを用いた計測設定、運用補助まで対応しています。本業のスケジュールを織り込んだ現実的な納期設定を行うため、進行の見通しを事前にお伝えできます。

また、複数のAI支援ツールを制作パートナーとして活用し、コード確認、バグ発見、UI/UX改善案の検討など、効率と品質の両立を意識した制作を行っています。

Works

公開可能な制作実績と、個人制作・技術検証サイトを掲載しています。
守秘義務のある案件については、下部に概要をまとめています。

ほほえみの里

ほほえみの里｜金沢町

施設紹介サイトの制作

HTML CSS JavaScript レスポンシブ
Data-Driven SEO / Analytics / Speed

デジタルマーケティング会社｜計測にもとづくサイト改善

GA・GSCを用いたWebサイト運用（4年間）、セミナーLP・バナー作成、SEO改善、構造化データ対応

非公開実績 GA / GSC 構造化データ SEO
Beauty / EC LP / Banner / Product Image

美容・化粧品業界｜EC / LP制作

ECサイト更新、キャンペーンLP、バナー・商品画像制作

非公開実績 EC運用 LP制作 バナー制作 Photoshop
Internal Tool Chatbot / Manual / Improvement

通信関連企業｜社内業務支援ツールの立ち上げ

社内向けチャットボットとイントラネットサイトの制作

非公開実績 チャットボット 業務改善 マニュアル作成
Job Board

Job Board

架空の求人検索サイトの制作

架空サイト 非クライアントワーク React TypeScript React Router Vite Google Apps Script レスポンシブ
Snow Flora

Snow Flora

架空のジュエリーサイトの制作

架空サイト 非クライアントワーク HTML CSS JavaScript Adobe Firefly レスポンシブ
m-web-tools

m-web-tools

自作Webツールポータルの制作

自作ツール 非クライアントワーク HTML CSS JavaScript Canvas API Cloudflare Pages レスポンシブ

非公開実績

守秘義務により詳細は掲載できませんが、以下のような案件を担当しています。

  • 大学病院、幼稚園、整体院（医療・教育）
  • 通信キャリア、製造業コーポレート（製造・インフラ）
  • 化粧品メーカー、ECサイト、雑誌Webメディア、人材会社

セキュリティ要件の厳しい環境や、著名人を起用した制作など、制約のある現場での経験があります。

Visual Design

Web広告・バナー・印刷物など、媒体に合わせたビジュアル制作を掲載しています。

Snow Flora バナー・ポストカード制作

Banner / OGP / Print

Snow Flora

架空のジュエリーブランドLPをもとに、 Web広告と紙媒体へビジュアルを展開しました。

架空プロジェクト Photoshop Illustrator Banner Print
VIEW MORE

Writing

制作環境の安全化、AI活用、Docker、GitHubなど、実際に試した内容を実践記録としてまとめています。

GitHub PagesからCloudflare Pagesへ移行

非公開リポジトリとCloudflare Pagesを連携し、ソースコード管理とサイト公開を分離した実践記録です。

GitHub Cloudflare Git
READ MORE

FastAPI中継を司令塔構成へ整理

Dify接続処理をConnectorへ分離し、動的ルーティングと一覧APIを追加した構成変更の記録です。

FastAPI Docker Dify
READ MORE

Dify APIキー再発行とBitwarden整理

DifyアプリのAPIキーを再発行し、Bitwardenで安全に管理する体制へ整理した記録です。

Dify Bitwarden セキュリティ
READ MORE
Go to Zenn

Skills

技術スキル

  • HTML / CSS / JavaScript
  • React / TypeScript（個人制作で使用）
  • WordPress（小規模サイト制作・カスタマイズ）
  • Git / GitHub
  • Photoshop / Illustrator / Premiere / Figma
  • SEO対策 / Google Analytics / Google Tag Manager
  • 生成AIを活用した業務効率化
  • AI画像生成・編集ツール（Adobe Firefly）

経験領域

  • コーポレートサイト制作・運用
  • LP制作・ECサイト管理
  • バナー制作（広告用含む）
  • 印刷物デザイン（チラシ・名刺等）
  • 雑誌コンテンツのWeb化

付帯スキル

  • クライアント折衝・調整
  • 新人教育・マニュアル作成

AI活用と著作権に関する方針

制作効率化や品質向上のため、AI支援ツールを活用することがあります。
AIを使用する際は、クライアントの権利保護、機密情報の管理、著作権・各種利用規約の遵守を徹底します。成果物へのAI利用範囲や学習データ利用の可否については、必要に応じて事前に確認し、案件内容に応じた適切な方法で対応します。