Webサイト制作の流れ

お問い合わせ・初回相談

お問い合わせフォームから、現在の状況やご希望をお知らせいただきます。

• 新しくWebサイトを制作したい
• 古いWebサイトをリニューアルしたい
• 検索から問い合わせを増やしたい
• SEO・AIOに対応したい
• スマートフォン対応にしたい
• WordPressで更新できるようにしたい
• 現在のサイトの問題を調べたい
• 公開後の運営や保守を相談したい

詳細が決まっていない段階でも、対応可能な内容と進め方を確認できます。

ヒアリング

Webサイトの目的、対象顧客、サービス内容、課題、制作条件を確認します。

事業について

• 会社・事業の概要
• 主な商品・サービス
• 対象業種や顧客層
• 対応地域
• 競合や比較される企業
• 自社の強み
• 顧客からよく聞かれる質問
• 問い合わせにつなげたい内容

Webサイトについて

• 新規制作かリニューアルか
• 現在のWebサイトの課題
• 必要なページ・機能
• 参考にしたいWebサイト
• デザインの希望
• SEO・AIOの目的
• 問い合わせ方法
• 公開後の更新体制

制作条件について

• 希望する公開時期
• 予算
• 原稿・画像・ロゴの状況
• ドメイン・サーバーの状況
• 確認・承認担当者
• 打ち合わせ方法

調査と課題整理

ヒアリング内容を基に、現在の状況や必要な情報を整理します。

• ページ構成
• 掲載内容
• スマートフォン表示
• SEOタイトル・見出し
• 検索状況
• 内部リンク
• 問い合わせ導線
• 表示速度
• WordPress・システムの状態
• 古い情報
• 重複ページ
• アクセス解析の有無

必要に応じて競合サイトや検索結果も確認しますが、 競合を模倣するのではなく、自社の目的に合った構成を考えます。

サイト構成とページ計画

ヒアリングと調査を基に、必要なページとページ間の関係を整理します。

• トップページ
• サービス紹介
• サービス詳細
• 会社・事業者情報
• 代表者紹介
• 制作実績・導入事例
• 制作・導入の流れ
• 料金の考え方
• よくある質問
• お問い合わせ
• プライバシーポリシー
• ブログ・お知らせ

SEO・AIOを考慮し、一つのページにすべてを詰め込まず、 テーマごとにページを分けて内部リンクでつなぎます。

提案・見積もり

確認した内容を基に、制作内容、費用、含まれる作業を提示します。

• 制作するページ数
• デザインの対象範囲
• WordPress構築
• スマートフォン対応
• お問い合わせフォーム
• SEO・AIOの作業範囲
• 原稿作成・文章整理
• 画像・素材の扱い
• 修正回数
• 公開作業
• ドメイン・サーバー
• 有料テーマ・プラグイン
• 公開後の保守
• 別途費用になる作業

契約・制作開始

提案内容と見積もりに合意後、契約を締結して制作を開始します。

• 制作範囲
• 制作期間
• 納品方法
• 支払い条件
• 修正回数
• 追加作業の扱い
• 依頼者が準備するもの
• 著作権・ライセンス
• ドメイン・管理権限
• 中止・延期の扱い
• 公開後の保守
• 成果保証の範囲

口頭だけで進めず、合意内容を文書で明確にします。

原稿・画像・資料の準備

Webサイトへ掲載する情報を準備します。

• 会社・事業者情報
• サービス詳細
• 料金・対応範囲
• 代表者プロフィール
• 実績・事例
• よくある質問
• ロゴ
• 写真・商品画像
• パンフレット
• 既存の営業資料
• 利用規約
• プライバシーポリシー

ヒアリングや既存資料から文章を整理できる場合もありますが、 専門的な内容と事実関係は依頼者による確認・承認が必要です。

文章構成・SEO・AIO設計

ページの目的と検索意図に合わせて、掲載内容を整理します。

• ページごとのテーマ
• 対象となる顧客
• 検索意図
• SEOタイトル
• メタディスクリプション
• H1・H2・H3の見出し
• サービス説明
• 信頼情報
• FAQ
• CTA
• 内部リンク
• 構造化データ
• 企業名・サービス名の統一
• 事実関係の確認

デザイン制作

目的、対象顧客、ページ構成、原稿を基にデザインを作成します。

• 情報の優先順位
• 読みやすさ
• 文字の大きさ
• 配色
• ボタンの位置
• 問い合わせ導線
• スマートフォンの操作性
• 企業・サービスの印象
• ページ間の統一感
• 承認後の展開方法

主要ページのデザインを確認・承認した後、他のページへ展開します。

WordPress構築・コーディング

承認されたデザインと構成を基に、Webサイトを構築します。

• WordPressの設定
• ページ作成
• スマートフォン対応
• メニュー作成
• 内部リンク設定
• お問い合わせフォーム
• SEO設定
• 構造化データ
• セキュリティ設定
• バックアップ設定
• 表示速度の確認
• 必要なプラグイン設定

仮サイトでの確認・修正

本番公開前に、仮サイトやプレビュー環境で内容を確認します。

• 会社名・氏名・連絡先
• サービス内容
• 料金
• 誤字・脱字
• 写真・画像
• リンク先
• ボタン
• お問い合わせフォーム
• スマートフォン表示
• 法的な表記
• 個人情報
• 公開して問題のない情報か

修正内容は可能な限りまとめて連絡すると、制作が進みやすくなります。

公開前の最終確認

内容の確認

• 文章と画像
• 会社・サービス情報
• 電話番号・メールアドレス
• 料金
• リンク
• CTA
• プライバシーポリシー
• 問い合わせ先

SEO・AIOの確認

• SEOタイトル
• メタディスクリプション
• 見出し構造
• URL
• 内部リンク
• 構造化データ
• XMLサイトマップ
• noindex設定
• 企業情報の一貫性
• FAQとページ内容の一致

システムの確認

• PC・スマートフォン表示
• フォーム送信
• 自動返信メール
• SSL
• バックアップ
• セキュリティ
• 表示速度
• WordPress管理画面

Webサイト公開

最終確認と承認後、本番環境へ公開します。

• 本番URLの確認
• SSL表示の確認
• noindex解除
• XMLサイトマップ確認
• Google Search Consoleの確認
• フォーム送信テスト
• 表示崩れの確認
• 旧URLからの転送設定
• アクセス解析の確認
• 主要ページの表示確認

納品・管理情報の引き渡し

公開後、契約内容に応じて管理情報や資料を引き渡します。

• WordPress管理画面
• ドメイン管理情報
• サーバー管理情報
• Google Search Console
• アクセス解析
• フォーム設定
• テーマ・プラグイン情報
• 更新方法
• バックアップ方法
• 保守契約の内容

公開後の運用・改善

Webサイトは公開後から運営が始まります。

• 検索結果への登録
• アクセス状況
• 検索キーワード
• 問い合わせ件数
• フォームの動作
• 顧客からの質問
• 追加すべきページ
• 改善すべきCTA
• WordPressの更新
• バックアップ
• セキュリティ
• FAQ・内部リンクの改善