制作事例の解説 — WordPress

商品が多いほど価値が出る、
条件で絞り込めるWordPressサイト。

商品が100点を超えると、一覧を並べるだけのサイトは使われなくなります。ここでは、実際に動くデモを見ていただきながら、どう作るのか・どれくらいかかるのか・いくらかかるのかを、包み隠さずご説明します。

60掲載製品
4軸26分類絞り込みの切り口
0外部ライブラリ
6〜8週同等構成の制作期間

01 — このデモについて

架空の医療機器メーカーのカタログサイトです

「メディックス精機株式会社」は実在しません。掲載している60製品・型式・承認番号もすべて架空です。実在の企業や製品を使わずに、WordPressで何ができるかだけをお見せするために作りました。

題材に医療機器を選んだのは、互いに独立した分類軸が自然に4本立つためです。製品の種類・法令上のクラス分類・設置する場所・対応する診療科は、どれも他の3つから決まりません。軸が1本しかない商材では、絞り込みを作っても結局「カテゴリ一覧」にしかならず、仕組みの良し悪しが見えません。

既製のテーマも、有料の検索プラグインも使っていません。テーマとプラグインを1本ずつ、この用途のために書いています。既製品の組み合わせでは、項目を1つ増やすたびに設定画面を探すことになり、結局「テンプレートでできる範囲」がサイトの上限になってしまうためです。

02 — できること

条件を足すたびに、その場で件数が変わります

絞り込み中の製品一覧
「高度管理医療機器(クラスIII)」と「ICU・HCU」を選んだ状態。左側の数字は、いま選んでいる条件のまま、その項目を足したら何件になるかを表しています。0件の項目は灰色になるので、選んでから空振りすることがありません。

気になった製品は、そのまま並べて比べられます

3製品の仕様比較表
3製品を選んで比較表を開いたところ。承認番号の呼び名は、クラス分類によって「製造販売届出番号/認証番号/承認番号」と変わります。こうした業種ごとの決まりごとは、一律に扱うとその業界の方には一目で分かってしまいます。

該当が無いときこそ、次の一手を出します

0件のときの代替候補
条件が厳しすぎて0件になった画面。「設置場所の条件を外すと8件」「製品カテゴリの条件を外すと11件」と、実際の件数を添えて提示します。絞り込みの出来は、当たったときではなく外れたときに出ます。

03 — 作り方

7つの工程で進めます

どの工程で何ができあがるかを、着手前にはっきりさせます。「作業中」のまま何週間も過ぎることがないようにするためです。

工程 やること できあがるもの
0 サーバーとWordPressの用意 検索エンジンから隔離した検証環境
1 分類軸・項目・URLの設計、掲載する商品の洗い出し 設計書(ここでご確認をいただきます
2 データを持つ部分の実装。商品の種類・分類・仕様項目・管理画面 専用プラグイン1本
3 商品データの投入。手入力ではなくスクリプトで流し込む 商品データ+投入スクリプト(納品対象)
4 デザインと絞り込み本体・比較表の実装 オリジナルテーマ1本
5 会社概要・サポート・資料請求など周辺ページ サイト全体
6 検収・修正・公開 公開済みサイト+更新マニュアル

※ 商品データはスクリプトで投入します。60件でも600件でも作業量がほとんど変わらず、あとから項目を足したくなったときも一括で入れ直せるためです。このスクリプトも納品対象です。

制作期間の目安

このデモと同等の構成で 6〜8週間。お客様にご判断をいただく場面は3回です。

時期 こちらの作業 お客様にお願いすること
1〜2週目 ヒアリング・分類軸の設計 現在の商品分類・カタログ・在庫表のご共有
2週目 情報設計の確定 設計書のご確認(判断①)
3〜4週目 データ層と管理画面の実装 商品データの形式のすり合わせ
4〜5週目 デザイン・テーマ実装 デザインのご確認(判断②)
5〜6週目 絞り込み・比較表の実装
6〜7週目 データ投入・スマートフォン調整 実データのご提供
7〜8週目 修正・公開作業 検収(判断③)

※ 商品点数が1,000点を超える場合、既存システムからのデータ取り込みが必要な場合は、上記に2〜6週間を加えてお見積りします。

04 — 費用

作る範囲によって3通りです

いずれも税抜の目安です。正式なお見積りは、無料のヒアリング(30分〜1時間)のあと2〜5営業日でお出しします。

機能の追加だけ

¥180,000

いまのサイトはそのまま。3〜4週間

  • 既存のWordPressに絞り込みを組み込み
  • 分類2軸まで/商品100点まで
  • デザインは現在のテーマに合わせます
  • データ投入スクリプト付き
このデモと同じ構成

サイト一式

¥480,000

設計から公開まで。6〜8週間

  • オリジナルテーマ+専用プラグイン
  • 分類4軸まで/商品300点まで
  • 比較表・条件付きURL・0件時の代替提示
  • 会社概要など周辺ページ一式
  • 更新マニュアル/公開後1か月の軽微な修正

大規模・外部連携あり

¥800,000

基幹システムと繋ぐ場合。3〜4か月

  • 商品1,000点以上
  • CSV・基幹システムからの自動取り込み
  • 取引先ごとの価格・在庫の出し分け
  • 多言語対応

別途になるもの

項目 費用 備考
データ投入代行 100点まで ¥40,000 CSVまたは既存カタログのデータをいただける場合
説明文の作成込み 1点 ¥1,200 仕様表からの紹介文作成を含む場合
写真の撮影・手配 都度お見積り 商品写真がお手元に無い場合
公開後の保守・更新 ¥30,000/月 〜 月単位。最低契約期間はありません

※ お支払いは着手時50%・公開時50%の2回払いです。
※ 上記を超える追加のご要望は、着手前に必ずお見積りをお出ししてから対応します。気づいたら費用が増えていた、ということがないようにしています。

05 — 中身について

このデモで、はっきりお約束できること

※ 掲載している写真はすべてイメージです。デモサイトのため医療機器の実機写真は使用できず、製品とは関係のないサンプル画像(Unsplash 無料ライセンス)を掲載しています。
※ このデモは検索エンジンに登録していません。架空の医療機器情報が検索結果に出ることを避けるためです。

まずは「うちの商品でできるか」からご相談ください

商品の点数と、いま使っている分類の考え方をお聞かせいただければ、絞り込みの軸が何本立つか、費用がどのあたりに収まるかを、その場でお答えします。ご相談だけでもかまいません。