---
title: サイト全体の方向性を固める：Phase2 Webサイトコンセプト策定
description: Phase2ではサイトのコンセプトやトーン＆マナーを明確化。ゴール達成を目指すために、デザインやコンテンツの方向性を統一します。
image: https://cafenoma.jp/hubfs/articles/b2b-b2c-instagram/hero_website02.jpg
---

[![cafenoma](https://cafenoma.jp/hubfs/common/logo/logo_symbol_grey.svg "cafenoma")](https://cafenoma.jp/)

[![logo_symbol_grey](https://cafenoma.jp/hubfs/common/logo/logo_symbol_grey.svg "logo_symbol_grey")](https://cafenoma.jp/)

<https://www.instagram.com/cafenomaforbusiness/>

<https://www.instagram.com/cafe_no_ma/>

[お知らせ](https://cafenoma.jp/news)

[無料相談](https://cafenoma.jp/meeting) [お問合せ](https://cafenoma.jp/inquiry)

[お問い合わせ](https://cafenoma.jp/inquiry)

More results

- [導入事例](https://cafenoma.jp/case)
- 私たちについて
  
  
  
  
  
  
  
  
  
    - [私たちのこと](https://cafenoma.jp/aboutus)
    - [フィロソフィ](https://cafenoma.jp/philosophy)
    - [Q&A](https://cafenoma.jp/faq)
- ナレッジ
  
  
  
  
  
  
  
  
  
    - [HubSpot CMS 活用ガイド](https://cafenoma.jp/knowledge-hubspot-cms)
    - [HubSpot CMS 構築ガイド](https://cafenoma.jp/hubspot-cms-web-development-series)
- [ソリューション](https://cafenoma.jp/solutions)

[ニュースレター](https://cafenoma.jp/newsletter)[無料相談](https://cafenoma.jp/meeting)[お問い合わせ](https://cafenoma.jp/inquiry)

- [暮らしメディア](https://cafenoma.style/)
- [オンラインストア](https://cafenoma.stores.jp/)

<https://www.instagram.com/cafe_no_ma/>

- [導入事例](https://cafenoma.jp/case)
- 私たちについて
    - [私たちのこと](https://cafenoma.jp/aboutus)
    - [フィロソフィ](https://cafenoma.jp/philosophy)
    - [Q&A](https://cafenoma.jp/faq)
- ナレッジ
    - [HubSpot CMS 活用ガイド](https://cafenoma.jp/knowledge-hubspot-cms)
    - [HubSpot CMS 構築ガイド](https://cafenoma.jp/hubspot-cms-web-development-series)
- [ソリューション](https://cafenoma.jp/solutions)

# サイト全体の方向性を固める：Phase2 Webサイトコンセプト策定

執筆者 [**刈込 隆二**](https://cafenoma.jp/articles/author/刈込-隆二) 公開日 2025年 02月28日  
更新日 2025年 03月01日

![サイト全体の方向性を固める：Phase2 Webサイトコンセプト策定](https://cafenoma.jp/hubfs/articles/b2b-b2c-instagram/hero_website02.jpg)

マーケティング戦略とターゲット顧客像が見えてきたら、次はそれを「Webサイトとしてどう表現するか」を決める段階に入ります。Phase2ではサイト全体のコンセプトやキーワード、デザインのトーン＆マナーを統一して、見た目・内容ともにブレない設計図を作り上げることが目的です。

## サイトの目的・ゴール定義

最初に**サイトの目的・ゴール定義**を再チェックします。Phase1で設定したKPIがサイトのコンセプトにも合致しているかを確認することで、余計な要素を盛り込みすぎないようにします。

## サイトのコンセプトワード策定

続いて、**ブランドイメージに合ったキーワードやトーン＆マナーの策定**へ。企業が既に持っているブランドガイドラインがあれば、配色やフォントなどをWeb向けに最適化し、サイトで表現できる形に落とし込みます。たとえば「信頼感」「革新性」といったイメージキーワードを明確にすることで、デザイナーやライターが迷うことなく制作を進められます。

## コンテンツ方向性整理

また、**コンテンツのテーマ／カテゴリの初期案**を作成します。サービス紹介や導入事例、ニュース、ブログ、FAQなど、サイトに載せる情報をカテゴライズし、更新頻度の見込みや運用体制もざっくり決めておくとよいでしょう。

このフェーズでのポイントは、「サイトコンセプト」と「企業ブランドイメージ」がしっかり紐づいていることです。ここが一致していないと、公開後に「どこか社風と違う」「ユーザーが求める情報とズレる」といった問題が起きやすくなります。

## まとめ

Phase2は、サイトの“性格”を決定づける大切な工程です。ここで決めたコンセプトやトーン＆マナーが、次フェーズ以降の情報設計・デザイン・開発すべてに影響を与えます。後になって軌道修正しないよう、チームやステークホルダーと十分に擦り合わせます。

【Phase2】Webサイトコンセプト策定 - チェックリスト ![comptab-infoalt7-icon](https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/act3/images/comptab-infoalt7-icon.svg) (1)〜(5)すべてが「YES」になれば、Phase3へ。「NO」がある項目はコンセプトの再調整を行う。

サイト全体のメインコンセプトやキーワードが策定できている

![comptab-yes-icon](https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/act3/images/comptab-yes-icon.svg)

ブランドイメージに沿ったデザインのトーン＆マナー（色・書体・トーン）が定義できている

![comptab-yes-icon](https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/act3/images/comptab-yes-icon.svg)

コンテンツの方向性（情報発信テーマやカテゴリ）がペルソナ・KPIと整合している

![comptab-yes-icon](https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/act3/images/comptab-yes-icon.svg)

サイトで打ち出す独自の価値（USP）が、短いメッセージで言語化されている

![comptab-yes-icon](https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/act3/images/comptab-yes-icon.svg)

関係者がコンセプト案をレビューし、一致した見解が得られている

![comptab-yes-icon](https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/act3/images/comptab-yes-icon.svg)

 

### 企業のブランドイメージやマーケティング目標を踏まえたコンセプト策定も、当社がしっかり伴走します。

「自社らしい世界観をWebでどう表現すればいいか分からない…」という方は、ぜひ下記サービスページをご覧ください。

[HubSpot Content Hubを活用したWebサイト構築サービス](https://cafenoma.jp/service-hubspot-cms)

トピックス: [HubSpot CMS](https://cafenoma.jp/articles/tag/hubspot-cms) [Webサイト構築](https://cafenoma.jp/articles/tag/webサイト構築) [コンセプト策定](https://cafenoma.jp/articles/tag/コンセプト策定)

成功するWebサイト構築HubSpot CMSで学ぶ

#### マーケティング戦略から公開・運用・保守まで、Webサイト構築に必要な工程をトータルで解説

[詳しくみる](https://cafenoma.jp/hubspot-cms-web-development-series)

前の記事

[← HubSpot CMS導入を成功させる第一歩：Phase1 マーケティング戦略・顧客理解](https://cafenoma.jp/articles/phase1-marketing-strategy)

<https://cafenoma.jp/articles>

次の記事

[機能要件を明確にし、後戻りを防ぐ：Phase3 要件定義・機能仕様策定 →](https://cafenoma.jp/articles/phase3-requirements)

\\ こちらもおすすめです /

[ユーザビリティを高めるサイト構造：Phase4 情報設計・サイトマップ策定](https://cafenoma.jp/articles/phase4-information-architecture)

![ユーザビリティを高めるサイト構造：Phase4 情報設計・サイトマップ策定](https://cafenoma.jp/hubfs/articles/b2b-b2c-instagram/hero_website04.jpg)

[HubSpot CMS](https://cafenoma.jp/articles/tag/hubspot-cms)

### ユーザビリティを高めるサイト構造：Phase4 情報設計・サイトマップ策定

2025年 02月28日

[サイトの価値を高めるコンテンツづくり：Phase6 コンテンツ制作](https://cafenoma.jp/articles/phase6-content-creation)

![サイトの価値を高めるコンテンツづくり：Phase6 コンテンツ制作](https://cafenoma.jp/hubfs/articles/b2b-b2c-instagram/hero_website06.jpg)

[HubSpot CMS](https://cafenoma.jp/articles/tag/hubspot-cms)

### サイトの価値を高めるコンテンツづくり：Phase6 コンテンツ制作

2025年 03月01日

[デザインを形にする：Phase9 フロントエンド実装でサイトを完成させる](https://cafenoma.jp/articles/phase9-frontend-development)

![デザインを形にする：Phase9 フロントエンド実装でサイトを完成させる](https://cafenoma.jp/hubfs/articles/b2b-b2c-instagram/hero_website09.jpg)

[HubSpot CMS](https://cafenoma.jp/articles/tag/hubspot-cms)

### デザインを形にする：Phase9 フロントエンド実装でサイトを完成させる

2025年 03月01日

Marketing Made Visual

## ニュースレター

コーヒー・暮らし・空間をテーマに、カフェノマが蓄えてきたノウハウやブランディング、デジタルマーケティングのヒントをお届けします。

[購読する](https://cafenoma.jp/newsletter)

**Marketing Made Visual**  
** 比較されない、選ばれるブランドへ。 **

[instagram @cafe\_no\_ma](https://www.instagram.com/cafe_no_ma/)

[ソリューション](https://cafenoma.jp/solutions)

- [ブランド体験の構築](https://cafenoma.jp/solutions#sec1)
- [DXの推進](https://cafenoma.jp/solutions#sec2)
- [ロイヤリティの強化](https://cafenoma.jp/solutions#sec3)

[導入事例](https://cafenoma.jp/case)

- [住宅・不動産](https://cafenoma.jp/case-real-estate-modelroom-concept)
- [ライフスタイル](https://cafenoma.jp/case-d2c-appliance-ltv-funnel-integration)

会社案内

- [私たちのこと](https://cafenoma.jp/aboutus)
- [フィロソフィ](https://cafenoma.jp/philosophy)
- [FAQ](https://cafenoma.jp/faq)

お役立ち

- [HubSpot CMS活用](https://cafenoma.jp/knowledge-hubspot-cms)
- [HubSpot CMS構築](https://cafenoma.jp/hubspot-cms-web-development-series)

© 2026 otonoma, Inc. (cafenoma is a registered trademark of otonoma Inc.)

- [オンラインストア　　｜](https://cafenoma.stores.jp/)
- [サービス利用規約](https://cafenoma.jp/hubfs/terms/ServiceTerms_v3.pdf)
- [プライバシー](https://cafenoma.jp/privacy-policy?hsLang=ja)

![icon-pf-karikomi](https://cafenoma.jp/hs-fs/hubfs/common/portrait/icon-pf-karikomi.png?width=513&height=513&name=icon-pf-karikomi.png)

### Ryuji Karikomi

Founder & CEO

大学卒業後、フランスへ留学。帰国後、複数のデザインハウス勤務、事業会社のマーケティング職を経て、2006年オトノマ創業。

Webディレクター/プロデューサーとしてのキャリアを基盤に、クリエイティブ領域（写真・映像・Web制作）とマーケティング領域（Webマーケ、コミュニティ構築、事業開発）の双方で実績を築く。

大手IT企業でのWebマーケティングの経験と、自社での事業プロデュースの経験から、新規事業のクリエイティブディレクションからSNS活用を含むデジタル施策、ブランディングまで一貫して推進可能。

おすすめ記事：  
[カフェノマのクリエイティブ・ディレクターという仕事](https://cafenoma.jp/articles/20240521)

![icon-pf-yuba](https://cafenoma.jp/hs-fs/hubfs/common/portrait/icon-pf-yuba.png?width=513&height=513&name=icon-pf-yuba.png)

### Nobuka Yuba

Co-founder

cafenoma（カフェノマ）主宰。  
前職ではチーフCAとして国際線を中心に延べ1万時間以上のフライトを経験。2012年より、日常にカフェのような心地よさを取り入れたライフスタイルと空間づくりを提案。著書に『うちカフェ（マイナビ出版）』他。住まいやマンション共用部などの空間スタイリングを通じて、暮らしそのものを豊かにするアイデアを発信しています。

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "刈込 隆二",
    "url" : "https://cafenoma.jp/articles/author/刈込-隆二"
  },
  "dateModified" : "2025-03-01T05:59:12.657Z",
  "datePublished" : "2025-02-28T06:51:02.000Z",
  "headline" : "サイト全体の方向性を固める：Phase2 Webサイトコンセプト策定",
  "image" : [ "https://cafenoma.jp/hubfs/articles/b2b-b2c-instagram/hero_website02.jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://cafenoma.jp/articles/phase2-site-concept",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://cafenoma.jp/hubfs/common/logo/logo_symbol_grey.svg"
    }
  }
}
```