Service

Webサイト・CMS・コンテンツ基盤構築

問い合わせにつながり、自社で更新・改善を続けられるWebサイトへ。

HubSpot Content Hubを活用し、顧客にサービスの特長が伝わり、問い合わせへ進めるWebサイトを構築します。情報設計・デザインから、ノーコードで更新できるCMS、CRMとの接続、公開後の改善まで支援します。

既存CMSからの移行や、複数サイト・多言語・会員向けサイトにも対応。AIを活用した制作も含め、自社に合う運用方法からご相談いただけます。

 

Webサイト・CMS・CRMを顧客接点として一体設計する担当者のイラスト

このような課題はありませんか?

  • サイトを刷新し、問い合わせを増やしたい
  • ページやメニューを自社で更新できない
  • 新サービスやキャンペーンのLP公開に時間がかかる
  • フォームで得た顧客情報を営業に活かせていない
  • 製品や事例が増え、必要な情報を探しにくい
  • 他社のノーコードCMSはデザイン性が低い

  • WordPressの更新・保守にコストがかかる
  • 複数サイト・多言語・会員向けサイトに対応したい
  • AIを使ってページの制作・改善を進めたい
  • 検索エンジンやAIにサービス情報を正しく伝えたい

ハブワンの支援方針

問い合わせへの導線と、自社で更新できる運用を設計します

誰に何を伝え、どのような行動につなげたいかを整理し、サイト構成・コンテンツ・デザインを考えます。サービスや事例から問い合わせへ進める導線に加え、取得した情報を営業や顧客対応に活かす流れまで設計します。

構築では、HubSpotの標準機能を活かすFit to Standardを重視します。既存CMSの機能や保守負担も確認し、標準機能、テーマ・モジュールの開発、外部サービスとの連携を組み合わせて、自社に合う構成を検討します。

公開後の担当者や更新内容に合わせ、ページやメニューをノーコードで編集できる範囲を設計します。AIによる制作・改善も組み合わせ、デザインや表示品質を保ちながら、自社で更新を続けられる運用を整えます。

支援内容

Web戦略・要件整理
Consultation

Web戦略・要件整理

問い合わせ獲得や更新負担の軽減など、サイト刷新で実現したいことを整理します。現行サイトのアクセス・成果・運用を確認し、必要なページと機能、Content Hubのプラン、構築範囲と優先順位を定めます。

主な支援内容

  • 事業目標・対象顧客の整理
  • 顧客の検討プロセスの整理

  • 現行サイト・競合の調査

  • アクセス・成果の分析

  • ページ・機能・運用要件の整理

  • 既存システムとの役割分担

  • Content Hubのプラン選定

  • 構築範囲・進行計画の策定

情報設計・コンテンツ設計
Information Architecture

情報設計・コンテンツ設計

訪問者がサービスを理解し、比較・検討して問い合わせへ進める情報構成を設計します。サービス・製品・事例の分類やページ間の導線を整理し、検索エンジンやAIにも内容と関係が伝わるよう整えます。

主な支援内容

  • サイトマップ・URL構造の設計
  • メニュー・回遊導線の設計

  • 検討段階別のコンテンツ整理

  • サービス・製品分類の設計

  • ページの目的・読者・CTAの定義

  • ワイヤーフレームの制作

  • タイトル・見出し・内部リンク設計

  • 構造化データ・SEO・AEO設計

  • コンテンツ制作・更新方針の策定

UI・UX・Webデザイン
Design

UI・UX・Webデザイン

企業やサービスの特長が伝わり、必要な情報を読み取りやすいWebサイトをデザインします。スマートフォンでの閲覧やフォームの使いやすさに加え、公開後にページを追加しても統一感を保てる共通部品を設計します。

主な支援内容

  • コンセプト・ブランド表現の整理
  • UI・UX・各ページのデザイン

  • デザインルールの設計

  • テンプレート・モジュールの設計

  • パソコン・スマートフォン等への対応

  • フォーム・CTA・導線の設計

  • 画像・アイコン・イラストの設計

  • ページ追加を見据えた共通設計

自社で更新できるCMS構築
Content Hub

自社で更新できるCMS構築

担当者がページやLPをノーコードで作成し、メニューも管理画面から更新できるテーマを開発します。部品の追加・削除・並べ替えに対応し、編集できる範囲と固定する範囲を設計。制作会社への都度依頼を減らせる運用を整えます。

主な支援内容

  • テーマ・テンプレートの開発
  • ドラッグ&ドロップ編集への対応

  • モジュール開発・追加・並べ替え

  • 繰り返し項目の件数・順序変更

  • ナビ・ヘッダー・フッターの編集

  • 共通コンテンツ・入力条件の設計

  • CSS・JavaScript・HubL実装

  • ブログ・システムページの構築

  • 編集権限・公開・運用の設計

問い合わせ・営業につなぐCRM連携
HubSpot Smart CRM

問い合わせ・営業につなぐCRM連携

問い合わせや資料請求で得た情報をHubSpot CRMにつなぎ、担当者への通知や顧客フォローに活用します。フォームの項目、同意取得、対応の流れを整理し、流入から商談・受注まで振り返れる計測を設計します。

主な支援内容

  • フォーム・CTA・LPの設計
  • 申込導線・CRM項目の設計

  • 段階的な顧客情報の取得設計

  • 同意取得・プライバシー対応

  • 顧客・取引・チケットとの接続

  • 担当者への通知・振り分け

  • お礼メール・フォローの自動化

  • 流入元・商談・受注の計測設計

  • パーソナライズ表示の設計

検索・多言語・会員機能の構築
Add-on

検索・多言語・会員機能の構築

製品・事例・拠点の情報を整理し、検索や絞り込みで目的の情報を探せるサイトを構築します。複数サイト・多言語・会員向けコンテンツにも対応し、情報量や利用者が増えても管理しやすい仕組みを設計します。

主な支援内容

  • ブログ・オウンドメディアの構築
  • 製品・サービス・事例の構造化

  • HubDB・動的ページの構築

  • 検索・絞り込み・一覧機能の開発

  • 多言語サイトの構築

  • 複数サイト・ブランドの管理設計

  • 会員向け・限定コンテンツの構築

  • CRMデータによる表示制御

  • 外部データを使った表示の開発

  • マイページ機能の開発

コンテンツ移行・公開
Migration

コンテンツ移行・公開

既存CMSのページ・記事・画像・PDFを確認し、移行・統合・修正する内容を整理します。URL変更やフォーム、計測、外部サービスへの影響を確認。公開・切り戻し手順を整え、切り替え後の動作まで確認します。

主な支援内容

  • 既存コンテンツ・移行対象の整理
  • ページ・記事・メタ情報の移行

  • 画像・PDF・資料の移行

  • URL対応表・リダイレクト設計

  • フォーム・CTA・外部タグの移行

  • ドメイン・DNS切り替え支援

  • アクセス解析・計測設定

  • 表示・リンク・フォームのテスト

  • 公開・切り戻し手順と監視の整備

公開後の更新・改善体制づくり
Stabilization

公開後の更新・改善体制づくり

担当者のスキルや更新頻度に合わせ、ノーコード編集とAIを使った制作方法を整えます。操作レクチャーに加え、変更権限や公開前の確認手順を設計。自社とハブワンの役割を明確にし、公開後の制作・検証・改善を支援します。

主な支援内容

  • 担当者・サイト別の運用方法の整理
  • ノーコード編集範囲・操作方法の整備

  • Codex・Claude Codeとの連携

  • 原稿・CMS仕様・制作部品の整理

  • AIによるページ制作・展開の設計

  • 編集・AIの変更権限と承認の設計

  • 品質確認・テスト・公開手順の整備

  • コード・設定・コンテンツ管理

  • 操作レクチャー・マニュアル整備

  • 制作・検証・改善の運用設計

実現方法

HubSpot標準機能

Webサイト、LP、ブログ、フォーム、CTA、SEO、AI検索(AEO)など、要件に合うHubSpotの標準機能を活用します。既存CMSで使っている機能も確認し、個別開発や外部サービスが必要な範囲を整理。公開後の管理・保守を見据えた構成を考えます。

ノーコードで更新できるテーマ・モジュール

ブランドや運用方法に合わせ、テーマ・テンプレート・モジュールを設計します。ページ内の文章や画像だけでなく、メニュー、ヘッダー、フッター、部品の追加・並べ替えにも対応。デザインを保ちながら、自社でページやLPをノーコードで作成できる編集範囲を整えます。

AI開発環境と連携した制作・改善

CodexやClaude CodeなどとHubSpotを連携し、ページの制作・改善に使う環境を整えます。原稿、CMS仕様、制作部品を整理し、AIが変更する範囲と、人が確認・承認して公開する手順を設計します。

HubDB・動的コンテンツ

製品、事例、店舗、拠点、セミナーなど、同じ構造の情報をHubDBやテンプレートで管理します。データと表示を分け、一覧・詳細ページや検索・絞り込みに反映。ページを個別に修正する負担を抑え、情報を更新しやすくします。

API・個別開発

標準機能だけでは対応できない検索、表示制御、データ連携、会員機能などは、APIや外部システム連携を含めて実装方法を検討します。業務上の必要性、セキュリティ、保守性、費用を確認し、必要な範囲を開発します。

外部サービス・既存環境との共存

検索、動画配信、アクセス解析、同意管理など、既存の外部サービスを活かす構成にも対応します。サイト全体を一度に移行しない場合は、サブドメインやリバースプロキシなどの方法を検討し、既存環境との役割分担を整理します。

ご支援によって整備するもの

プロジェクトの内容に応じて、以下の設計・制作・成果物を整備します。

  • 現状調査・Web戦略・要件整理
  • 対象顧客・検討プロセス
  • サイトマップ・URL構造
  • ページ一覧・コンテンツ要件
  • ワイヤーフレーム
  • UI・Webデザイン・共通部品
  • テーマ・テンプレート・モジュール
  • 編集範囲・ナビゲーション設定
  • ブログ・動的コンテンツ基盤
  • フォーム・CTA・CRM連携
  • SEO・AEO・構造化データ設計
  • 移行計画・リダイレクト設定
  • AI開発環境との連携設計
  • AIを活用した制作・更新フロー
  • コード・設定・コンテンツ管理ルール
  • テスト計画・公開・切り戻し手順
  • 運用ガイドライン・操作マニュアル
  • 管理者・編集者向け操作レクチャー

対応できるプロジェクト例

自社で更新できるコーポレートサイト

広報やマーケティング担当者が、ページやメニューを管理画面から更新できるサイトを構築します。ページ追加や部品の並べ替えに対応し、部門ごとのAI活用も含め、共通のデザイン・管理ルールを整えます。

AIを活用したサービスサイト・LP制作

新サービスやキャンペーンに合わせてページを公開できるよう、CodexやClaude CodeなどとHubSpotを連携します。制作に使う部品や確認手順を整え、公開後も反応を見ながら追加・改善できる運用を設計します。

問い合わせ・商談につなげるサービスサイト

顧客がサービスを比較・検討できるよう、サービス説明、事例、資料、FAQ、フォームを設計します。サイト上の行動や取得情報をCRMにつなぎ、問い合わせ後の営業フォローや施策の振り返りに活用できるようにします。

既存CMSからの移行・保守負担の見直し

WordPressやferret Oneなどの機能・コンテンツ・運用を確認し、移行後の構成を設計します。URL、SEO、フォーム、計測への影響を整理し、サイト全体の移行にも、メディアやLPからの段階的な移行にも対応します。

複数サイト・ブランドの一元管理

事業・ブランド・言語ごとに分かれたサイトの運用を整理します。共通化するデザインや部品と、各サイトで管理する内容を定め、URL・編集権限・承認フローを設計。部門ごとに更新しながら、全体の統一感を保てる構成を整えます。

海外拠点を含む多言語サイト

言語ごとのページ構成やURL、メニュー、共通コンテンツを設計します。本社と海外拠点の役割、翻訳・確認・承認の流れを整理し、各言語の情報を継続して更新できる多言語サイトを構築します。

製品・事例を検索できる動的サイト

製品、導入事例、店舗、拠点、セミナーなどをHubDBなどで管理します。検索・絞り込み・一覧・詳細ページを連動させ、訪問者が情報を探しやすく、担当者も追加・修正しやすい仕組みを構築します。

会員・顧客向けコンテンツサイト

顧客や会員の状態に応じて、資料、セミナー、サポート情報などを提供するサイトを構築します。閲覧対象、認証方法、CRMとの関係を整理し、必要な情報を適切な相手に公開できる管理方法を設計します。

ハブワンが選ばれる理由

Point.01

自社で更新を続けられるCMS設計

公開後に誰が何を更新するかを確認し、ページからメニューまで管理画面で編集できるCMSを設計します。変更できる範囲と固定する範囲を整理し、担当者の更新のしやすさと、ブランド・表示品質の維持を両立します。

Point.02

AIを使った制作と運用まで支援

CodexやClaude CodeなどとHubSpotを連携し、お客様自身が制作・検証・改善を進められる環境を整えます。ノーコード更新との使い分けや公開前の確認手順、ハブワンの支援範囲まで整理し、継続的な活用を支援します。

Point.03

複雑な要件にも対応する構築・開発力

Content Hubによる100サイト以上の構築に加え、多言語、会員向けコンテンツ、動的ページ、外部連携にも対応してきました。標準機能と必要な個別開発を組み合わせ、現在の使いやすさと、事業拡大に伴う機能追加を見据えて設計します。

Point.04

Web制作とCRM・営業の仕組みを接続

Webディレクター・デザイナーと、CRM・マーケティング・開発の専門人材が連携します。サイトの導線やフォームに加え、取得する顧客情報、担当者への通知、営業フォローまで考え、Webで得た接点を次の対応につなげます。

国内上位1%のHubSpotダイヤモンドパートナー

ハブワンは、国内上位1%のHubSpotダイヤモンドパートナーです。長年HubSpotを扱ってきたWeb・CRM・マーケティング・開発の専門人材が、戦略から構築、運用まで一貫して支援します。

プロジェクトの進め方

  • 1. 現状調査・要件整理

    サイトの目的、対象顧客、既存CMSの課題を確認します。必要なページ・機能と、公開後の担当者・運用方法を整理し、構築範囲を定めます。

  • 2. 情報設計・デザイン

    サイト構成、URL、問い合わせへの導線を整理します。ワイヤーフレームをもとに、ブランドの表現と使いやすさを考えたデザインを制作します。

     

  • 3. CMS設計・開発

    テーマ・モジュール、フォーム、動的コンテンツを構築します。編集範囲や権限を設計し、必要に応じてAIと連携する環境も整えます。

  • 4. コンテンツ制作・移行

    新しいページの原稿や素材を整えます。既存サイトの内容を確認し、必要なページ、記事、画像、PDFなどを移行します。

  • 5. テスト・公開準備

    各端末の表示、編集操作、フォーム、計測、権限、AI連携を確認します。公開当日の作業と、問題が起きた場合の切り戻し手順を整えます。

  • 6. 公開・運用開始

    ドメインやDNSを切り替え、新しいWebサイトを公開します。表示やリンク、フォーム送信、データ取得の状況を確認します。

  • 7. 操作レクチャー・継続改善

    管理画面の操作やAIを使う制作手順を共有します。公開後のコンテンツ追加、ページ展開、アクセスや問い合わせの状況に応じた改善を支援します。

対応するHubSpot製品・領域

Webサイトの目的や必要な機能、公開後の運用方法に応じて、以下のHubSpot製品・機能を組み合わせます。

  • HubSpot Smart CRM
  • Marketing Hub
  • Sales Hub
  • Service Hub
  • Content Hub
  • Data Hub
  • Revenue Hub
  • Agent Hub

利用できる機能や上限は、HubSpotの製品・プランによって異なります。必要な機能と運用方法を確認し、必要十分な製品・プラン構成を検討します。

よくあるご質問

HubSpotの契約やサイトの要件が決まる前でも相談できますか?

はい。「問い合わせを増やしたい」「自社で更新したい」といった目的からご相談いただけます。既存サイトの課題と運用体制を確認し、必要なページ・機能、Content Hubのプラン、構築範囲を整理します。

デザイン・開発・コンテンツ制作をまとめて依頼できますか?

はい。Web戦略、情報設計、デザイン、HubSpot開発、移行・公開まで対応します。原稿、図版、事例、FAQの制作も支援します。既存の原稿や資料を使う場合は、重複・不足・情報の鮮度を確認して再編集します。

WordPressやferret OneなどからHubSpotへ移行できますか?

はい。コンテンツに加え、現在使っている機能や保守対象も確認し、移行後の構成を検討します。ページ・記事・画像・PDF・フォームなどの移行範囲を整理し、URL変更、SEO、外部サービスへの影響や更新停止期間を考慮して進めます。

専門知識がなくてもページやメニューを更新できますか?

ページに加え、メニュー、ヘッダー、フッターも管理画面から更新できるテーマを開発します。部品の追加・削除・並べ替えや、新しいページ・LPの作成にも対応。編集できる範囲を設計し、操作レクチャーやマニュアルも整えます。

AIを使った制作と、ノーコードでの運用を併用できますか?

はい。CodexやClaude CodeなどとHubSpotを連携し、サイトや担当者に応じてノーコード更新と使い分けられる環境を整えます。共通のデザインルール、AIが変更する範囲、人による確認・承認・公開の手順まで設計します。

多言語サイトや複数サイトにも対応できますか?

はい。言語・サイトごとのページ構成、URL、メニュー、共通コンテンツ、編集権限を設計します。本社・各部門・海外拠点での翻訳や承認の流れも整理します。利用できるサイト数や機能は、要件と契約プランに合わせて確認します。

会員向けサイトや限定コンテンツも構築できますか?

はい。顧客や会員の状態に応じた限定ページ、資料、サポート情報などの提供に対応します。認証方法、閲覧対象、CRMデータとの関係、セキュリティ要件を確認し、標準機能や個別開発を組み合わせて実現方法を検討します。

製品や事例が多いサイトに、検索・絞り込みを設けられますか?

はい。製品や事例の情報を整理し、検索・絞り込み・一覧・詳細ページを設計します。HubDBやテンプレートを活用してデータと表示を分け、訪問者が探しやすく、担当者も情報を追加・修正しやすい仕組みを構築します。

既存サイトの一部だけをHubSpotで構築できますか?

はい。サービスサイト、メディア、LPなど、一部からの構築に対応します。サブドメインの利用や既存サイトへの組み込みを検討します。サブディレクトリでの運用は、DNS、サーバー、キャッシュ、URL、障害時の対応範囲を確認して判断します。

SEOやAI検索(AEO)への対応もできますか?

はい。対象読者と検索意図をもとに、サービス説明、事例、FAQなどの内容と役割を整理します。タイトル・見出し・内部リンク・構造化データを設計し、検索エンジンやAIにも企業・サービスの情報とページ間の関係が伝わる構成を整えます。

公開後の運用や改善も依頼できますか?

はい。コンテンツ制作、フォーム・CTAの改善、アクセス解析、SEO・AEO、マーケティング施策、CMS機能の追加まで支援します。社内でノーコードやAIを使って対応する範囲と、ハブワンが継続して支援する範囲を整理します。

お問い合わせ

問い合わせを増やし、自社で更新できるサイトへ。

サイト構成やCMSが決まっていない段階からご相談いただけます。今のサイトで困っていること、増やしたい問い合わせ、自社で更新したい内容を伺い、必要な制作・機能・運用方法を一緒に整理します。

既存CMSからの移行、複数サイト・多言語・会員向けサイト、AIを活用した制作にも対応します。RFP作成前の要件整理や実現可否の確認から、オンラインでもご相談いただけます。