株式会社Phoxter 様
事業と企業の強みを伝えるコーポレートサイト
外観検査・搬送自動化ソリューションを展開するPhoxter様の課題は、決裁者・潜在取引先・求職者に必要な情報を届け、社内で更新し続けられるサイトにすることでした。全25ページ、CMS5種の構成をStudioで制作し、2026年3月末に公開しました。
https://www.phoxter.co.jp/対象と担当範囲
- クライアント:株式会社Phoxter 様
- 業種:製造業向けITソリューション(外観検査・搬送自動化システム)
- 従業員数:約53〜70名
- エリア:大阪府(豊中市)
- 制作物:コーポレートサイトリニューアル制作
- 規模:TOPを含む全25ページ、CMS5種(製品・事例・ニュース・コラム・インタビュー)
- 期間:約3〜4か月
- 担当範囲:要件定義・ペルソナ設計・情報設計・UI/UXデザイン・Studio実装・コンテンツ移行・内製化サポート・QA・公開
導入前の状態
外観検査・搬送自動化ソリューションを展開するPhoxter様では、事業の拡大に伴い、Webサイトを営業・広報の基盤として強化することが次の課題でした。競合他社と比べても遜色のない情報量を掲載し、重要なコンテンツへの導線を整理して、サイト流入をリード獲得や採用応募へつなげる体制が求められていました。
また、限られた社内リソースの中で、サイトを継続して運用・更新できる環境も必要でした。
選んだ方法と理由
リニューアルの手段としてWordPressやスクラッチ開発も検討しましたが、ユルリカが優先したのは、Phoxter様ご自身で継続して運用できる基盤づくりです。サーバー保守やコーディング知識への依存を減らし、初期・運用コストを抑えて社内でコンテンツを拡充できるよう、ノーコードツール「Studio」の導入をご提案しました。
あわせて、ニーズの異なる3つのターゲットを起点に情報設計を組み直しました。
- 決裁者(購買・生産部門統括)
- 潜在取引先(情報収集担当者)
- 求職者(キャリア志向)
各ターゲットが求める情報として、導入事例、コラム、採用情報などを体系的に拡充する構成を作成しました。
実際の画面や処理
STEP 1:要件定義・ペルソナ設計・情報設計
3つのターゲットそれぞれの情報収集行動を整理し、全25ページとCMS5種の構成を設計しました。グローバルナビゲーション、CTA、パンくずリストなどの導線も読み手の視点で整理しています。
STEP 2:デザイン・Studio実装
コーポレートカラーの黒を基調に、要所でオレンジをアクセントにしたデザインに仕上げました。
お客様から評価いただいた点として、工場俯瞰図とハーフモーダルを組み合わせた表現があります。
ソリューションを直感的に理解してもらうための表現で、Studioでの実装方法をユルリカからご提案しました。レスポンシブ対応も行っています。
STEP 3:内製化サポート・QA・公開
公開後の運用に向けてCMSの運用レクチャー会を実施し、専用のマニュアルを作成しました。ドメイン・サーバー移管もサポートし、仕様書に基づいて市場シェア8割の端末・ブラウザ環境でQA(品質保証)を実施したうえで、2026年3月末に公開しました。
お客様の声
「Studioでどこまで表現できるか不安でしたが、その懸念を取り払っていただきました。希望した工場俯瞰図とハーフモーダルを組み合わせたギミックにも、ツールの制約を感じさせずポジティブで具体的なご提案をいただき、予算を抑えながらデザインと機能性を両立したサイトになり、満足しています。」
— 株式会社Phoxter 漆谷 真理子様




