トータル設計プラン

強みを形に整える

強みと価値の明確化
（Web戦略設計）

ホームページを作り始める前に、お客様のビジネスの強みを客観的な視点で引き出し、サイトの方向性を定める最も重要な工程です。

独自の強みや専門性がひと目で分かるお店には、まさにそれを求めている方が自然と集まってきます。
ホームページも同様に、まずは丁寧なヒアリングを通じて、ご自身では当たり前だと思って気づいていない強みや、届けたい理想のお客様像（ターゲット）、同業他社との違いなどを深く掘り下げて言語化していきます。

ここで一緒に見つけたブレない軸（コンセプト）が、この後に行うコンテンツ設計や原稿づくりの心強い羅針盤となり、読み手を自然とお問い合わせへと導く、集客力の高いサイトの土台となります。

掲載情報の整理・構成作成
（コンテンツ設計）

事前の「Web戦略」で引き出したお客様の想いやサービスの強みを、サイトを訪れた方に一番響く形へと落とし込んでいく工程です。

原稿を書き始める前の大切なステップとして、「どのページに・どんな情報を・どのような順番で配置すれば読んだ方の心が動くのか」を客観的な視点で取捨選択し、情報を丁寧に整理整頓していきます。

原稿執筆前の丁寧な骨格（ストーリー）づくりこそが、軸のブレない魅力的なサイトにするための最も重要な土台となります。

サイト構造とSEOの詳細設計書
（ディレクトリマップ／PDF納品）

ホームページを構成する主要ページのタイトルやURLに加え、検索結果に表示される「titleタグ」など、サイト裏側の設定をまとめた一覧表をお渡しします。
サイトの骨組みがどう整理され、Googleにどう認識されているかを一目で確認できる大切な資料です。

納品後にお客様ご自身で新しいページやブログを追加する際にも、「どこに・どんな情報を入れるべきか」が迷わず分かる心強い道しるべとなります。

ページ構成の全体図解
（サイトマップ／PDF納品）

トップページを起点に、どのページがどう繋がっているか、サイト全体の構造をパッと確認できるツリー状の図解をお渡しします。
お客様がサイト内をどう移動するか（導線）を俯瞰できるため、今後の集客戦略を練る際の地図としてご活用いただけます。

伝わるように言語化する

想いと魅力を言葉にする執筆
（原稿作成）

事前の設計で定まったサイトの骨組みに、いよいよ「言葉」という血を通わせていく工程です。
お客様が持つ高度な専門性や内に秘めた想いを、画面の向こう側にいる方が心から安心できる『信頼の言葉』へと翻訳していきます。
ホームページはページごとに役割が異なります。サービスや強みを伝えるページでは「客観的な視点」で深い納得感を。プロフィールでは「読み手の視点」で共感を。そしてアクセスやご利用案内では「おもてなしの視点」で安心感を。
ページごとに視点を変えながら、あなた自身の体温が宿る言葉でサイト全体の原稿を執筆します。

• 追加対応となる内容
  感情に訴えかけるキャッチコピーの考案や、SEOを目的とした戦略的なキーワードの組み込み

お問い合わせへつなげる言葉づくり
（CTAエリアの作成）

Web用語で「CTA（Call To Action＝行動喚起）」と呼ばれる、サイトを訪れた方にお問い合わせやご予約などの『次の行動』を促すための重要な案内エリアを作成します。
ホームページを読み終えた方が迷わず安心して進めるよう、ボタン周辺の案内文を当方でゼロから考案。単に「お問い合わせはこちら」というボタンを置くのではなく、お客様の背中を優しく押す言葉を添えることで、実際の集客への繋がりやすさが大きく変わります。

本プランでは、サイト内のどのページで読んでも自然とお問い合わせへ気持ちがつながるような、軸となる案内文（1種類）を作成・設定いたします。

検索用の要約文の考案・作成
（メタディスクリプション）

検索結果一覧のタイトルの下に表示される「ページの要約文」を、検索する方の気持ちに寄り添いながら当方で考案・作成します。
SNSでシェアされた際の説明文（OGP）としても使われるため、意図した通りのメッセージを的確に届ける環境が整います。

各ページの役割や導線、伝えたい内容をふまえながら、検索結果での見え方も意識した要約文を設計し、作成・設定します。
ページごとの目的に合わせて、内容の伝わりやすさと全体の整合性を見ながらご提案いたします。

ブランドイメージの統一

視覚的なメッセージの設計
（画像の方向性提案）

ホームページの印象を左右する写真や素材について、サイトのコンセプトに基づいた「最適な見せ方」を整えます。
単に画面を彩る部品としての写真ではなく、信頼を高める色味や、安心感を与える世界観など、言葉と響き合うための「意味を持たせた画像配置のあり方」を検討します。
文章だけでは届かない直感的な魅力を引き出し、サイトを訪れた瞬間に「ここなら安心だ」と感じていただけるような、一貫性のあるビジュアルの方向性を導き出します。

設計に合わせた基本レイアウトの最適化

策定したWeb戦略とコンテンツ設計を「売れる形」へと落とし込むため、情報の優先順位に基づいた最適なレイアウトを構築します。
ターゲットの心理に合わせた視線誘導や使いやすさを計算し、魅力がストレートに伝わるサイトへと仕上げます。

配色の設計図
（カラーコード一覧表／PDF納品）

サイトで使用しているメインカラーや強調色のカラーコード（色の識別番号）をまとめた一覧表をお渡しします。
納品後にお客様ご自身でSNSの投稿画像やバナーなどを作成される際も、この一覧表があれば迷わずサイトと同じ色を使うことができます。ホームページからSNSまで、ブランドの世界観を美しく統一して育てていくための大切な設計図です。

• お渡しするのはWeb上の画面で見るためのカラーコードです。
  印刷物に使用すると、発色の仕組みが異なるため色味が変わる場合がございます。

視覚的な伝え方の調整

内容と印象に合った画像の見せ方調整

お客様にご用意いただいた候補画像（1箇所の配置につき最大3枚まで）の中から、ページの内容やデザインの雰囲気に最も合う1枚を当方が選定し、配置いたします。

• 対象外となる内容
  ロゴ画像の選定、およびプライバシーポリシー等の法的ページへの画像配置は除きます。
• 追加対応となる内容
  規定枚数を超える配置や、画像の選定（素材探し）、具体的な撮影指示書の作成などは、有料オプションにて柔軟に承ります。

画像の表示範囲・サイズ調整

枠に合わせて被写体が最も魅力的に見える位置を一点一点確認して表示範囲・位置の調整を行い、サイトのクオリティを引き上げます。
同時に、スマートフォン等で撮影された高画質で重い画像を、Webに最適なサイズ・容量へ縮小することで、画像が原因でホームページの表示が遅くなるのを防ぎます。

6画面幅の細やかな見え方調整

標準的な対応に加え、さらに細かくスマートフォン・タブレット・パソコン各2種類（合計6種類）の画面幅を基準に、文字サイズや余白、画像の表示範囲を1点ずつ調整します。
どのサイズの端末から見ても、情報の重要度が正しく伝わり、ストレスなく読み進められる「おもてなし」の行き届いた表示を実現します。

視線の流れを整える

流し読みしやすい段落・改行の調整

Webサイトは印刷物と違い、パソコンやスマートフォンなど、閲覧する端末によって画面サイズが異なります。
どの端末から見ても文字が詰まって見えないよう、適切な段落分けと改行を行い、スムーズに読み進められるレイアウトに整えます。

箇条書きを活用した見やすさの向上

ご提出いただいた原稿の中で、箇条書きに適した箇所がある場合、必要に応じて視覚的に見やすい箇条書きレイアウトへ調整いたします。
文字がぎっしり詰まった壁のようにならず余白が生まれるため、内容や意味はそのままに、忙しいお客様でもパッと見て情報が頭に入ってくる「拾い読みしやすい文章」へと整えます。

重要箇所の文字の強弱調整
（太字・強調）

重要なキーワードや、特に伝えたい箇所に太字（黒色の太字）や強調文字（色付きの太字）で強弱をつけます。
視線が自然に誘導され、流し読みでもしっかりと要点や「読者の心に留まってほしい言葉」が伝わる見え方にお作りします。

サイト全体の強調スタイルの設定

納品後にお客様ご自身がブログ等をご更新される際、編集画面上でも実際の表示と同じように太字や色が反映されるよう、サイトの裏側のシステムに設定します。
プレビュー画面で確認する手間が省け、日々の更新作業がぐっと快適になります。