Webサイト・CMS・コンテンツ基盤構築
問い合わせにつながり、自社で更新・改善を続けられるWebサイトへ。
HubSpot Content Hubを活用し、顧客にサービスの特長が伝わり、問い合わせへ進めるWebサイトを構築します。情報設計・デザインから、ノーコードで更新できるCMS、CRMとの接続、公開後の改善まで支援します。
既存CMSからの移行や、複数サイト・多言語・会員向けサイトにも対応。AIを活用した制作も含め、自社に合う運用方法からご相談いただけます。
このような課題はありませんか?
- サイトを刷新し、問い合わせを増やしたい
- ページやメニューを自社で更新できない
- 新サービスやキャンペーンのLP公開に時間がかかる
- フォームで得た顧客情報を営業に活かせていない
- 製品や事例が増え、必要な情報を探しにくい
-
他社のノーコードCMSはデザイン性が低い
- WordPressの更新・保守にコストがかかる
- 複数サイト・多言語・会員向けサイトに対応したい
- AIを使ってページの制作・改善を進めたい
- 検索エンジンやAIにサービス情報を正しく伝えたい
ハブワンの支援方針
問い合わせへの導線と、自社で更新できる運用を設計します
誰に何を伝え、どのような行動につなげたいかを整理し、サイト構成・コンテンツ・デザインを考えます。サービスや事例から問い合わせへ進める導線に加え、取得した情報を営業や顧客対応に活かす流れまで設計します。
構築では、HubSpotの標準機能を活かすFit to Standardを重視します。既存CMSの機能や保守負担も確認し、標準機能、テーマ・モジュールの開発、外部サービスとの連携を組み合わせて、自社に合う構成を検討します。
公開後の担当者や更新内容に合わせ、ページやメニューをノーコードで編集できる範囲を設計します。AIによる制作・改善も組み合わせ、デザインや表示品質を保ちながら、自社で更新を続けられる運用を整えます。
支援内容
Web戦略・要件整理
問い合わせ獲得や更新負担の軽減など、サイト刷新で実現したいことを整理します。現行サイトのアクセス・成果・運用を確認し、必要なページと機能、Content Hubのプラン、構築範囲と優先順位を定めます。
主な支援内容
- 事業目標・対象顧客の整理
-
顧客の検討プロセスの整理
-
現行サイト・競合の調査
-
アクセス・成果の分析
-
ページ・機能・運用要件の整理
-
既存システムとの役割分担
-
Content Hubのプラン選定
-
構築範囲・進行計画の策定
情報設計・コンテンツ設計
訪問者がサービスを理解し、比較・検討して問い合わせへ進める情報構成を設計します。サービス・製品・事例の分類やページ間の導線を整理し、検索エンジンやAIにも内容と関係が伝わるよう整えます。
主な支援内容
- サイトマップ・URL構造の設計
-
メニュー・回遊導線の設計
-
検討段階別のコンテンツ整理
-
サービス・製品分類の設計
-
ページの目的・読者・CTAの定義
-
ワイヤーフレームの制作
-
タイトル・見出し・内部リンク設計
-
構造化データ・SEO・AEO設計
-
コンテンツ制作・更新方針の策定
UI・UX・Webデザイン
企業やサービスの特長が伝わり、必要な情報を読み取りやすいWebサイトをデザインします。スマートフォンでの閲覧やフォームの使いやすさに加え、公開後にページを追加しても統一感を保てる共通部品を設計します。
主な支援内容
- コンセプト・ブランド表現の整理
-
UI・UX・各ページのデザイン
-
デザインルールの設計
-
テンプレート・モジュールの設計
-
パソコン・スマートフォン等への対応
-
フォーム・CTA・導線の設計
-
画像・アイコン・イラストの設計
-
ページ追加を見据えた共通設計
自社で更新できるCMS構築
担当者がページやLPをノーコードで作成し、メニューも管理画面から更新できるテーマを開発します。部品の追加・削除・並べ替えに対応し、編集できる範囲と固定する範囲を設計。制作会社への都度依頼を減らせる運用を整えます。
主な支援内容
- テーマ・テンプレートの開発
-
ドラッグ&ドロップ編集への対応
-
モジュール開発・追加・並べ替え
-
繰り返し項目の件数・順序変更
-
ナビ・ヘッダー・フッターの編集
-
共通コンテンツ・入力条件の設計
-
CSS・JavaScript・HubL実装
-
ブログ・システムページの構築
-
編集権限・公開・運用の設計
問い合わせ・営業につなぐCRM連携
問い合わせや資料請求で得た情報をHubSpot CRMにつなぎ、担当者への通知や顧客フォローに活用します。フォームの項目、同意取得、対応の流れを整理し、流入から商談・受注まで振り返れる計測を設計します。
主な支援内容
- フォーム・CTA・LPの設計
-
申込導線・CRM項目の設計
-
段階的な顧客情報の取得設計
-
同意取得・プライバシー対応
-
顧客・取引・チケットとの接続
-
担当者への通知・振り分け
-
お礼メール・フォローの自動化
-
流入元・商談・受注の計測設計
-
パーソナライズ表示の設計
検索・多言語・会員機能の構築
製品・事例・拠点の情報を整理し、検索や絞り込みで目的の情報を探せるサイトを構築します。複数サイト・多言語・会員向けコンテンツにも対応し、情報量や利用者が増えても管理しやすい仕組みを設計します。
主な支援内容
- ブログ・オウンドメディアの構築
-
製品・サービス・事例の構造化
-
HubDB・動的ページの構築
-
検索・絞り込み・一覧機能の開発
-
多言語サイトの構築
-
複数サイト・ブランドの管理設計
-
会員向け・限定コンテンツの構築
-
CRMデータによる表示制御
-
外部データを使った表示の開発
-
マイページ機能の開発
コンテンツ移行・公開
既存CMSのページ・記事・画像・PDFを確認し、移行・統合・修正する内容を整理します。URL変更やフォーム、計測、外部サービスへの影響を確認。公開・切り戻し手順を整え、切り替え後の動作まで確認します。
主な支援内容
- 既存コンテンツ・移行対象の整理
-
ページ・記事・メタ情報の移行
-
画像・PDF・資料の移行
-
URL対応表・リダイレクト設計
-
フォーム・CTA・外部タグの移行
-
ドメイン・DNS切り替え支援
-
アクセス解析・計測設定
-
表示・リンク・フォームのテスト
-
公開・切り戻し手順と監視の整備
公開後の更新・改善体制づくり
担当者のスキルや更新頻度に合わせ、ノーコード編集と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との関係を整理し、必要な情報を適切な相手に公開できる管理方法を設計します。
ハブワンが選ばれる理由
自社で更新を続けられるCMS設計
公開後に誰が何を更新するかを確認し、ページからメニューまで管理画面で編集できるCMSを設計します。変更できる範囲と固定する範囲を整理し、担当者の更新のしやすさと、ブランド・表示品質の維持を両立します。
AIを使った制作と運用まで支援
CodexやClaude CodeなどとHubSpotを連携し、お客様自身が制作・検証・改善を進められる環境を整えます。ノーコード更新との使い分けや公開前の確認手順、ハブワンの支援範囲まで整理し、継続的な活用を支援します。
複雑な要件にも対応する構築・開発力
Content Hubによる100サイト以上の構築に加え、多言語、会員向けコンテンツ、動的ページ、外部連携にも対応してきました。標準機能と必要な個別開発を組み合わせ、現在の使いやすさと、事業拡大に伴う機能追加を見据えて設計します。
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作成前の要件整理や実現可否の確認から、オンラインでもご相談いただけます。