Webサイト工場：クライアントサイトを高速構築する5つのステージ

概要

クライアント向けWebサイト構築に関するアドバイスの多くは、すべてのプロジェクトを独自のクリエイティブな白紙のキャンバスとして扱うよう言います。それは時間と利益率を浪費する最も速い道です。実際に機能するのは、戦略、構造、コンテンツ、構築、公開という反復可能な5段階システムであり、すべてのクライアントに同じルールを適用します。このシステムは同じサイトを生むのではなく、共通の基盤の上に構築されたサイトを生むため、チームは同じ問題を二度解決する必要がなくなります。この記事では、キックオフから引き渡しまでの1つのクライアントプロジェクトを追い、作業が一般的にならないようにしつつ、このシステムを正確に再現可能にする方法を紹介します。また、公開後にプロセスが崩れないよう、コンテンツ、セキュリティ、メンテナンスに関する境界線をどこに設定するかも説明します。これに従えば、クライアントの優柔不断ではなく、本当に重要な作業に時間を費やすことができます。

クライアント向けWebサイト構築に関するアドバイスの多くは、もはや存在しない世界を想定しています。すべてのプロジェクトを独自の白紙のキャンバス、特注デザインとカスタムコードを必要とする新しい創造的課題として扱うよう指示します。そのアドバイスに従えば、プロジェクトごとに数週間を費やし、利益率が縮小し、それでもクライアントの実際の目標を外したサイトを引き渡すことになります。代替案は怠惰なテンプレートではありません。戦略とコンテンツを真の差別化要因とし、デザインを組み立てと捉える、意図的で反復可能なシステムです。このシステムが実際にどのように機能するかを、1つのクライアントを最初から最後まで追って説明します。

3週間を節約する90分の会話

商業用清掃会社から電話がかかってきます。以前のクライアントからの紹介です。現在のサイトが古く、電話がかかってこないため、「新しいWebサイト」が必要だと言います。最初の直感は、ポートフォリオと価格を添えた提案書を送ることかもしれません。それはやめましょう。価格の話をする前に、90分のディスカバリー（発見）コールを予約してください。

4つの質問をして、答えを書き留めてください：

1. あなたの顧客は誰ですか？（彼らは「オフィスを持つすべての人」と言うでしょう。もっと掘り下げてください。実際の購入者は、清掃契約を担当するオフィスマネージャーや施設ディレクターです。）
2. 彼らにどんな行動を取ってほしいですか？（「見積もりのために電話をしてほしい」）
3. 購買サイクルはどうなっていますか？（「彼らは商業用清掃業者をGoogleで検索し、2社を比較し、最も早く応答した会社に電話をかけます。」）
4. 現在どのようなページがあり、実際にトラフィックを得ているのはどれですか？（彼らの分析ツールを使うか、単に尋ねてください。）

これらの答えは雑談ではありません。サイトマップの基礎です。購入者が2社を比較するなら、サイトにはサービスページ、サービスエリアページ、信頼のためのアバウトページ、明確なコールトゥアクションがある問い合わせページが必要です。これで、1ピクセルもデザインされる前に構造の決定ができました。

一般原則：美学ではなく、戦略から始めること。成熟した代理店ガイドならどこでも見つかるWebサイト開発プロセス、例えばDRC SystemsのWebサイト開発プロセスの7ステップガイドが、計画と戦略を最初に置くのには理由があります。レイアウトに触れる前に、目的、ターゲットオーディエンス、ゴールを定義します。これを省略すると、見た目は良いが、購入者が実際に尋ねている質問「この会社は私の問題を解決できるか？」に答えないサイトをデザインすることになります。

ディスカバリーコールでは、クライアントが実際にコンテンツを持っているかどうかもわかります。清掃会社はパンフレットとPDFのサービスリストを持っていると言うでしょう。実際には持っていません。本当のコンテンツは次のステップで得られます。デザイン作業の前にこれを適切な情報アーキテクチャに成形する方法をさらに深く知りたい場合は、ほとんどのWebサイト所有者がスキップする計画段階に関するチュートリアルをお読みください。代理店に必要なのと同じ基盤です。

コンテンツを待つのをやめる：サイトマップを明らかにさせる

ディスカバリーの後、既存のコンテンツを依頼します。清掃会社はロゴ、2ページのパンフレット、1行の説明付きのサービスリストを送ってきます。これはコンテンツではありません。出発点です。

ここでの動き：空白を埋めるコンテンツテンプレートを送り、サイトの各ページごとに1ページ用意します。各サービスについて、3つの文章を求めます：それは何か、誰がそれを必要とするか、典型的なプロセスはどのようなものか。アバウトページには、起業した理由と何が他と違うのかのストーリーを求めます。テンプレートは小さく保ちます：各ページ100語。そしてルールを明言します：そのページのテキストがテンプレートに入るまで、ページのデザインは行いません。

なぜこのルールか？プレースホルダーテキストでデザインすると、クライアントはプレースホルダーを承認するからです。そして2週間後に実際のコピーが届き、デザインが壊れます。レイアウトを作り直し、さらに1週間失い、クライアントは遅延の請求をしてきます。コンテンツファーストのルールは、デザインフェーズが始まる前に情報アーキテクチャを現実のものにします。

清掃会社の場合、このステップがプロジェクト全体で最良の決定を生みます。12のサービスを挙げていますが、そのうちの3つ（オフィス清掃、フロアケア、リノベーション後清掃）が収益の大部分を生み出しています。サービスページを再構成してこの3つを目立たせ、残りを単一の「その他のサービス」セクションにまとめます。この決定は、早期にコンテンツを明らかにさせたからこそ可能です。

一般原則：情報アーキテクチャとコンテンツ制作はWebサイト開発プロセスにおいて明確に区別される段階であり、コンテンツ制作は開発の前に行われます（開発中ではありません）。クライアントがコピーを書くのは「自分の仕事であり、あなたの仕事ではない」と不満を言ったら、サイトを構造化するために彼らの言葉が必要だと伝えてください。彼らがコンテンツを提供しないなら、代わりに書いて請求する必要があります。しかし、テンプレートにより費用が十分に安いので、通常は彼らが自分でやります。

コンポーネントは創造性の敵ではない

これで構築の準備が整いました。そしてここで、代理店のデフォルトの本能（空白のページを開いて「ユニーク」なものをデザインする）が利益率を殺します。それはやめましょう。代わりにコンポーネントライブラリを開いてください。

コンポーネントライブラリとは、すべてのサイトで使用する事前構築済みセクションのセットです：画像と見出しのあるヒーロー、サービスグリッド、お客様の声のスライダー、お問い合わせフォーム、信頼シグナルを持つフッター。清掃会社には「トラストビルダー」というレイアウトを選びます。強い見出しで始まり、制服を着たクルーの写真、サービスグリッド、お客様の声、見積もりフォームと続きます。クライアントのブルーに差し替え、フォントを設定し、コンテンツテンプレートからのコピーを入れます。2週間ではなく1日で終わります。

一般原則：デザインはシステムであり、神聖な行為ではありません。コンポーネントを使ってもサイトは一般的になりません。一貫性が生まれます。すべてのクライアントは、レイアウト、色、タイポグラフィ、コピー、画像の独自の組み合わせを得られます。彼らが得られないのは、最も経験豊富な開発者だけがメンテナンスできるカスタムコードの山です。

また、ここで社内でノーコードの議論を行うべきです。デザイナーや開発者がまだ反対していても、実際のプロジェクトでの時間節約を見れば、反対意見は通常消えます。その反対意見を乗り越える方法については、代理店がノーコードを受け入れるべき理由で説明しました。重要なのは、創造性を殺すツールではなく、納品ツールとして捉えることです。

ただし、トレードオフは現実にあります。すべてのクライアントに同じ3つのレイアウトを使えば、作品は似たり寄ったりに感じられ始めます。修正方法はコンポーネントを捨てることではありません。ディスカバリーとコンテンツのステップをうまく行い、クライアントの声が独自性を担うようにすることです。標準的なレイアウトに鋭い戦略があれば、カスタムに見えます。コンテンツが薄い、いわゆるユニークなデザインはもっと悪く見えます。

公開日は奇跡ではなくチェックリスト

清掃会社のサイトが完成しました。公開の準備ができています。公開ボタンを押す前に、すべてのクライアントに対して行うのと同じチェックリストを実行してください。

まず、電話で見積もりフォームをテストします。送信してください。メールは届きますか？サンキューページは読み込まれますか？清掃会社のオーナーは初日にそのフォームから確実にリードを得るでしょう。フォームが壊れていれば、サイト全体が壊れているのと同じです。

次に、技術的な基本を確認します。ドメインは正しいホストを指していますか？SSLは有効ですか？ウェブホスティングは単に「ファイルを保存するサーバー」という考え方は受動的すぎます。UpGuardのウェブサイトセキュリティのベストプラクティスは、ソフトウェアの更新、MFAなどの強力な認証の実装、データの定期的なバックアップ、SSL/TLS暗号化の使用を中核要件として挙げています。最新のノーコードプラットフォームでは、SSLは自動で、バックアップは組み込まれていますが、それでも確認します。また、CMSやページエディタが必要なログインのみを持つようにします。デフォルトの管理者パスワードが放置されていないことを確認します。

3つ目に、初日からSEOを設定します。Digital Marketing Instituteは、SEOを検索ランキングを向上させるためのコンテンツ、構造、技術的要素の最適化と定義しています。つまり、ページには説明的なタイトルとメタディスクリプションがすでにあり、サービスエリアページはそれぞれ都市や地域をターゲットにしており、XMLサイトマップをサーチコンソールに提出済みであることを意味します。また、robots.txtファイルも作成します。これは公開後のタスクではありません。このステップの詳細版については、ランキング上位を目指すノーコードWebサイトの公開ガイドを参照してください。

一般原則：公開はゴールではありません。構築したシステムが実際に機能するかを検証するポイントです。テストとセキュリティが後回しにされると、最悪の瞬間（クライアントが自社の顧客にサイトを訪れるよう伝えた直後）にデバッグすることになります。

リテーナーを生かす引き渡し

公開から2週間後、清掃会社から電話がかかってきます。サービスエリアに「ウィンザー」を追加したいとのことです。編集権限を設定していなければ、無料で変更を行うことになります。それが代理店の利益率を損なう間違いです。そこで、公開時の引き渡しコールで、彼らをトレーニングしました：「ログイン方法はこちら。ページエディタはこちら。サービスエリアを追加して公開する方法はこちら。行き詰まったら、アカウントマネージャーのメールはこちら。」彼らはウィンザーの変更を5分で自分で行いました。

3か月後、彼らは「採用情報」ページを希望します。それは彼らの編集能力を超えています。固定価格を見積もり、承認を得て、同じコンポーネントライブラリを使って1時間で構築します。これが反復可能なシステムの要点です：公開後、あなたは無料の修正サービスではありません。彼らがもっと大きなものを必要とするときに呼ぶパートナーです。

一般原則：メンテナンスはプロセスの段階であり、後付けではありません。ディスカバリーでゴールを定義するのと同じように、キックオフで含まれる範囲と請求対象の境界を定義します。一部の代理店は公開後1か月の編集をバンドルしています。それでも構いませんが、明確にし、期間を限定してください。その後は請求します。

もう1つ：引き渡しは関係をコントロールし続ける場所でもあります。クライアントに自社サイトの使い方をトレーニングしなければ、彼らはあらゆる文章の変更を求めて電話してくるでしょう。彼らはコストに不満を感じ、あなたは中断に不満を感じるでしょう。30分の簡単なトレーニングコールと1ページのガイドで、両者の何か月もの煩わしさを節約できます。

システムこそが要点

すべてのクライアントにこの5段階システムを適用してください。ディスカバリーは問題を定義します。構造はページをマッピングします。コンテンツは構造を満たします。構築はコンポーネントから組み立てます。公開は検証し、引き渡します。クライアントが「しかし、うちの状況は特別です」と言ったら、それをガードレールを減らす要求ではなく、より多くのディスカバリーの要求として扱います。システムこそが、スピードを持って品質を提供することを可能にし、同時に6つのプロジェクトを進めているときに利益率を守るものです。

清掃会社は、重要となる意味で架空ではありません。すべての代理店には彼らのようなクライアントがいます。プロセスを正しく実行すれば、数週間でサイトを納品し、利益を上げ、すでにあなたの使い方を知っているクライアントを得られます。間違って実行すれば、毎月無料でホームページを再デザインすることになります。選択肢は特注か一般的かではありません。プロセスか火消しかです。