Portfolio

About

10年以上の実務経験を持つWebデザイナー／デベロッパーです。

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

雑誌コンテンツの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 レスポンシブ

非公開実績

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

  • 大学病院、幼稚園、整体院（医療・教育）
  • 通信キャリア、製造業コーポレート（製造・インフラ）
  • 化粧品メーカー、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
  • WordPress（小規模サイト制作・カスタマイズ）
  • Git / GitHub
  • Photoshop / Illustrator / Premiere / Figma
  • SEO対策 / Google Analytics / Google Tag Manager
  • 生成AIを活用した業務効率化
  • AI画像生成・編集ツール（Adobe Firefly）

経験領域

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

付帯スキル

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

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

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