Portfolio
M.O

M.O

Web Designer & Coder

Web制作・UI改善・WordPressを中心に、
小規模サイト制作から制作フロー整理まで
対応しています。

About

10年以上の実務経験を持つWebデザイナー・コーダーです。

ゲーム会社でQAテスターとして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

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

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

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

Snow Flora

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

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

非公開実績

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

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

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

Writing

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

GitHubリポジトリTransfer検証

別アカウントへのリポジトリ移管をテストし、Transfer後に元アカウントがcollaboratorとして残る挙動を整理した作業メモです。

GitHub 作業メモ トラブルシュート
READ MORE

Dify APIキー再発行とBitwarden整理

DifyアプリのAPIキーを再発行し、Bitwardenへ安全に整理した作業ログです。APIキー管理の見直しとしてまとめました。

Dify Bitwarden セキュリティ
READ MORE

Docker・ローカル環境構築メモ

Dockerやローカル開発環境で詰まったこと、調べたこと、解決までの流れを再現しやすい形で整理しています。

Docker 環境構築 検証ログ
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利用範囲や学習データ利用の可否については、必要に応じて事前に確認し、案件内容に応じた適切な方法で対応します。