化粧品原料・医薬部外品原料
株式会社JTS 様 ／ ホームページ リニューアル（静的HTML → WordPress）
原料を1点ずつ探せるBtoBサイト
トレハロース、フコイダン、日本酒由来成分、ナールスゲンなど、独自性の高い化粧品原料・医薬部外品原料を企画・開発・販売される株式会社JTS様のホームページを、静的HTMLからWordPressへリニューアルしました。
戦略設計から情報設計、UI・UXデザイン、ワイヤーフレーム、WordPressでの構築、多言語対応、旧URLからの301リダイレクトまでを担当しました。公開後の保守も継続しています。
公開時点で、原料は57点、開発秘話は5本、コラムは10本が並んでいます。
- CLIENT
- 株式会社JTS 様
- INDUSTRY
- 化粧品原料・医薬部外品原料の企画開発・販売
- AREA
- 大阪府大阪市
- RELEASE
- 2026年4月
- SCOPE
- 戦略設計／情報設計（IA）／UI・UXデザイン／ワイヤーフレーム／WordPress構築／多言語対応／旧URLからの301リダイレクト／公開後の保守
- SPECIFICATION
- WordPress／原料のカスタム投稿と検索／お気に入り保存／開発秘話／コラム／取扱メーカー一覧／URL正規化
原料1点ごとに1ページの検索データベース
旧サイトは静的HTMLで、原料を1点足すたびに手間がかかる作りでした。点数が多い商材で、これは致命的です。
原料1点ずつが固有のURLを持つデータベースに作り替え、用途や機能で絞り込めるようにしました。あわせて複数の原料を並行して検討できるよう、お気に入りに保存できる機能も付けています。
スマートフォンでの見え方
研究開発や調達の担当者も、移動中や出先で下調べをします。原料の一覧も開発秘話も、縦画面で読める形にしました。
設計のポイント
原料を絞り込める素材図鑑
原料1点ごとにページを持たせ、用途や機能のタグで絞り込めるようにしました。品名で探す方にも、条件から探す方にも、同じ一覧が使えます。
原料を一覧できる素材図鑑のページ
複数の原料を並べて検討する機能
BtoBの原料選びでは、候補をいくつか手元に置いて比べます。気になった原料をお気に入りに保存でき、後から見返せるようにしました。
開発の背景を読ませるページ
原料が生まれた背景や、裏づけとなる考え方を「開発秘話」として独立させました。スペック表だけでは伝わらない部分が、指名で選ばれる理由になります。
開発秘話のページ
検索から入ってくるためのコラム
原料名を知らない段階で調べている方に向けて、コラムを置く場所を用意しました。取引の始まりが検索であることは、この領域でも変わりません。
コラムの一覧ページ
URLの整理と引き継ぎ
旧サイトは /ja/ 配下と .html が混在していました。ルートURLに統一したうえで、旧URLからは301リダイレクトを設定し、それまでの評価を新しいサイトへ引き継いでいます。
海外からの問い合わせを想定した多言語対応
海外メーカーとの取引を想定し、多言語で読める状態にしました。日本語だけで閉じないことを、設計の前提に入れています。
同じ業種のホームページ制作をご検討の方へ
この事例のような、集客まで見据えたホームページ制作やリニューアルをお考えでしたら、まずは今のサイトを見せてください。URLをお送りいただくだけで、直すべき3点と直した後の見込み、競合3社との比較を、3営業日以内に診断レポート（PDF）でお返しします。費用はかかりません。