製造業 B2B
サイト・パンフレット リニューアル

10年ものの HTML から Next.js へ。企業の信頼感を大幅向上。

旧サイト(HTML・古い)

問い合わせ窓口なし

新サイト(Next.js・高速)

営業ツールに進化

課題・背景

福岡の精密機械部品メーカー。自動車・医療機器メーカーなどの BtoB 営業が中心で、従業員15名。技術力は高いが、営業活動が「飛び込み営業」と「既存顧客との口コミ」に頼っていた。

ホームページは 2014年に制作された HTML ベースの静的サイト。問い合わせフォームもなく、営業資料は「手書きテキスト+ Photoshop で 10年前に作った画像」の混在状態。外部からの信頼度が全く可視化されていない。

業界では「社員数・保有機械・ISOなど」で企業を判定するため、こうした無機質な営業資料は むしろ「小さい会社」というネガティブな印象を与えていた。

Cross Beams の提案

B2B サイトは「会社の信用」を第一に考える。古い HTML ではなく、最新技術で「ちゃんとした会社」というメッセージを発信。同時に、営業資料としての機能を大幅強化。

  • Next.js での高速サイト構築 — 初回読み込み 0.5秒(旧サイト 3秒)
  • 問い合わせフォーム + 自動返信システム — 営業リード獲得の窓口確立
  • 実績ページ — 加工実績・導入企業を可視化
  • 会社案内パンフレット 24P — 営業訪問時・入札時の配布資料に
  • 技術ブログ立ち上げ — 「福岡 機械部品」などの検索流入を狙い
  • スマートフォン対応 — 営業先の取引先担当者が検索する際に対応

成果・結果

5件

月間問い合わせ(新規)

0→5件(初年度)

3位

検索順位向上

「福岡 機械部品」

+25%

入札案件増加

パンフレット配布効果

リニューアルから1年で、月間5件程度の新規問い合わせが発生。うち2件が実際の受注に繋がり、業界における認知が少しずつ上昇。

「福岡 機械部品」での検索順位が3位に上昇。営業担当が「うちのサイト見てくれましたか?」と営業先で言えるようになり、営業トークに説得力が出た。

24P のパンフレットは営業訪問・入札時の配布資料として活躍。「ちゃんとした会社」というメッセージが伝わるようになり、提案の信頼度が向上。従来よりも大型案件への応札が増えた。

制作物

  • Next.js 企業サイト — 高速・スマートフォン対応・最新標準準拠
  • 問い合わせフォーム + 自動返信 — Netlify Forms 連携、24時間対応
  • 実績ギャラリー — 加工実績・導入企業事例
  • 会社案内パンフレット 24P — PDF ダウンロード + 印刷配布
  • 技術ブログ — SEO最適化、月2本更新
  • OGP・構造化データ — Google 検索での見え方最適化

B2B サイトを営業ツールに変えたい

古いサイトから脱却。信頼度の高い営業基盤を作りましょう。

無料相談を申し込む

他の制作事例