サービスサイト制作

サービスサイト制作についてご紹介します。

About

技術の説明で終わらせず、
検討を前に進めるサービスサイト

サービスサイトは、製品やサービスを検討している人が「自分の課題に合うか」「他と比べてどうか」「次に何をすればいいか」を確かめに来る場所です。ENVY DESIGNは東京を拠点に14年間で500件以上のホームページを手がけ、その中でAI火災防止システム、自動配車システム、施設管理SaaS、分析装置メーカーなど、製品・サービスの検討を扱うサイトを多く制作してきました。共通して重視しているのは、機能やスペックの一覧ではなく、検討する人が知りたい順番に情報を並べることです。

もう一つの特徴は、SEOとAIO(AI検索最適化)を最初から情報設計に組み込むことです。検索エンジンやAIが内容を理解しやすいページ構成、内部リンク、構造化データまで、公開後の情報発信を見据えて設計します。内製率は約90%。窓口と作り手が近いため、製品理解や認識合わせにかかる往復を抑えられます。

ENVY DESIGNの制作実績
Works

サービスサイトの制作事例

創業14年・500件超の制作実績の中から、サービスサイトの事例をご紹介します。

Issues

こんな課題はありませんか

  • 製品やサービスが多く、どう整理して見せればいいか分からない

  • 技術やスペックの説明はあるが、問い合わせや資料請求につながらない

  • コーポレートサイトの1ページで済ませていて、検討に必要な情報が足りない

  • 競合との違いを聞かれても、サイト上で答えられていない

  • 製品を追加するたびに制作会社に依頼していて、更新が追いつかない

  • LP・コーポレートサイト・サービスサイトのどれを作るべきか判断できない

その課題、ENVY DESIGNのサービスサイト制作で解決できます。

Price

サービスサイト制作の料金・費用

サービスサイトは製品数と検討導線の複雑さで規模が変わります。ENVY DESIGNは料金の内訳と考え方を公開しています。ページ数・デザイン・機能により変動します。

  • Base

    サービスサイト制作

    60万円〜(税抜)

    税込66万円〜

    期間:2〜3ヶ月程度(10ページ前後の場合)

    • 企画・情報設計・ワイヤーフレーム作成(検討導線の設計を含む)
    • デザイン(PC・スマートフォン)
    • コーディング・表示/動作チェック
    • 内部SEO・構造化データの基本実装
  • Option

    製品・事例の更新機能(WordPress)構築

    15万円〜(税抜)

    税込16.5万円〜

    製品情報・導入事例・FAQなどの更新機能

    • 製品の分類・絞り込み表示
    • 社内で更新できる管理画面の構築
    • 操作方法のレクチャー
  • Support

    SEO・AIO対策(継続支援)

    10万円〜/月

    制作とセットの場合は割引あり

  • 参考価格は、10ページ前後のシンプルな構成を想定しています。更新機能(WordPressなど)は含まないベースの料金目安です。WordPressで更新できるようにする場合は15万円(税抜)が加わります。
  • 製品DB(データベース)化や絞り込み機能、資料請求フォームの分岐、撮影・原稿作成の代行、多言語対応などは内容に応じて個別にお見積りします。
  • 詳しい内訳と見積シミュレーターは料金・費用ページで公開しています。相場感はホームページ制作の相場もご参考ください。
Flow

サービスサイト制作の流れ

10ページ前後の場合、お問い合わせから公開までは2〜3ヶ月程度が目安です。サービスサイトは製品理解のヒアリングと情報設計に時間をかけるため、ページ数が同じでもコーポレートサイトより情報設計の工程が長くなる傾向があります。原稿や写真の準備状況、確認にかかる日数によっても前後します。

  1. 01

    お問い合わせ

    まずはお問い合わせフォームよりご連絡ください。担当者より2営業日以内にご連絡いたします。

  2. 02

    ヒアリング

    オンラインもしくは直接お会いして、製品・サービスの検討プロセス、比較されやすい相手、問い合わせ前によく聞かれる質問を伺います。Webの専門知識は前提にしません。製品資料やカタログがあれば、それを起点に整理を始めます。

  3. 03

    お見積もり

    ヒアリング内容をもとにお見積書を作成します。サイトマップや簡単なご提案が含まれる場合もあります。作成までには1週間ほどいただきます。

  4. 04

    ご契約・制作スタート

    ご契約書にて契約を締結します。電子契約にも対応しています。ご契約後から制作がスタートします。

  5. 05

    情報設計・ワイヤーフレーム作成

    検討する人が知りたい順に、課題→機能→比較→事例→資料請求の導線を設計し、設計図(ワイヤーフレーム)にまとめます。製品の分類や比較軸もこの段階で決めます。制作の核となる、最も打ち合わせの多い工程です。

  6. 06

    デザイン制作

    参考サイトを用いて全体のトーンを固め、トップページ→下層ページの順にデザインを確定します。PCとスマートフォンの2デバイス分を制作します。

  7. 07

    コーディング

    HTML・CSS・JavaScriptで実際に閲覧できる画面を構築します。構造化データ(JSON-LD)の実装、デバイス・ブラウザごとの表示チェックも行います。

  8. 08

    更新機能(WordPress)構築(必要な場合)

    WordPressなどのCMSを用いて、製品情報や導入事例を社内で追加・更新できる仕組みを構築します。製品の分類・絞り込み表示もここで実装します。

  9. 09

    表示・動作チェック

    動作確認・表示チェックを行い、更新機能の使い方もお客様と一緒に確認します。

  10. 10

    納品・公開

    テストで問題がなければ納品・公開となります。公開後の運用サポート(サーバー管理・更新代行・SEO/AIO支援)も承ります。

Team

サービスサイト制作の体制

  • プロジェクトマネージャー

    品質・コスト管理などプロジェクト全体のマネジメントと、制作チームのコミュニケーション調整を行います。最適なクリエイター、エンジニアのアサインも担当します。

  • ディレクター

    ご要望やニーズを汲み取り、サイト設計やコンセプトの策定、デザインやコンテンツの指示・監修を行います。製品理解のための取材・資料整理と、お打ち合わせや連絡の窓口も担当します。

  • デザイナー

    見た目だけでなく、使いやすさ・操作のしやすさを考慮したデザインを担当します。PCとスマートフォンの2パターンを制作します。

  • フロントエンドエンジニア

    HTML・CSS・JavaScriptによるコーディングのほか、WordPressを使用した更新システム(CMS)の開発、アニメーションの実装なども行います。

FAQ

サービスサイト制作について、よくある質問

コーポレートサイトとサービスサイトは分けた方がいいですか?
取り扱う製品・サービスが1〜2種類で、会社と製品の説明が重ならないなら、コーポレートサイト内の1ページで足りることも多いです。製品ごとに検討する相手や比較される相手が違う場合は、分けた方が導線を設計しやすくなります。判断の目安はコーポレートサイトとLPの違いとページ構成の決め方でも解説しています。
製品数が多くても対応できますか?
はい。分析装置・表面処理・めっき液など多岐にわたる製品を分野ごとに体系化した事例(電気化学システムズ)や、製品投稿1つの情報を複数ページに出し分けた事例(タマノ)があります。製品の数と更新頻度に合わせて、分類と絞り込みの仕組みを設計します。
サービスサイト制作の料金の目安を教えてください
10ページ構成で60万円(税抜)からを目安としています。製品DB化や絞り込み、資料請求フォームの分岐などの機能要件により変動します。料金ページで内訳と見積シミュレーターを公開しており、お問い合わせ前に概算をご確認いただけます。
資料請求や問い合わせが増えるサイトにできますか?
問い合わせが増えるかどうかは、訪問者の課題と提供内容が合っているかに左右されます。私たちができるのは、比較表・導入事例・資料請求など「検討途中の接点」を用意し、今すぐ問い合わせない人を取りこぼさない導線を設計することです。詳しくはアクセスはあるのに問い合わせが来ないをご覧ください。
公開後に製品や事例を自分たちで追加できますか?
はい。WordPressを利用して、製品情報や導入事例をご自身で追加・更新できる仕組みを構築できます(料金欄のOption)。お客様ご自身でページの追加まで行っている事例(シグマ株式会社セキュリティ事業部)もあります。更新する情報の種類や頻度を伺い、必要な管理画面と入力項目をご提案します。
英語版をベースに日本語のサービスサイトを作ることはできますか?
はい。海外製SaaSの英語版サイトをもとに、日本市場向けの構成・文言で日本語サイトを制作した事例(Archibus・Eptura・OPENSPACE)があります。詳しくは多言語ホームページ制作もご覧ください。

このほかの疑問は不安と疑問(FAQ)にまとめています。

Tokyo

東京でホームページ制作会社をお探しの方へ

これまでに手がけた500件を超える制作実績のうち、約8割が東京圏の企業です。

2012年に東京都世田谷区で創業し、2015年の法人化以降は一貫して港区に拠点を置いています。芝浦、六本木、海岸を経て、現在は麻布十番。同じ街で事業を続けてきた分、東京の企業が抱える課題や、意思決定のスピード感を理解しているつもりです。

打ち合わせは対面・オンラインのどちらにも対応しています。都内であれば直接お伺いすることが多く、営業担当を介さず、実際に手を動かす担当者がそのまま伺います。

なお、地方や海外拠点の企業からのご依頼もあります。オンラインで完結する体制を整えているため、所在地は問いません。

For Service Site

サービスサイトとは何か

Point 1

サービスサイトの位置づけ

サービスサイトは、自社の製品やサービスに関する情報を、検討する人のためにまとめたホームページです。会社全体の情報を扱うコーポレートサイトとは目的が異なり、ランディングページ(LP)よりも幅広い検討段階や検索ニーズを受け止めます。取り扱う商材が少ない場合は、コーポレートサイトの一部として構成することもあります。

Point 2

「説明」と「検討」は違う

機能やスペックを並べれば製品の説明にはなりますが、検討する人が知りたいのは「自分の課題に合うか」「他と比べてどうか」「導入した会社はどうなったか」です。説明のページと検討のページでは、並べる順番も載せる情報も変わります。

Point 3

AI時代のサービスサイトの役割

「自社の課題に合うサービスは何か」とAIに質問し、候補を探す場面が増えています。AI検索に正確な情報を参照してもらうためにも、製品情報・導入事例・料金・対応範囲などを公式サイト上で具体的に公開しておくことが重要です。検索する人だけでなく、AIにも内容を理解されやすい情報構造が求められています。詳しくはBtoB SaaS企業のAIO・サイテーション獲得10選で解説しています。

Value

サービスサイトの活用で期待できる効果

トライベック・ブランド戦略研究所の「BtoBサイト調査2021」では、企業や製品・サービスに興味を持ったユーザーの66.7%が、企業のホームページで情報収集を行っています。営業員・技術員の説明(47.0%)、カタログ・パンフレット(44.6%)を上回り、最も多い情報源となっています。

製品やサービスを検討する人が最初に見るのは、営業担当ではなくホームページです。サービスサイトの情報設計が、商談の入口の質を左右します。

情報収集に関する棒グラフ。回答者の割合(%)(複数回答)、企業のWebサイト66.7%、営業員・技術員の説明47.0%、カタログ・パンフレット44.6%、業界サイトや専門サイト40.5%、テレビ・ラジオ30.1%、ニュースサイト28.1%、専門雑誌27.0%、研修・セミナー22.6%、展示会22.4%、専門新聞19.9%、インターネット上の口コミ19.1%、その他5.7%
※参考:トライベック・ブランド戦略研究所 BtoBサイト調査 2021 BtoB向けサイトの重要性 2023年5月26日
  • 検討途中の人を取りこぼさない

    今すぐ問い合わせない人にも、比較表・導入事例・資料請求など次の一歩を用意できます。BtoBでは検討期間が長くなりやすいため、資料請求や事例閲覧など、問い合わせ前に選べる行動を用意することが重要です。

  • 営業の前提説明が減る

    課題・機能・事例・料金を先に見てもらえるため、商談が「説明」ではなく「相談」から始まりやすくなります。稟議に使える材料をサイトに置いておく効果もあります。

  • 競合と比較されたときに選ばれやすくなる

    違いをサイト上で言語化しておくことで、比較検討の場に自社の基準を持ち込めます。比較表を自社で用意する意味はここにあります。

  • AI検索経由の新しい接点が生まれる

    AIに課題や製品名を質問した人が、回答経由でサイトを訪れる動きが観測され始めています。ENVY DESIGNは自社サイトのアクセス解析で、ChatGPTなどのAIサービスからの流入が12ヶ月で約3倍になったことを確認しています。詳しくはAIO・GEO対策をご覧ください。

Points

成果につながるサービスサイト制作の5つのポイント

多数の制作実績と自社サイトでの実測から導き出した、「説明で終わるサイト」にしないための設計ポイントです。

  1. 01

    検討する人が知りたい順に並べる

    課題→機能→比較→事例→資料請求。技術の説明から入らず、訪問者の悩みから入ります。

  2. 02

    比較される項目を自社から示す

    競合製品や別の手段と比較されることを前提に、機能・対応範囲・導入条件など、検討に必要な比較軸を整理します。自社が選ばれる条件だけでなく、向いていないケースまで示すことで、問い合わせ後の認識違いも減らせます。

  3. 03

    「今すぐ問い合わせ」以外の接点を置く

    資料請求・事例集・料金目安・相談。検討段階に応じた出口を複数用意します。

  4. 04

    製品が増えても運用が回る構造にする

    製品を専用の投稿タイプにし、分類・絞り込み・出し分けを仕組み化します。追加のたびに制作会社に頼まずに済みます。

  5. 05

    導入事例は「変化」で書く

    機能の紹介ではなく、導入前の課題と導入後の変化を書きます。検討する人が自社に置き換えて読めるようにします。

Contents

サービスサイトのコンテンツ例

全部を揃える必要はありません。製品の性質と検討プロセスに応じて、以下のようなコンテンツから必要なものを組み合わせて構成します。

  • 課題・解決できること

    訪問者の悩みから入る入口のページです。「こんなことで困っていませんか」に答える形で、製品が解決できる範囲を示します。

  • 製品・サービス詳細

    機能・仕様・対応範囲を伝えるページです。技術の説明で終わらせず、どの課題にどう効くかを添えます。

  • 比較表

    他製品・他手法との違いを示すページです。比較の軸を自社で用意し、向いていないケースも書きます。

  • 導入事例・お客様の声

    導入前の課題と導入後の変化を伝えるページです。検討する人が自社に置き換えて読める書き方にします。

  • 料金・プラン

    目安だけでも載せることで、問い合わせ前の判断材料になります。稟議の材料としても使われます。

  • よくあるご質問(FAQ)

    問い合わせ前の不安を解消するページです。営業が毎回聞かれることを載せておくと、対応の手間も減らせます。

  • 資料請求・お問い合わせ

    検討段階別の出口です。今すぐ問い合わせない人向けに、資料請求や相談の窓口を分けて用意します。

必要なページ構成の決め方はホームページ制作で必要なページ構成はどのように決めればいいですか?でも解説しています。

検討を前に進めるサービスサイトへ

「製品の説明は載せているのに、資料請求や問い合わせにつながらない」という段階でもご相談ください。
現在のサイトや製品資料を拝見し、検討する人に不足している情報、整理すべき製品分類、用意したい導入事例や比較項目をご説明します。まだページ構成や必要な機能が決まっていなくても問題ありません。

このサービスに関係するUI設計パターン

画面のパーツごとに、情報の並べ方をワイヤーフレームとして公開しています。打ち合わせの前に、イメージに近い型を探す材料としてご利用ください。

UI PATTERNSのすべてのパターンを見る

Webサイト制作のご依頼・お見積りはお気軽に

資料ダウンロード

ホームページ制作・Web制作に関する資料と会社紹介をダウンロードできます。

お問い合わせ・ご相談

ホームページ制作や保守・更新・運用など、Webサイトのお悩みはお気軽にご相談ください。

お電話でのお問い合わせ

お電話でのお問い合わせをご希望の方は、こちらからお気軽にご連絡ください。

平日10:00-18:00

03-6883-8292