Web制作と運用改善を、デザインから実装まで。
フロントエンド開発からSEO対策まで一貫対応。実務で培った“運用できる”UI設計と実装で、成果に繋がるサイトを作ります。
Projects
実務で関わった制作・改修の一部を抜粋して掲載しています。
TS Portfolio
Next.js 16 + Tailwind CSS v4 + TypeScriptで構築したポートフォリオサイト。
モダンな技術スタックとレスポンシブデザイン、SEO最適化を実装。
Next.js 16 (App Router) + React 19 + TypeScriptによるフルスタック開発
Vercelへの自動デプロイ環境構築とCI/CD設定
Google Analytics 4統合と構造化データ実装
菅原丈寛税理士事務所
税理士事務所の公式ウェブサイトを、打ち合わせから設計・開発・デプロイ・保守まで一人で完結。
クライアントとの打ち合わせ〜要件定義〜設計〜開発〜デプロイ〜保守まで全工程を単独で完遂
Next.js 16 App Router + React 19による高速なウェブサイト構築
構造化データ(LocalBusiness)とsitemap.xmlによるSEO最適化
Google Analytics 4統合・Vercelデプロイ・継続的な運用保守
Sanpo Navi
WordPressとACFを用いて、産業医向け求人サイトを構築。
管理者が扱いやすい管理画面設計から、条件による絞り込み検索、応募完了までの導線設計・実装を担当。
WordPressテーマの継続的な改修・改善
Figmaデザインをもとにしたコーディング
Gitを使ったチーム開発・ブランチ運用
健康経営トータルサポート
WordPressとACFを用いて、FAQ(よくある質問)セクションを構築。
リピーターフィールドを活用し、更新・管理しやすい管理画面設計を工夫しました。
PageSpeed Insightsをもとにしたパフォーマンス改善を実施。
新規ランディングページの設計・制作を担当。
FAQの情報設計と運用しやすい更新導線を整備。
Re-well
FigmaのDevモードを活用し、新規ランディングページを複数制作。
デザイン意図を正確に汲み取り、実装を前提とした構成・UI設計を担当。
PageSpeed Insightsをもとにしたパフォーマンス改善を実施。
新規ランディングページの設計・制作を担当。
zen place コーポレートサイト
Next.js(App Router)大規模サイトの運用 × SEO改善 × Figma再現。
Ptエンジンを用いたABテストを通じて、CVR改善を目的としたUI／コンテンツの検証・効果測定を実施。
ページ特性に応じて構造化データを動的・静的に出し分け、SEOを意識したスキーマ設計・実装を担当。
新規ランディングページの設計・制作を担当。
zen place ピラティス教育サイト
Next.js(App Router)大規模サイトの運用 × SEO改善 × Figma再現。
ページ特性に応じて構造化データを動的・静的に出し分け、SEOを意識したスキーマ設計・実装を担当。
新規ランディングページの設計・制作を担当。
Vercelホスティングで高速表示を実現。
zen place ヨガ教育サイト
Next.js(App Router)大規模サイトの運用 × SEO改善 × Figma再現。
ページ特性に応じて構造化データを動的・静的に出し分け、SEOを意識したスキーマ設計・実装を担当。
新規ランディングページの設計・制作を担当。
Vercelホスティングで高速表示を実現。
株式会社パストラーレ
PHP出力系ライブラリ（FPDF／TCPDF／PhpSpreadsheet）を用いた帳票出力機能の実装
全127テーブルのDB構造を理解し、要件に応じて最適な形でのSQL構築・データ加工を実施。
帳票種別は100パターンを超え、要望に応じて個別出力やレイアウト調整にも柔軟に対応。
出力速度や安定性にも配慮し、運用に耐える堅牢な処理設計を行った。
インテスジャパン株式会社
要件定義から保守運用まで、WordPress を軸にワンストップ対応
レガシーなWordPress開発環境をDocker化し、モダンな開発基盤を構築。
GitHub Actionsを用いたCI/CD（自動デプロイ）を個人で設計・実装。
開発効率向上を目的としたDX改善（Sass／BrowserSync／Prettier）。
作業履歴の可視化を目的とした業務自動化の仕組みを構築。
Past Works
10年以上前に制作した実績の一部です。
Past Works
10年以上前に制作した実績の一部です。
TBI×BORUTO
TBI×NARUTO
TBI×東京喰種
TBI×おそ松さん
Tools & Workflow
日々の開発から運用・改善までを支える、実務で使用してきたツールとワークフローをまとめています。
Tools & Workflow
日々の開発から運用・改善までを支える、実務で使用してきたツールとワークフローをまとめています。
開発環境・ツール
Git・GitHub・Docker
VSCode・XAMPP・MAMPP・Local・Prepros・A5:SQL Mk-2
GitHubActions・Jenkins・Vercel
GitHub Copilot・Google Gemini・ChatGPT
Webマーケティング・解析
SEO／SEM設計・施策立案
Google Analytics・Search Console
PageSpeed Insights
プロジェクト管理ツール
Backlog・Redmine・Asana
Notion・Excel・Google Workspace
Slack・Teams・Mattermost
Figma
Contact
お仕事のご相談やお問い合わせは、以下のフォームまたはメールでお気軽にご連絡ください。