PROJECT-01 Corporate Website Renewal
企業サイトおよびECサイトのフルリニューアル
WordPress / WooCommerceを用いたサイト再構築を担当。
静的HTML運用からの移行を行い、EC機能の強化および運用効率の改善を実施。
OVERVIEW
プロジェクト概要
静的HTMLで運用されていた企業サイトを、WordPress / WooCommerce で再構築。
更新性を上げつつ、EC機能の拡張と運用負荷の軽減を目的に、情報設計 – 実装 – 公開後の改善まで対応。
PROJECT DETAILS
プロジェクト詳細
静的HTMLで運用されていた企業サイトを、WordPress / WooCommerce で再構築。
更新性を上げつつ、EC機能の拡張と運用負荷の軽減を目的に、情報設計 – 実装 – 公開後の改善まで対応。
- 更新しやすい運用に切り替える（内製で回せる状態にする）
- 商品・カテゴリが増えても破綻しない構造にする
- 表示速度と安定運用（アクセス増でも崩れにくく）
- 静的運用で更新が属人化しやすい
- 商品点数・カテゴリが多く、整理しないと探しにくい
- 公開後の修正が反映されづらく、確認に手戻りが出やすい
- 要件整理 / 情報設計（ページ構成・導線）
- デザイン（UI設計・トーン整理）
- WordPress構築（テーマ運用前提の組み立て）
- WooCommerce設定（商品構造・カテゴリ設計）
- SEO初期設定 / 計測導入（運用できる形に整備）
- 引継ぎ用の手順書作成（後任者が迷わない形）
- Period：XXXX年XX月〜XXXX年XX月（約Xヶ月）
- Team：X名（企画/営業/制作 など）
- Tools：WordPress / WooCommerce / Astra / Elementor / ACF /Rank Math / GA4 / Search Console
PROCESS
制作プロセス
既存の静的HTMLサイトを分析し、ページ構造・導線・カテゴリ構成を洗い出し。商品点数の増加に耐えられる構造へ再設計を行った。
- 重複コンテンツの整理と階層の再定義
- 商品カテゴリ / サブカテゴリ構造の再設計
- グローバルナビゲーションの見直し
- 更新頻度の高いページをテンプレート化し運用を標準化
「増えても破綻しない構造」を意識して設計。
保守性を重視し、テーマ機能を前提とした構築を実施。
情報を構造化し、運用者が迷わない設計を意識。
- テーマビルダーによるアーカイブ / シングルテンプレート構築
- WooCommerce商品テンプレート設計
- カスタムフィールドによる情報整理
- SEO初期設定（メタ情報整理 / 計測導入）
属人化しない仕組みづくりを重視。
商品一括公開後にアクセスが集中し、一時的に表示遅延・接続エラーが発生。原因を分析し、負荷分散と安定化対策を実施。
- キャッシュ設計の導入 / 再構築
- CSS / JS最適化
商品公開タイミング - 分散運用設計
- レイアウト崩れ時の確認 / 復旧フロー整備
トラブル発生後の改善を通じて、安定運用体制を構築。
公開後の更新作業を標準化し、再現性を担保。
- 商品登録 / 更新手順書作成
- キャッシュ更新手順の明文化
- レイアウト崩れ時の対処手順整理
- サブスクリプション管理一覧作成
後任者が迷わず運用できる状態まで整備。
RESULT
成果
HTMLでのページ更新を廃止し、WordPressに統一。
カテゴリごとのテンプレートを構築し、記事追加のみで更新可能な仕組みを実現。
あわせてレスポンシブ対応を行い、更新性と可読性を両立したサイト構造を構築。
Before
HTML更新で属人化
After
WordPressで更新可能に
成果
更新工数削減 / 運用内製化
WooCommerceを導入し、商品登録 – 公開までを一元化。
従来メール・電話で対応していた受発注をオンライン化し、公開作業の効率化と再現性のある運用体制を確立。
Before
メール・電話対応
After
EC化でオンライン化
成果
対応工数削減 / 業務効率化
各部署へヒアリングを実施し、事業内容を再整理。
従来十分に訴求できていなかった部門情報を明確化し、ライトアップの事業全体像が伝わる情報設計を実現。
Before
情報が分散
After
構造整理・導線改善
成果
ユーザー理解向上
©2026 Yuko Kimura