BtoB SaaSの
ホームページづくりは、
設計から支えるENVY DESIGNに
ご相談ください
ENVY DESIGNは、東京を拠点に14年間で500件以上のホームページを手がけてきた制作会社です。企画・情報設計からデザイン・コーディング・WordPress構築まで、内製率約90%の体制で一貫して対応します。
特徴は、SEOとAIO（AI検索最適化）を最初から設計に組み込むこと。自社サイトを実験環境として、AI検索経由の流入データを継続的に計測・公開しており、効果を確認できた施策だけをお客様のサイトに反映しています。
BtoB SaaSをはじめとする制作実績
創業14年・500件超の制作実績の中から、SaaSプロダクトのサービスサイト、海外プロダクトの日本語サイト、システムコンサルティング会社のコーポレートサイトなど、BtoB SaaS・システム分野の事例をご紹介します。
こんな課題はありませんか
-
英語版サイトを翻訳しただけで、日本の担当者に価値が伝わっていない
-
機能が多く階層が深いため、訪問者が目的のページにたどり着けない
-
技術の説明が中心で、導入すると何がどう良くなるのかが読み取れない
-
資料請求まで進んでも、社内で稟議を通すための材料が足りていない
-
扱う領域が広く、結局のところ何ができる会社なのかが伝わっていない
その課題、ENVY DESIGNのBtoB SaaS・システム会社向けホームページ制作で解決できます。
BtoB SaaSのホームページ制作費用
料金は、ページ数・デザイン・機能により変動します。ENVY DESIGNでは料金の内訳と考え方をすべて公開しています。
-
Base
ホームページ制作
66万円〜（税込）
- 企画・情報設計・ワイヤーフレーム作成
- デザイン（PC・スマートフォン）
- コーディング・表示/動作チェック
- 内部SEO・構造化データの基本実装
-
Option
更新機能（WordPress）構築
個別お見積り
- WordPress・ヘッドレスCMS等に対応
- 社内で更新できる管理画面の構築
- 操作方法のレクチャー
-
Support
SEO・AIO対策（継続支援）
10万円〜／月
- SEO対策コンサルティング
- AIO・GEO対策（AI検索最適化）
- 月次レポート＋定例ミーティング
- 参考価格は、10ページ前後のシンプルな構成を想定しています。更新機能（WordPressやヘッドレスCMSなど）は含まないベースの料金目安です。
- 撮影・原稿作成の代行などは内容に応じて個別にお見積りします。
- 詳しい内訳と見積シミュレーターは料金・費用ページで公開しています。
ホームページ制作の流れ
お問い合わせから公開までは、3か月前後が目安です。ページ数のほか、原稿や写真の準備状況、確認にかかる日数によっても前後します。
-
01
お問い合わせ
まずはお問い合わせフォームよりご連絡ください。担当者より2営業日以内にご連絡いたします。
-
02
ヒアリング
オンラインもしくは直接お会いして、制作・リニューアルに至った経緯、現在抱えている課題などをお伺いします。
-
03
お見積もり
ヒアリング内容をもとにお見積書を作成します。サイトマップや簡単なご提案が含まれる場合もあります。作成までには1週間ほどいただきます。
-
04
ご契約・制作スタート
ご契約書にて契約を締結します。電子契約にも対応しています。ご契約後から制作がスタートします。
-
05
情報設計・ワイヤーフレーム作成
サイトで達成したいゴールを設定したうえで、そこに至るまでの設計図（ワイヤーフレーム）を作成します。制作の核となる、最も打ち合わせの多い工程です。
-
06
デザイン制作
参考サイトを用いて全体のトーンを固め、トップページ→下層ページの順にデザインを確定します。PCとスマートフォンの2デバイス分を制作します。
-
07
コーディング
HTML・CSS・JavaScriptで実際に閲覧できる画面を構築します。構造化データ（JSON-LD）の実装、デバイス・ブラウザごとの表示チェックも行います。
-
08
更新機能（WordPress）構築
WordPressなどのCMSを用いて、お知らせや解決事例・コラムを社内で更新できる機能を付与します。
-
09
表示・動作チェック
動作確認・表示チェックを行い、更新機能の使い方もお客様と一緒に確認します。
-
10
納品・公開
テストで問題がなければ納品・公開となります。公開後の運用サポート（サーバー管理・更新代行・SEO/AIO支援）も承ります。
BtoB SaaSのサイトで成果を分けるのは、
「専門用語を課題の言葉に置き換える」設計です
BtoB SaaSのサイトには、機能が多く専門用語が避けられないという事情があります。そのまま並べると、訪問者は自社に関係があるかを判断できません。<br><br>これはSaaSに限った話ではありません。業務システムやクラウドサービス、システムインテグレーターや受託開発の会社でも、扱う領域が広いほど「何ができる会社か」が伝わりにくくなります。私たちが手がけたシステムコンサルティング会社のコーポレートサイトでも、製造・建設・施設運営という3つの軸に整理することで、事業の全体像が読み取れる構成にしました。<br><br>加えて、既存の英語版サイトがある海外プロダクトと、これから認知を作る国産プロダクトとでは、必要な作業が異なります。次の3点が設計の分かれ目になります。
-
01
海外プロダクトは、翻訳ではなく再設計になる
ENVY DESIGNでは、すでに英語版サイトが展開されているグローバルプロダクトについて、日本市場向けの日本語サイトを複数手がけてきました。いずれの案件でも共通していたのは、英語版の構成をそのまま日本語化しても伝わらない、という点です。
ワークプレイス管理のプロダクトでは、英語版が持つ2つのプロダクトラインとその下の階層をそのまま見せると複雑になるため、トップページを「なぜ必要か」という問いかけから始め、各ソリューションへ自然に誘導する流れに組み替えました。統合管理システムの案件では、英語版の3軸構成は活かしつつ、日本語として自然に読めるラベリングに一つひとつ見直しています。
- 英語版の情報構造のうち、活かす部分と組み替える部分を分ける
- ラベルは直訳ではなく、日本の担当者が使う言葉に置き換える
- 日本ではまだ馴染みの薄い概念は、必要性の説明から入る
建設現場向けのプロダクトでは、ターゲットのITリテラシーの幅が広いことをふまえ、機能の多さに圧倒されない設計を優先しました。「現場を歩くだけで記録できる」という体験価値をどう伝えるか、情報の優先順位を整理することに最も時間をかけています。プロダクト単位のサイトの考え方はサービスサイト制作にもまとめています。
-
02
技術の凄さではなく、導入後に何が変わるかを主役にする
技術系のプロダクトほど、仕組みの高度さを説明したくなります。ただ、検討している担当者が知りたいのは、自社の課題がどう解決するかです。
国産のAIプロダクトの案件では、高度なアルゴリズムに支えられた仕組みを持つプロダクトでしたが、サイトでは「導入で何がどれだけ良くなるのか」を主役に据えました。担当者が抱える具体的な悩みから始め、どう解決するのかを順に提示し、導入効果を数字とグラフで示す構成です。
BtoBでは、担当者が気に入っただけでは導入に至りません。社内で稟議を通すための材料が必要になります。効果を数値で示す、導入事例を載せる、料金と導入の流れを明示する。これらは装飾ではなく、意思決定のプロセスに必要な情報です。
-
03
階層が深いサイトほど、現在地が分かる設計が要る
機能やソリューションの数が多いプロダクトでは、サイトの階層が深くなります。この状態で回遊してもらうには、訪問者が今どこにいるのかを把握できることが前提になります。
ソリューション数の多い案件では、ナビゲーションの階層が深くなる構成だったため、どのページにいるかが分かる設計を重視しました。複数のプロダクトを扱う会社のコーポレートサイトでは、事業領域が広く「何の会社かパッと伝わらない」という課題があったため、サービスを3つの軸に整理し、それぞれのプロダクトサイトへ自然に誘導する構成にしています。
情報量を減らすのではなく、入口を整理する。これが階層の深いBtoBサイトで有効だと考えています。会社としての信頼性を伝える場の設計はコーポレートサイト制作もあわせてご覧ください。
BtoB SaaSのサイト制作でよくある失敗
制作のご相談を受ける中で、成果につながっていないサイトには共通するパターンが見られます。
- 英語版サイトを直訳しただけで、日本の担当者が使う言葉になっていない
- 機能の説明が並んでいるだけで、どの課題に効くのかが読み取れない
- ソリューションの数だけページがあり、階層が深く目的のページに届かない
- 資料請求のフォームはあるが、稟議に使える材料がサイト上にない
- 専門用語に説明がなく、決裁者が読んでも内容を判断できない
いずれも、デザインだけの問題ではなく、情報設計に関わる問題です。これらを見直すことで、検討している担当者が自社の課題との接点を見つけやすく、社内の合意形成まで進みやすいサイトに改善できます。
BtoB SaaSのサイトに必要なページ構成
| ページ | 目的 | 優先度 |
|---|---|---|
| トップページ | 何のプロダクトかを最初に伝える。機能一覧の前に必要性を置く | 高 |
| ソリューション・機能 | 課題別に整理する。機能名だけで並べない | 高 |
| 導入効果・実績 | 数値と事例。稟議で使われる中核の情報 | 高 |
| 料金・プラン | 予算の目安。個別見積もりでも考え方は示す | 高 |
| 導入の流れ | 検討から稼働までの期間と体制 | 高 |
| 資料請求・お問い合わせ | 検討段階に応じた複数の入口 | 高 |
| よくある質問 | セキュリティ・連携・サポート体制など | 中 |
| 導入事例（個別） | 同業種・同規模の事例があると判断が早まる | 中 |
この中で最も設計が分かれるのが、ソリューション・機能のページです
私たちがBtoB SaaSのサイトを設計する場合、機能ページに次の要素を揃えます。
- その機能が解決する課題（機能名ではなく、担当者が困っている状態から書く）
- 専門用語の初出時の説明（決裁者が読んでも分かる粒度で）
- 図解やスクリーンショット（テキストだけで伝わらない概念を視覚化する）
- 関連する他の機能への導線（階層が深いほど横のつながりが要る）
- 資料請求への導線（機能ページ単体で完結させない）
つまり機能ページは、仕様の一覧ではなく、担当者が自社の課題との接点を見つけるためのページとして設計します。
サイト制作と並行して整えたいプロダクト情報の発信先
AI検索では、公式サイトだけでなく、比較サイトやレビューサイト、導入事例の記事が参照されることがあります。BtoB SaaSは、検討時に複数の情報源が確認されやすい領域です。
| ランク | 施策 | 外部掲載料 | 補足 |
|---|---|---|---|
| S | 公式サイトでのプロダクト情報の整備（機能名・対応範囲の表記ゆれをなくす） | 無料 | 一次情報として最も参照される |
| S | 導入事例の継続的な公開 | 無料 | 同業種の事例は検討時に探される |
| A | SaaS比較・レビューサイトへの掲載情報の確認 | 無料／有料あり | 第三者ドメインでの言及。古い情報が残っていないか |
| A | グローバル本社サイトと日本語サイトの整合確認 | 無料 | 海外プロダクトの場合。機能追加が反映されているか |
| B | 展示会・セミナーの告知ページ | 有料の場合あり | リード獲得と第三者サイトでの言及を兼ねる |
| B | PR TIMESでのプレスリリース | 有料（料金は公式サイトを確認） | 新機能・導入実績の発信に |
プロダクトの機能追加や名称変更があった場合、公式サイトだけでなく比較サイト側の情報も古いまま残ることがあります。定期的な確認をおすすめします。
ENVY DESIGNの観察：
AIはプロダクト情報をどこから参照するのか
私たちは自社サイトを実験環境として、AI検索が企業やサービスをどのような情報から認識するのかを継続的に観察しています。
その中で確認しているのが、同じ対象について質問しても、利用するAIによって参照される情報が異なるケースがあることです。自社サイトの情報が強く反映される場合もあれば、ポータルサイトや第三者メディアなど、外部の情報が回答の根拠として使われる場合もあります。
これは自社サイトを中心とした限られた観察であり、AIごとの一般的な性質を示すものではありません。ただ、BtoB SaaSに置き換えて考えると、比較サイトやレビューサイトに情報が蓄積されやすい点はこの分野の特徴だと言えます。公式サイトの記載が最も新しく正確な状態になっているかは、確認しておく価値があると考えています。
BtoB SaaSのホームページ制作でよくある質問
- BtoB SaaSのサイト制作費用の相場はどれくらいですか？
- ENVY DESIGNでは10ページ66万円（税込）からお受けしています。機能やソリューションの数、多言語対応の有無、図解や動画の制作範囲などで変動するため、プロダクトの状況に合わせてお見積もりします。詳しい内訳は料金ページで公開しています。
- 英語版のサイトがある場合、翻訳だけをお願いすることもできますか？
- 翻訳のみのご依頼も可能ですが、そのまま日本語にすると伝わりにくくなる場合があります。海外プロダクトの日本語サイトを手がけた経験では、英語版の情報構造のうち活かす部分と組み替える部分を分けたうえで、日本の担当者が使う言葉に置き換える作業が中心になりました。まずは現状の英語版を拝見して、どこまで再設計が必要かをご相談する形をおすすめしています。
- 専門用語が多いプロダクトですが、原稿はどう進めますか？
- 専門的な内容の正確さは貴社にご確認いただきながら、伝わる表現への整理を私たちが担当する形が多くなります。用語をなくすのではなく、初出時に説明を添える、課題の言葉から入って用語につなげる、といった方法で、業界に詳しくない決裁者が読んでも判断できる状態を目指します。
- 図解やスクリーンショットの制作もお願いできますか？
- 対応しています。機能説明はテキストだけでは伝わりにくいため、図解やアイコン、製品画面のキャプチャを使って視覚的に整理することが多くなります。既存の素材で足りる部分と、新たに制作する部分を分けて進めます。
- プロダクトサイトとコーポレートサイトは分けるべきですか？
- プロダクトの数と、それぞれのターゲットによります。複数のプロダクトを扱う会社のコーポレートサイトを制作した際は、事業を3つの軸に整理したうえで、各プロダクトサイトへ誘導する構成にしました。会社としての信頼性を伝える場と、プロダクトを検討する場では、必要な情報が異なるためです。
- 導入効果の数値は、どこまで載せるべきですか？
- 社内で稟議を通す材料になるため、示せる範囲で具体的に載せることをおすすめしています。数値とグラフで見せた案件では、検討担当者が社内説明に使える構成を意識しました。ただし、公開できる数値の範囲は貴社側でご判断いただく必要があります。
- 多言語対応もできますか？
- 対応しています。英語版をベースにした日本語サイトの制作実績があります。言語を切り替える仕組みだけでなく、言語ごとに構成を変えるかどうかも含めてご相談ください。
- 公開後の更新は自分たちでできますか？
- 機能追加のお知らせや導入事例など、更新頻度の高い箇所はCMSで管理できるように構築します。どこまでを自社で更新するかは、運用体制に合わせて制作前に決めていきます。
- 制作期間はどのくらいかかりますか？
- 規模によりますが、10ページ前後の構成で2〜3か月程度が目安です。ソリューションの数が多い場合や、図解の制作範囲が広い場合は、その分の期間を見込みます。専門的な内容の確認に時間を要することが多いため、確認の工程もスケジュールに織り込みます。
- グローバル本社との調整が必要な場合も対応できますか？
- ブランドガイドラインや使用できる素材の範囲を確認したうえで進めます。海外プロダクトの日本語サイトでは、本社側の構成やビジュアルの方針を踏まえながら、日本市場向けに組み替える判断が必要になります。どこまで変更できるかを最初に整理しておくと、後の手戻りが減ります。
このほかの疑問は不安と疑問（FAQ）にまとめています。
関連リソース
関連するお悩み解決・FAQ
関連するサービス
Webサイト制作のご依頼・お見積りはお気軽に
資料ダウンロード
ホームページ制作・Web制作に関する資料と会社紹介をダウンロードできます。
お問い合わせ・ご相談
ホームページ制作・Webサイト制作や保守・更新・運用などでお悩みの方はお気軽にご相談ください。
お電話でのお問い合わせ
お電話でのお問い合わせをご希望の方は、こちらからお気軽にご連絡ください。
平日10:00-18:00
03-6883-8292