WeidertGroupの成長主導型デザインWebサイトのケーススタディ

独自のWebサイトでこの方法論を実装したWeidertGroupの経験を確認して、Growth-Driven Design（GDD）がどのように機能するかを学びます。

私たちの挑戦

Weidert GroupのWebサイトはますます多くのトラフィックを集めていましたが、期待どおりに機能していませんでした。ユーザーエクスペリエンス（UX）は直感的ではなく、サイトをモバイルで表示する場合は面倒でした。 そして、このサイトはリードを引き付けて変換しましたが、ほとんどは私たちが最も望んでいるターゲット業界からのものではありませんでした。 最後に、このサイトは3年間かなり静的であり、毎日のブログ以外のページにわずかな変更が加えられただけでした。 分析と私たちの判断がその有効性が衰えていることを示したので、設計は更新の予定でした。

ソリューション

私たちの典型的なアプローチは、Webサイトを完全にオーバーホールすることでしたが、従来のWebサイト開発プロセス（最初から最後までの一連の作業）を実行するために必要な時間を費やすことができませんでした。 代わりに、Growth-Driven Design（GDD）の原則と方法を活用することを選択しました。その際、次のことができると期待しています。

• 比較的短い時間枠内に最初のWebサイト（「ランチパッド」サイト）を作成します
• 予算（時間/才能）を1年に均等に配分します（最初のサイトへの投資は控えめで、分析に基づいた反復的な変更に対する継続的な要件は小さくなります）
• 私たちが学んだように、ユーザーデータを活用して継続的な更新を行うサイトに向けて進化し、「常に最適化されたサイト」の状態をもたらします

プロセス

戦略フェーズ

• まず、最良の見込み客を再特定し、関連する購入者のペルソナを更新しました。 主に見込み客に話しかけるために、ターゲットオーディエンスを再定義し、デザインとコンテンツの焦点としてインダストリアル（およびそれらにサービスを提供するビジネス）を優先しました。
• 焦点をより正確に伝えるために、新しいブランディング戦略（色、フォント、グラフィック/写真/ビジュアルアプローチなど）を開発しました
• サイトの目標と変更のウィッシュリストを作成しました。 新しいサイトの目標は次のとおりです。
• 毎月13のマーケティング適格リード（MQL）と4つの販売適格リード（SQL）をキャプチャします
• 訪問者セッションを月額35,000に増やす
• 新しい連絡先を月額296に増やす
• 新規顧客数を月1回に増やす

ウィッシュリストは、新しいサイトの一部として利害関係者が望んでいたすべての戦略的および戦術的機能のかなり網羅的な項目であり、スピーカーのビューローページ、コスト計算機、拡張されたチームの経歴、私たちの働き方を概説するプロセスページなどの変更または追加が含まれていましたクライアントなどと

Launchpadビルドフェーズ

• 次のステップは、ランチパッドサイトの計画を開始することでした。このサイトは、訪問者にすべての重要な機能とコンテンツを提供し、継続的に改善することができます。
• 最初に、目標を達成するのに最も役立つと思われるものに基づいてウィッシュリストに優先順位を付け、次にチームメンバーからの必要な入力/作業の概要を示し、詳細なタイムラインの一部として割り当てを結びました。 すべてのウィッシュリストアイテムが実行されたわけではありません。 立ち上げ後に残ったものは、継続的な改善サイクル中にレビューするためにウィッシュリストに保持されました
• Webページ用に新しいコンテンツ（コピーとグラフィックス、および機能）が作成され、ランチパッドサイトが構築されました。 このフェーズはわずか6週間でしたが、同じページ数の従来のサイトビルドでは平均約5か月でした。
• サイトは9月21日に時間通りに立ち上げられました

継続的改善サイクル

• サイトの最初の反復では、データではなく判断が私たちの決定を導きました。 ただし、以降のすべてのサイクルでは、データを使用して、ユーザーエクスペリエンスと目標の指標を改善するために必要な変更を決定しました。
• ランチパッドサイトで実行されなかったウィッシュリストアイテムは、最初の月例GDDミーティングで提示され、チームの人々がサイトを改善すると感じた他の提案もありました。 これらは優先順位が付けられ、関連する作業がチームメンバーに割り当てられました
• 同様のプロセスが各サイクルで実行されます。 私たちのサイクルは4-5週間で、通常は約20営業日です。

GDDの結果

戦略フェーズで述べたように、セッション、連絡先、MQL、SQL、および顧客の目標を特定しました。 最初の6か月で、私たちは目標を水から吹き飛ばしました。   このプロセスを実施することで学んだすべてのことは言うまでもなく、私たちが達成した成長を見るのはこれ以上興奮することはありません。 このアプローチを取ることは、それを設定して忘れるアプローチとは対照的に、訪問者が私たちのサイトをどのように使用するか、彼らが興味を持っていること、人々をページに長くとどまらせること、そして他の多くの洞察について私たちに多くを教えてくれました私たちのサイトにGDDアプローチを採用していなかったら、私たちはこれまでになかったでしょう。   

継続的改善サイクルで行われた変更からのメトリック

2017年9月にランチパッドサイトを立ち上げて以来、2018年4月の時点で6つの継続的改善サイクルを完了しました。これらのサイクルを通じて、サイトのユーザーが何に興味を持っているかについて多くのことを学びました。以下は、継続的改善サイクル中に行われたいくつかの変更です。私たちの驚異的な成長に貢献しました。

コンサルテーションランディングページの更新

オリジナル

• テキストが多すぎます
• 訪問者がランディングページから離れることを許可/奨励するサイトナビゲーションが含まれています。 （例：「チームに会う」ボタン）

行われた変更

• 仮説：ナビゲーションを削除してページにビデオを追加することにより、ページ滞在時間と会話率が向上します
• テキストをビデオに変えた–視聴者とコミュニケーションするためのはるかに魅力的な方法
• ランディングページのナビゲーションを削除しました

ブログのモバイルビューのヘッダーバナーを削除しました

オリジナル

• 大きな（「背の高い」）ヘッダーバナーにより、モバイルユーザーは探しているコンテンツに到達する前にかなりスクロールする必要があり、ページの終了率が高くなりました。

行われた変更

• 仮説：ブログのヘッダーバナーを削除することで、ページの滞在時間が長くなり、終了率が低下します
• モバイル版のサイトからバナーを削除しました。 ページの下位のコンテンツに到達する「目」の数の改善は、以下のHotjarヒートマップキャプチャで確認できます。 色が暖かいほど、オブジェクトまたはセクションが訪問者から受け取ったビューが多くなります

モバイルユーザーのエクスペリエンスを向上させるためにモバイル中心の設計を実行しました（前の期間と比較して現在までに起動）

オリジナル

• トラフィックの85％以上がデスクトップから発信されているため、モバイルは最優先事項ではありませんでした

行われた変更

• 仮説：モバイルファーストデザインを有効にすることで、モバイルトラフィックは増加し、モバイルデバイスでサイトにユーザーを維持することができます。
• 立ち上げ以来、ページの成長に伴う時間とともに、ページビューの大幅な成長が見られます

再設計された行動を促すフレーズのボタン

すべての高度なコンテンツのCTAが更新され、視覚的に面白くなり、高度なコンテンツの価値についてより明確な見出しが付けられました。

仮説：見出しをより明確にすることで、より多くの人々が私たちのCTAをクリックし始めると信じていました。

追加のポイント

• 私たちがサイトに加えるほとんどの変更は、実験として始まります–「本文のコピーからこのリンクを削除した場合、このリンクのクリック数を増やすことができますか？」 「このチャートの新しいデザインは、より多くの注目を集めるでしょうか？」 「コスト計算ツールを使用すると、訪問者はデモのリクエストに近づくことができますか？」 サイトに変更を加えると、ユーザーの訪問から収集されたデータから、実験が機能したかどうかがわかります。
• 実験自体は、情報に基づいた仮定に基づいています。 私たちは、見込み客について知っていること、すでに収集したデータ、および人々がWebサイトに何を期待しているかについての知識を使用して、実験を作成します。
• これらの実験のすべてが機能するわけではありませんが、それらはすべて私たちに何かを教えてくれます！ 1つの例は、ランディングページ変換フォームに対して行ったフォーム戦略の更新です。 訪問者がドロップダウンオプションを選択する必要がある質問を追加した後、フォームに入力する訪問者の数が減少しました。 これは、訪問者がそのレベルまたは量の情報を提供したくないことを示す良い兆候でした。
• 私たちのウィッシュリストは、訪問者が有用または興味深いと思うものについて私たちが下す判断に基づいています。 見込み客が「あなたとの典型的なインバウンドマーケティングエンゲージメントはどのように機能しますか？」 ユーザーデータは、そのページに時間を費やしているかどうか（および、どのくらいの時間、どの領域をクリックしているか、このページからどこに移動したかなど）を示します。
• 指標には時間がかかります。 あなたのウェブサイトのバックエンドは、きちんとした、使いやすいパッケージで自動的に数字を吐き出しません。 しかし、一度集められて評価されると、彼らはあなたのウェブサイトを非常に効果的なリードアトラクションと変換マシンに変える力を持っています。

2017年9月にランチパッドサイトが公開されて以来、継続的に更新を行っており、その結果、大きな成功を収めています。 Growth Driven Designエンゲージメントがあなたの会社にとってどのように見えるかについてもっと知りたい場合は、私たちに連絡してください。 あなたからの御一報をお待ちしています！