見た目でテンプレートを選ぶのはやめよう：エージェンシーのためのコンテンツファーストワークフロー

まとめ

ほとんどのエージェンシーは、クライアントのサイトが停滞するとテンプレートのせいにします。実際のボトルネックは、誰かがテーマを選ぶ前に行われるインテークとコンテンツマッピングです。このウォークスルーでは、9つの製品ラインと3つのバイヤータイプを持つ産業用サプライヤーという典型的なクライアント案件を、繰り返し可能なテンプレートワークフローに沿って追います。クライアントのディスカバリーをページごとの青写真に変え、ヒーローセクションの見た目ではなくコンテンツ量に基づいてテーマを選び、次のクライアントをより速く進める再利用ライブラリを構築する方法を学べます。その見返りは、修正の繰り返しが減り、「テンプレートでこれできますか？」という質問が減り、すべてのアカウントで拡張可能な納品プロセスを手に入れることです。

テンプレートに関するアドバイスのほとんどは順序を間違えています。スクリーンショットから始まり、カラーパレットで終わります。複数のクライアント向けにウェブサイトを構築しているなら、その順序が原因で毎回一回限りの作業のように感じられます。テンプレートは出発点ではありません。クライアントのコンテンツが出発点です。これは言葉遊びではありません。何を収容する必要があるかを知る前にテーマを選ぶと、コピーをレイアウトに無理やり詰め込み、「もう1ブロックだけ」と要求し、決して回収できない時間を請求することになります。

これを修正するのがこのワークフローです。地域の産業用サプライヤー（9つの製品ラインと3つのバイヤータイプ）という1つの案件を、ブリーフからローンチまで追ってください。この段階は、その後すべてのクライアントに適用できます。

テンプレートショップではなく質問から始める

クライアントはきちんとしたブリーフを送ってきます。「モダンなウェブサイトが必要です。クリーンなデザインで。実際よりも大きく見せたいのです。」そのブリーフは100のテンプレートに適合します。どれが現実に耐えられるかについては何も教えてくれません。

何を運ぶのかを知る前にテンプレートを見るのはやめましょう。クライアントと向き合い、形容詞ではなくページリストを生む質問をしましょう：

• 現在のサイトにはどのページがありますか？
• 1年後にはどのページがあるべきですか？
• 毎月更新されるページはどれですか？ 古くなるページはどれですか？
• サイトで最も複雑なものは何ですか？仕様書、予約フォーム、ビデオウォール？
• 顧客の次に重要なオーディエンスは誰ですか？

答えはすべてを変えます。産業用サプライヤーは、製品カタログは1ページではなく、9つのカテゴリページであり、それぞれに詳細な製品ページ、PDF形式のデータシート、コンプライアンスロゴ、見積もり依頼フォームがあると言います。エンジニア、購買管理者、ディストリビューターという3つのバイヤータイプは、異なるページに辿り着き、異なる証明を求めます。

これで「クリーンなデザイン」は無意味になります。テンプレートは製品データテーブル、PDFリンクリスト、フォームを収容できる必要があります。それがチェックリストです。

多くのチームは、クライアントが「自分たちが何を望んでいるかはもう話した」と言うのでこれをスキップします。実際にはそうではありません。彼らは自分たちの会社名と楽観主義を伝えただけです。ページリストを作りましょう。現在のプロセスがテンプレート検索から始まるなら、この変更が最も時間を節約します。

テンプレート探しの前のコンテンツ監査

クライアントは「競合他社のサイトのようなものを作ってください」と言います。競合サイトを開くと、大きなヒーロースライダーが表示されます。そこから始めてはいけません。

クライアントと一緒に既存サイトを開きましょう。テーマを探す前に、ページごとのコンテンツ量をマッピングします。各ページについて、コンテンツタイプを数えます：長い段落、テーブル、画像ギャラリー、フォーム、ビデオ、ダウンロード可能なファイル、チームの経歴、お客様の声、埋め込み地図。どのページが常設で、どのページがキャンペーン用かをメモします。ビジネス目標でページをランク付けします。これはあると便利なものではなく、すべてのテンプレートに適用するフィルターです。

実践的な手順：簡単なスプレッドシートを作成します。列はページ名、行はコンテンツタイプです。ページが必要な場合はチェックを入れます。

サプライヤーの監査では、厳しい要件が明らかになります：すべての製品ページには、大きな仕様テーブルと「見積もりをリクエスト」ボタンを備えた2カラムレイアウトが必要です。ホームページには3つの市場セグメントのセクションが必要です。リソースページにはPDF用の繰り返し可能なカードグリッドが必要です。

通常あなたが比較するテンプレートはそれを処理できますか？まだわかりません。それがポイントです。

業界固有のテンプレートはこれを短縮できます。産業用垂直市場向けに構築されたテンプレートには、製品カタログや仕様セクションが最初から含まれていることがよくあります。それにより、それらのブロックを手動で構築する手間が省けます。しかし、垂直市場のラベルは約束ではありません。「製造業」のテーマには不要なブログセクションが含まれ、必要なディストリビューターロケーターが省略されている場合があります。カテゴリ名ではなく、監査に基づいてテンプレートを判断してください。

これが遅い部分に思えるかもしれませんが、そうではありません。この事前マッピングこそが「テンプレートが合わない」というサイクルを終わらせるものです。なぜそのサイクルが利益を食いつぶすのかを詳しく知りたいなら、テンプレートワークフローが遅く感じる理由とその修正方法をお読みください。

ホームページよりも先に製品ページを読む

ここに罠があります：テンプレートのデモはフルスクリーンビデオを備えた見事なホームページを表示します。それをクライアントに見せると承認されます。しかし、8行の仕様テーブルがある製品詳細ページを構築しようとすると、レイアウトが崩れます。

ホームページでテンプレートを評価するのはやめましょう。最も退屈なページで評価してください。

デモの内部ページを開きます。製品ページには仕様テーブルがありますか？長いデータテーブルは折り返しますか、スクロールしますか？スティッキーなコールトゥアクション（CTA）はありますか？10の質問があるFAQページを読み込むとどうなりますか？ブログリストは20件ではなく4件でも意図的に見えますか？これらのテストに耐えるテンプレートこそ購入する価値があります。

クリックを始める前に比較が役立ちます：

クライアントの言葉	テンプレートが収容すべきもの
「モダンな雰囲気が必要」	タイポグラフィと競合しない、画像主体の全幅セクション
「製品ページが重要」	仕様テーブル、PDFリンク、関連製品を備えた繰り返し可能な製品レイアウト
「購入しやすくする」	購入重視のすべてのページに表示される見積もりまたは予約フォーム
「サイトは私たちとともに成長するべき」	再構築なしで並べ替えできるモジュラーセクション
「PDFがたくさんある」	壊れずにスケールするカードグリッドまたはドキュメントリスト

このテーブルをフィルターとして使用します。テンプレートが1つの行に失敗したら、それを捨てます。すべての行に合格すれば、ホームページはほとんど無関係です。適応できます。

後で壊れるものをチェックする

レスポンシブ対応、SEOフレンドリーさ、読み込み速度、カスタマイズオプション、ユーザーエクスペリエンス。これらの機能はサイトをローンチ後も生き生きと保ちますが、スクリーンショットでは見えません。

実際の電話でデモを開きます。仕様テーブルが横スクロールの罠になりますか？スティッキーな見積もりボタンはまだ到達可能ですか、それともフッターを覆いますか？テーマデモでページ速度をテストします。重いアニメーションと特大ビデオが詰まったテンプレートは、レンガのように読み込みが遅くなります。

購入前にSEOの基本を確認します：クリーンなページタイトル、メタディスクリプション、セマンティックな見出し階層、画像のaltフィールド、製品やローカルビジネスのスキーマサポート。多くのチームはこれを学ぶのが遅すぎます。順位を犠牲にするSEOの神話は、結果を約束する前に検証するよう思い出させてくれます。

カスタマイズオプションも重要です。固定セクションに縛るテーマは、ページビルダーなら数分でできることのために開発者を雇うことを強制します。セクションの並べ替え、新しいコンテンツブロックの追加、グローバルフォントと色の変更を1か所で行えるテンプレートを探しましょう。モジュール式であればあるほど、すべてのクライアントのサイトをカスタム感のあるものにしやすくなります。

クライアントが間違ったテンプレートに惹かれたときの対処法

あなたは3つのオプションを送ります。クライアントはあなたが候補に挙げなかったもの、つまり巨大なメイソンリーグリッドを備えたポートフォリオテーマで返信します。製品仕様テーブルがテンプレートに存在しないため、コンテンツ監査に不合格です。諦めたい衝動を抑えてください。

クライアントに議論ではなくコンテンツ監査を見せます。テンプレートのデモ製品ページを開きます。製品ページがない場合は、そのギャップを明確にします。「このテーマには仕様テーブルのレイアウトがありません。ゼロから構築する必要があり、テンプレートの速度の利点が失われます。」彼らに「ノー」と言うための具体的な根拠を与えます。

その後、彼らを候補リストに戻します。審査済みのオプションから選ばせます。それでも主張する場合は、逸脱をカスタムビルドの項目としてスコープします。それは受動的攻撃ではなく、正直なことです。クライアントは美しいテンプレートと追加のタイムラインを手に入れることができます。ただコストを知る必要があるだけです。

原則：視覚的な魅力は本物ですが、1つの機能にすぎません。すべてのテンプレート選択を監査に結び付けることで、サイトの核心的な役割を保護します。

最初のビルドはデザインパスではなくコンテンツ投入

テンプレートを選びました。クライアントはデザインを期待しています。デモをすぐに再スタイルしたくなる誘惑に抵抗してください。

最初のビルドはコンテンツ投入です。すべてのサンプル要素をクライアントの実際のコンテンツに置き換えます。ナビゲーションラベル、実際の見出し、実際の製品名、画像（あれば）、メールアドレス。テンプレートのデフォルトのフォントと色はそのままにします。そして、何が壊れるかを見ます。

サプライヤーサイトでは、「サービス」というナビゲーションラベルが「製品と仕様」になり、メニュースペースには3語長すぎます。ホームページのヒーロー見出し「製造業のパートナー」は3行に折り返され、ボタンをフォールドの下に押し出します。実際のデータを含む製品テーブルが列からあふれます。これが貴重な情報です。どのセクションをカスタマイズすべきかを正確に教えてくれます。

先に色を変更すると、すべてのレイアウト問題をテンプレートのせいにし、さらに悪化させます。最初にコンテンツ投入を行いましょう。これはプロジェクト中に実行する最も安価な診断です。

カスタマイズするときは、優先順位付けを行います：実際のデータで壊れるレイアウトは今すぐ修正し、見た目に関する好みはクライアント承認ラウンドのために記録します。これにより、ロゴの間隔を調整するのに午後全体を費やし、見積もりフォームが機能しないことに気づくという典型的な失敗を防げます。

実際のコンテンツでないものはすべて取り除く

テンプレートには埋め草が付属しています。「ウィジェットの選び方」というブログ投稿、ストック写真付きの5つのチーム経歴、お客様の声スライダー、イベントカレンダー、価格表。クライアントがセクションの実際のコンテンツを持っていない場合は、そのセクションを削除します。

空またはほぼ空のセクションは、サイトを未完成の印象にします。2つの引用があるお客様の声スライダーは壊れて見え、1枚の写真があるチームグリッドは寂しく見えます。サプライヤーのクライアントには写真撮影済みの2つの製品カテゴリがあり、残りには写真がありません。プレースホルダーギャラリーを構築しないでください。ギャラリーを取り除くか、写真のないカテゴリにはよくデザインされたドキュメントリストに置き換えます。

同じルールがページタイプにも適用されます。テンプレートにブログが含まれていて、クライアントが投稿を書かない場合は、ナビゲーションからブログを削除し、ニュースページを維持するかどうかを決定します。コンテンツ監査に対応するページのみを保持します。未使用のページはメンテナンス上の負債であり、ローンチ後のカスタマイザーのブラックホールです。

トレードオフ：カスタムビルドは想像するすべてのページを含めることができます。テンプレートはできません。だからこそ、コンテンツ監査が最初にあるのです。デモセクションがすべて無傷で最も見栄えのするものではなく、クライアントが必要とするもののほとんどが付属しているテンプレートを選びたいのです。

ローンチキットで2人目のクライアントをより速く

最初の実行は意図的に遅いです。ワークフローを確立しているのです。2人目のクライアントは、同じテンプレートを再利用したからではなく、プロセスを自分のものにしたから速くなるはずです。

最初のプロジェクトの後にローンチキットを作成します。最低限：

• セクション1のディスカバリー質問リスト。
• クライアントごとに1つのタブがあるコンテンツ監査スプレッドシート。
• 一般的な垂直市場向けのページタイプチェックリスト。
• 1ページのカスタマイズプレイブック：コンテンツ投入、レイアウト修正、スタイリングの順序。
• 垂直市場ごとの「テンプレート候補リスト」—すでに審査済みの2、3のテーマ。

次のクライアントが来ます。キットを開き、サプライヤーの製品ラインを削除し、彼らの価格表ページを追加し、同じ監査を実行します。プロセスを再発見するのではなく、実行するのです。

これが、エージェンシーがすべてのウェブサイトを白紙のページとして扱うのをやめる方法です。チームが定期的に同じ間違いを繰り返すなら、悪い習慣を制度にする前にテンプレートを台無しにするカスタマイズの間違いを確認してください。

テンプレートが問題ではない場合を知る

もう1つの段階：修正ラウンド。クライアントは大きなタイプ、カルーセル、追加のランディングページ、「ロゴをパルスさせられますか？」を求めます。自然な反応はテンプレートのせいにすることです。しかし、いつもそうとは限りません。

ほとんどの修正の繰り返しはテンプレートの制限ではありません。共有された青写真が欠けているのです。クライアントが自分のコンテンツがどのようにページにマッピングされるかを見ることができなければ、ページの目標が明確にされていないため、レイアウト変更を求め続けます。曖昧なリクエストを受けたら、監査からページの目的に戻ります。「このページは見積もりリクエストを得るために設計されています。パルスするロゴはその目標に寄与しません。代わりにスティッキーな見積もりボタンを配置しましょう。」

それが正直なトレードオフです。カスタムビルドはほぼ無限の柔軟性を提供しますが、その柔軟性にはコストがかかります：ローンチ後のすべての変更が変更注文となり、サイトはビジネス目標から逸れる可能性があります。モジュラーセクションを持つ適切に選ばれたテンプレートは、新しいブロックをより速く安く吸収できます。コンテンツ監査に照らして選択した場合に限ります。「テンプレートはこれができない」と「これはこのページに属さない」の違いを知ってください。

結論

見た目ではなく、コンテンツでテンプレートを選びましょう。インテーク質問を実行します。コンテンツタイプをマッピングします。内部ページを監査します。デザインパスの前にコンテンツ投入を行います。実際のものでないものを取り除きます。学んだことを次のクライアントのために保存します。

サプライヤーサイトがローンチします。3か月後、HVAC請負業者があなたのところに来ます。同じプロセス、新しいスプレッドシートタブ、より速い実行。テンプレートは繰り返し可能な開始点となり、クライアントは実際のコンテンツに耐えるサイトを手に入れます。

質問から始めましょう。テンプレートは後からついてきます。