制作前の課題
前任の制作会社に高額な保守費用を払い続けているにも関わらず、更新もサポートもほとんど受けられていない状態でした。
- 情報が古い:掲載内容が長年更新されておらず、現状を正確に伝えられていない
- ビジュアルが悪い:古い写真のまま使い続けており、会社の実力が伝わらない
- 自分で更新できない:CMSが使えず、変更のたびに制作会社に依頼が必要
- 問い合わせフォームがない:Webからの問い合わせ経路が存在しない
- 保守費用が高い割にサポートがない:コストパフォーマンスが著しく低い状態
制作の目的
第一の目標は、サイトからの問い合わせ獲得と案件獲得。合わせて、製造業としての信頼性と技術力を正確に伝えるサイトへの刷新です。
また、採用にも課題を抱えていましたが、採用に特化したページを同一サイト内に充実させると設計がブレるという判断から、外部採用サービス(エンゲージ)の活用を提案。使い方をレクチャーした上で、HP内にエンゲージサイトへのリンクバナーを設置する形で採用課題にも対応しました。
制作内容
ページ構成
| ページ | 形式 | 役割 |
|---|---|---|
| トップ | 固定ページ | 会社の印象・技術力の訴求 |
| 製品情報 | 投稿型コンテンツ | 製品ラインナップの掲載・SEO |
| 私たちの強み | 固定ページ | サービス・技術の詳細訴求 |
| お知らせ | 投稿型コンテンツ | 情報発信・SEO強化 |
| 会社情報 | 固定ページ | 企業の信頼性・透明性の担保 |
| お問い合わせ | 固定ページ | 問い合わせ経路の新設 |
採用課題への対応
採用ページを自社サイト内に作るのではなく、外部サービス「エンゲージ」を活用するハイブリッド設計を提案。制作コストを抑えながら採用課題にも対応しています。
工夫したポイント
多品種の製品情報をスッキリ見せるUI設計
製品数が非常に多く、同一製品のサイズ違いなどバリエーションも豊富なため、表示方法を工夫しました。同じ製品のバリエーションは差分情報だけを1ページ内で表示し、写真はモーダルで拡大表示できる設計にしています。情報量が多くてもページが煩雑にならない、まとまりのあるUIに仕上がりました。


全写真・動画を新規撮影
「新しい情報を掲載したい」というご要望の中に「写真」も含まれていたため、全ての写真を新たに撮り直しました。また、工場内の雰囲気や技術力を伝えるために動画も撮影し、トップページ中盤に大きく掲載しています。テキストでは伝わりにくい現場の質感・規模感を、映像で直接伝える設計です。

さりげない動きで「気の利いたサイト」に
全体のデザインはシンプルに抑えつつ、見出しやセクションの出現アニメーションを実装することで、静的になりすぎない仕上がりにしています。動きがあることで、訪問者の印象に残るサイトになっています。


専門コラムによるニッチSEOとAI検索対応
製品や技術に関する専門性の高いコラム記事を定期的に発信しています。専門用語を含むニッチなキーワードでの検索上位表示を実現し、AI検索(ChatGPT・Perplexity等)での参照も確認されています。製造業という専門性の高さを逆手に取ったSEO戦略です。

制作期間
約3ヶ月(ヒアリング〜公開まで)
成果・反響
- 公開後、Webからの問い合わせが増加し、実際の案件獲得につながった
- 専門コラムがニッチキーワードで検索上位を獲得
- AI検索での参照も確認済み
まとめ
| 工夫したポイント | 内容 |
|---|---|
| 多品種製品のUI設計 | バリエーションを1ページ内で切り替え表示+モーダル拡大 |
| 全素材の新規制作 | 写真・動画をゼロから撮り直し、技術力を視覚で伝える |
| アニメーションの活用 | さりげない動きでデザインに気品と印象を加える |
| ニッチSEO+AI検索対応 | 専門コラムで検索上位獲得・AI参照も確認 |
| 採用課題の解決 | 外部サービス活用の提案でコストを抑えつつ採用にも対応 |