うまくいくウェブサイトデザインプロセス：あなたが望む専門サービスウェブサイトを取得する方法

専門サービス会社のウェブサイトは、その最も価値があり目に見えるマーケティング資産の1つです。 それは間違いなく企業のブランドの最も重要な表現です。 バリュープロポジションを明確に示し、そのポジションを活用して高品質のリードを生み出すWebサイトを構築すると、会社の収益を劇的に向上させることができます。

インパクトのあるリード生成サイトを作成することは不可能な作業のように思えるかもしれませんが、これらの3つの基本的な構成要素から始めれば、次のようにうまくいくでしょう。 2）それを実行する才能のあるチーム、および3）全体的なユーザーエクスペリエンスとコンテンツ戦略を強化し、目標を達成するためのWebサイトデザインプロセス。

この投稿では、これらの要件の最後に焦点を当てます。 まず、あなたはあなたの会社の中で見つける必要があります。 あなたが雇うことができる2番目。 3つ目は、最初の2つをバインドし、プロセスを前進させます。

Webの再設計の旅に出ようとしている場合、今後の道のりにはいくつかの穴があります。結局のところ、最新の高性能Webサイトは非常に複雑になる可能性があります。 しかし、適切なプロセスを実施することで、多くのWebプロジェクトを悩ませている落とし穴や不幸を回避できます。 この投稿では、10年以上にわたって改良されたプロセスを紹介し、不安を感じることなく、常に必要なWebサイトを提供します。 そしてその過程で、私たちが学んだ難しい教訓のいくつかを共有します。

調査によって情報を得て、長年の経験と分析によって検証された、これは機能するプロセスです。

これは誰のためですか？

この投稿は、新しい専門サービスWebサイトの計画または実行に関与する人々、特にそれを確認する責任のあるマーケターと利害関係者を対象としています。 そして、それはウェブサイトのデザインプロセスをわかりやすく説明し、正しい足で始めたいと思っている人のためのものです。

専門サービスのウェブサイトが異なる理由

私たちは、コンテンツ駆動型、B2C、B2B、Webアプリなど、さまざまなビジネス構成にまたがる多くのWebサイト設計プロセスに参加してきました。 専門サービスのウェブサイトの違いは何ですか？

専門的なサービスでは、信頼性を伝えるための基本的な必要性があります。 企業は信頼できる専門家からサービスを購入します。 強力な紹介でさえ、あなたをドアに連れて行くのに必ずしも十分ではありません。 私たちの調査によると、購入者はあなたのWebサイトをチェックして紹介を確認し、見つけた（または見つけなかった）情報に基づいて紹介を簡単に割引します。 あなたの見込み客は、彼らが高額商品である傾向があり、かなりのリスクを伴う複雑なサービスを購入していることを知っています。 これらは、B2C（場合によってはB2B）の世界で見られる衝動買いの反対です。

専門的なサービスの販売サイクルには長い時間がかかる可能性があるため（多くの場合、数か月または数年）、多くの潜在的な購入者は、購入する準備ができるずっと前にあなたの会社に遭遇します。 したがって、あなたのウェブサイトはまた、最初の発見から差し迫った販売まで、購入プロセスのすべての段階で見込み客に対処する必要があります。 その間に、たくさんの育成が続いています。

そうは言っても、統一された全社的なブランドメッセージをサポートしながら、サイトがやり取りする多くのオーディエンスと話すことも重要です。 たとえば、さまざまなサービスエリアがさまざまなメッセージを伝達する必要があることに気付くことがよくあります。 潜在的なクライアントが関連性のあるタイムリーな情報を簡単に見つけることができ、クロスリンクと思慮深いユーザーエクスペリエンス戦略を通じてこれを達成できることが重要です。 もちろん、専門サービス会社にとって最も重要な聴衆の1人である将来の従業員を忘れることはできません。 ほとんどの企業は才能の需要に追いつくのに苦労しているので、あなたのウェブサイトをデザインする際に新入社員の視点を考慮することは理にかなっています。

これらのことを念頭に置いておくと、可視性を構築し、エンゲージメントを促進し、パフォーマンスを監視して調整を行うためのツールを提供する、動的な多目的プラットフォームの開発に役立ちます。

ウェブサイトプロジェクトがうまくいかない理由

ウェブサイトのデザインプロセスに取り組む正しい方法に入る前に、何がうまくいかないかを調べることは有益です。

ウェブサイトのプロジェクトが悪化するという驚くほど一貫した理由がいくつかあります。 これらの理由は、大小の企業に当てはまります。 会計、財務、建築、エンジニアリング、テクノロジー、または政府のサービスを提供するかどうかにかかわらず、これらの一般的な落とし穴を避けたいと思うでしょう。

意思決定者が多すぎる

決定を下すということになると、多くは少なくなります。 グループが大きいほど、意見を検討して合意に達するまでに時間がかかります。 グループが大きすぎる場合、または強い反対意見を持つ個人が含まれている場合、意思決定が停止し、プロジェクトを効果的に終わらせることができます。 より良いアプローチは、利害関係者によって権限を与えられた2〜4人の小さなチームを編成して、より大きなグループに代わってプロセスを推進し、決定を下すことです。 途中の2つまたは3つの重要な時点で、より大きなグループに進捗状況を提示することは問題ありませんが、それらがステータスの更新のみであり、コースを変更する機会ではないことを条件とします。

「魚雷」チームメンバー

これは、私たちが直面する最も一般的な、そして潜在的に壊滅的な課題の1つです。上位のリーダーは、日常のWebサイトの設計プロセスに参加する時間がありませんが、サイトを立ち上げる前に承認する必要があります。 このシナリオの問題は、主要な意思決定者がプロセスに参加していない場合、途中で行われた無数の小さな意思決定を把握できないことです。 彼らはしばしば非現実的な期待や表現されていない価値をプロジェクトにもたらします。 外を見る。 魚雷が来ました。

スコープクリープ

サービスを販売するすべての会社はこれに精通しています。 したがって、同じ危険があなた自身のウェブサイトの再設計プロセスに潜んでいるのは当然のことです。 そのため、着手する前にプロジェクトの範囲を明確に定義し、プロセス全体を通じて規律を維持することが重要です。 新しいアイデアが生まれたら、それが仕事の範囲にどのように適合するかを考えてください。 新しい機能を組み込むために、いつでも作業の第2フェーズを計画できます。 スコープクリープ、およびそれを助長する非現実的な期待は、スケジュールの遅延、不必要なストレス、および恥ずかしい間違いを生み出します。

非現実的な期待

クライアントがAmazonスタイルの予測アルゴリズムやAppleのようなWebサイトを要求するのを聞いた回数を数えることはできません。 単純に見えることは、悪魔のように複雑になる可能性があります。 だからあなたが望むものに注意してください。 このコインの裏側では、テクノロジーは日々進化しています。 かつては手が届かなかった一部の機能が、リーズナブルなコストで利用できるようになりました。 最先端のテクノロジーについて質問しても問題はありませんが、実装が常に簡単または手頃な価格であるとは限りません。

隠された技術要件

Webサイトの技術要件を文書化することは、見た目よりも難しい場合があります。 実際、あなたのウェブサイトが特に複雑な場合、あなたのウェブエージェンシーはあなたの新しいサイトの複雑さを解くためにあなたに別の料金を請求するかもしれません。 ただし、より単純なサイトの場合は、既存のサイトを注意深くレビューし、共同で技術的なレビューを行うことで、主要な部分が明らかになります。

プロセスを所有していない代理店

あなたの会社にマーケティングとブランディングの専門家、デザイナー、開発者の社内チームがいない限り、あなたは代理店パートナーと協力してウェブサイトのデザインプロセスを案内します。 しかし、あなたの代理店が、実績のあるプロセスを通じてあなたの会社を導くことよりもあなたを喜ばせることに関心があるなら、あなたはワイルドな乗り物になります。 このプロセスは、サイトの品質とタイムリーな配信にとって重要です。 あなたがあなたのすべての気まぐれに曲がっているあなたの代理店パートナーを見つけるならば、あなたのウェブサイトプロジェクトはすぐに道に迷うでしょう。

動作するウェブサイトのデザインプロセス

何を避けるべきかがわかったので、このWebサイトを正しい方法で再設計するにはどうすればよいですか？ 代理店に連絡する前に、ロードマップのスケッチを開始します。 これは、サイトについて戦略的に考えるのに役立ち、会社に最適な代理店を見つけるのに役立ちます。 検討したいトピックは次のとおりです。

1. 新しいサイトの高レベルの目標を設定します。 たとえば、次のことを行いますか？
   • 検索エンジンと関連するソーシャルプラットフォームを通じて可視性を高めますか？
   • 信頼性を構築しますか？
   • 新しい才能を引き付けますか？
   • リードを生成しますか？
   • ソートリーダーシップのためのプラットフォームを作成しますか？
   • トラフィックを増やしますか？
2. あなたの会社の現在のウェブサイトを評価してください。
   • 何が機能していて何が機能していないのですか？
   • どのコンテンツが残り、何が行き、何を書き直す必要がありますか？ ブログや会社のニュースなど、コンテンツの深い領域を無視しないでください。
   • 現在のコンテンツは検索エンジン向けに最適化されていますか？
   • ソートリーダーシップの内容を評価します。
3. 会社に必要な機能とその要件を決定します。
   • 技術要件を2つの優先リストに分けます。「必須」と「必須」です。 例としては、CRM統合、高度なフィルタリングまたは検索機能、ATS統合、ブログ/ニュース/コンテンツフィードなどがあります。
4. 十分な時間を計画します。
   • 典型的な専門サービスのウェブサイトの再設計プロジェクトは、開始から終了まで4〜8か月かかります。 大規模な組織の複雑なサイトは、さらに時間がかかる場合があります。
5. 現実的な予算を設定します。
   • ほとんどの専門サービスサイトの費用は35,000ドルから25万ドルの間です。
6. コンテンツを計画します。
   • まだ準備ができていなくても、近い将来、コンテンツマーケティング戦略を組み込むことを計画してください。 コンテンツマーケティングはここにとどまります。
7. RFPをスキップします。
   • RFPは、実際に適切なものを見つけるのを難しくします。 なんで？ まず、正しい質問をしているのかどうかを前もって知らない場合があります。 ほとんどのRFPは、それらを誤解している、過度に具体的、または過度に一般的です。
   • それらは、応答する会社をユニークにするものを特定することを困難にします。
   • ご存知のとおり、 RFPは、企業の無形資産、つまりその個性、真の専門知識、およびその他の重要な属性を評価することを困難にします。 多くの優れた企業は、RFPに応答しません。 RFPを作成する代わりに、外に出て、ニーズに合った会社を探します。たとえば、あなたのような会社と協力したり、高品質の仕事を生み出したり、尊敬されている仲間やパートナーから推薦されたりした代理店を探します。

代理店の選択

あなたがあなたのウェブサイトを社内で開発していないなら、あなたは素晴らしいウェブパートナーを見つけたいと思うでしょう。 彼らのポートフォリオを批判的に見てください。 彼らはあなたの業界を理解していますか、それともあなたは彼らを教育する必要がありますか？ それから彼らと話してください。 彼らが予算を超えないようにする方法を尋ねます。 ウェブサイトのデザインに対する彼らのアプローチはどのようなものであり、あなたの新しいサイトはあなたの全体的なマーケティング戦略においてどのような役割を果たしますか？ また、データ、調査、またはベンチマークを使用して推奨事項を通知するかどうかを尋ねます。

可能であれば、代理店と時間を過ごしてください。 ウェブサイトのような拡張プロジェクトの場合、適切な文化的適合性を見つけることは、チームの技術的なチョップと同じくらい重要です。 最後に、会社の専門知識とサービスに関するさまざまな視点を収集するために、必ず代理店の参照を呼び出してください。

おめでとう！ あなたは代理店を選択しました–今何ですか？

今、本当の楽しみが始まります！ あなたの代理店はあなたのチームを注意深く作られたウェブサイトのデザインプロセスに連れて行きます。 各Web会社はこのプロセスについて独自の見解を持っていますが、これらのプロセスのほとんどは、以下に概説するヒンジで使用するプロセスと似ています。

1. プロジェクトの発見
   • この最初の会議には、すべての意思決定者を含める必要があります。
   • Webサイトの目標を明確に定義するように求められます。
   • サイトの技術要件について話し合い、次のステップを特定します。 CRM、マーケティングオートメーション、HRシステム、イントラネット、その他の内部システムなどのサードパーティの統合を検討してください。
   • 美的好みとスタイルガイドライン（ある場合）について話し合います。
   • コンテンツ、メッセージング、およびSEOの目標について話し合います。
   • 分析について話し合います。 （キックオフの前に、アナリティクスのログイン資格情報と調査を代理店チームと共有する準備をしてください。）
2. 競争力のある風景
   • 主要な競合他社のWebサイトを特定して、設計チームがサイトを別の視覚的な方向に導くことができるようにします。
   • ユーザーエクスペリエンスを確認します。
   • 彼らのサービスと市場の内訳を確認します。
3. 新しいサイトアーキテクチャ（またはサイトマップ）を開発する
   • サイトの構造とナビゲーションをシンプルでわかりやすいものにすることを目指します。 ナビゲーションボタンの意味や移動先を訪問者に推測させないでください。
   • ブログがない場合は、ブログを追加することを検討してください。 エキスパートコンテンツは、新しいトラフィックとリードを促進するエンジンです。
   • ライブラリまたはリソースセクションを追加することを検討してください。 このセクションには、訪問者を引き付けてリストを作成するために使用する貴重なコンテンツが含まれています。
   • 設計を開始する前に、サイトマップをロックしてください。
4. クリエイティブブリーフを作成する
   • ホームページから始めて、主要なページに表示される要素を特定します。
   • サイトがとるべきクリエイティブディレクションを明確にします。
   • 避けたい創造的または機能的な特徴を説明してください。
5. 早い段階で書き込みプロセスを開始します
   • デザイナーが使用できるライブテキストが多いほど、デザインコンセプトはより「リアル」に感じられ、評価が容易になります。 これは、ライターがすぐに重要なテキストに取り組む必要があることを意味します。
   • ホームページから始めます。 ポジショニングと重要なメッセージを表す見出しに特に注意してください。
   • チームがメッセージング要素とデザイン要素を一緒に評価することが重要です。 そうすれば、完全なユーザーエクスペリエンスを得ることができます。
6. 2-3の初期アプローチを設計する
   • サイトの初期設計の方向性を確立するために、さまざまな機関がさまざまなアプローチを取ります。 詳細を入力する前に、各ページタイプをマップするためのワイヤーフレームで始まるものもあります。 他の人は、プロジェクトの美的境界を確立するためにムードボードを提示します。 それでも、他の機関は最初にホームページに取り組み、サイトの他の部分の視覚的な参照として使用します。 さらに、一部のエージェンシーは、この時点で1つまたは2つのサブページも設計します。
   • 理想的には、代理店は主要な設計上の決定をサポートするための客観的なデータを提供できるようになります。 たとえば、訪問者の大多数があなたのリーダーシップページを見ていることをGoogle Analyticsから知った可能性があります。その結果、代理店はあなたのホームページに主要人物を掲載することを推奨する場合があります。
   • 複数の設計コンセプトが提示されている場合は、限界を少し押し上げて、より大胆なアプローチを取るように挑戦する必要があります。 他の概念はより保守的である可能性がありますが、一般的な決まり文句は避けてください。 いずれにせよ、それぞれのアプローチはあなたの会社を視覚的に区別する必要があります。
7. 設計アプローチを選択する
   • デザインチームがその仕事をしてあなたの話を聞いたのなら、あなたは少なくとも1つの視覚的なアプローチが正しいと感じるはずです。 まだ100％満足していない場合でも、将来の改訂の基礎としてそのデザインを選択してください。 もちろん、すべての概念がマークを外している場合は、設計図に戻る必要があるかもしれません。 チームが新しいアプローチを開発するために使用できる特定のフィードバックを提供する準備をしてください。
   • この時点で画像にとらわれすぎないでください。画像は常に変化する可能性があります。 代わりに、全体としての設計のメリットを考慮してください。
   • ほとんどの場合、1〜2ラウンドの改訂で全体的な設計承認を得ることができるはずです。
8. 残りのページレイアウトをデザインする
   • 特に複雑なページ（ショッピングカートやカスタム学習管理システムなど）がない限り、残りのレイアウトは通常、かなり速く進みます。
   • フィルタやタグ付けメカニズムなどの主要な機能を確認して、必要な関連情報に関するフィードバックが含まれている/提供されていることを確認します。
   • これは、ページの画像を承認するときです。 適切な画像を見つけることは（特にストックフォトに依存している場合）時間のかかる作業になる可能性があるため、必ずデザインチームと緊密に連携してください。 カスタム写真やイラストを依頼する場合は、作成時に画像を承認できるはずです。
   • この時点でも、Web開発チームが関与している必要があります。 コードに進む前に、実際的な課題を引き起こす可能性のある設計の側面を特定できます。
9. レスポンシブレイアウトを完成させる
   • 今日の外出先の市場では、モバイルデバイス用にWebサイトを最適化することが不可欠です。 つまり、レスポンシブデザインを採用することを意味します。これは、単一のコードセットを使用して、さまざまなデバイスやブラウザの幅にWebサイトを適合させる開発手法です。 最高のユーザーエクスペリエンスを提供するには、デザインチームは、電話とタブレットでさまざまなページがどのように表示されるかを示すデザインを提示する必要があります。
   • 電話で優れたエクスペリエンスを提供するために、ページ要素はデスクトップレイアウトとは異なる順序で表示されるか、簡略化されるか、完全に削除される場合があります。
   • 通常、サイトナビゲーションは、モバイルデバイスでは異なる形式（多くの場合、「ハンバーガー」メニューに折りたたまれています）になります。
10. 開発サイト
    • すべてのファイルを一度に開発に送信するのが最も効率的です—すべてのスタイル、デザイン、および要件が固まって承認されたとき。 これにより、不整合を見つけやすくなり、開発時間が短縮されます。
11. テストサイト
    • 開発者、デザイナー、サイトについて何も知らない個人など、複数のチームを巻き込みます。
    • サイトが完成する前であっても、テストを早期に開始します。 次に、1週間以上かけて、立ち上げ前に完成したサイトをテストします。
    • 内容に特に注意してください。 恥ずかしいタイプミス、フォーマットの問題、壊れたリンクを見落とすのは簡単です。
    • バグの継続的なログを保持します—バグはプロセスの自然な部分です。 サイトが立ち上げられた後でも、いくつかあるはずです。 チームはすぐにそれらを押しつぶす準備をする必要があります。
12. 打ち上げサイト
    • 可能であれば、ソフトローンチを検討してください。 これは、最初はファンファーレなしでサイトを立ち上げて、あなたと訪問者が潜在的に恥ずかしいバグを見つけて報告する機会を与えることを意味します。 その後、1〜2週間後、すべてが期待どおりに機能しているように見えたら、新しいサイトをリストに正式に発表できます。

その他の重要な考慮事項

これがウェブサイトのデザインと開発のプロセスです。 ウェブサイトの再設計を計画する際に考慮すべきことがいくつかあります。

コンテンツを書く前にキーワード調査を行う

書かれた後にキーワードをウェブページに押し込むことは可能ですが、ライターがキーワードを前もって持っていれば、はるかに良い結果が得られます。 結果として得られるコピーは、より自然に読み取られます—そしてそれはより良い読み取り体験になります。

セキュリティの計画

多くの専門サービスのWebサイトがハッキングされるのを見てきました。 結果は、恥ずかしい、または完全に損害を与える可能性があります。 ただし、これらの状況のほとんどは、ほとんど先見の明と注意を払うことなく防ぐことができます。 代理店がセキュリティを真剣に受け止め、悪意のある攻撃からサイトを保護する計画を立てていることを確認してください。 他に何もない場合は、安全なパスワードを使用し、Webサイトソフトウェアを最新の状態に保つようにしてください。

スピードを計画する

サイトの読み込み速度は、ユーザーのエクスペリエンスと検索エンジン結果でのサイトの可視性の両方に影響します。 実際、Googleは読み込みが速いサイトを明示的に支持しており、 AMPなどの新しいモバイル速度向上テクノロジーを支援しています。 サイトの速度に影響を与える要因には、ほんの数例を挙げると、画像、ビデオ、JavaScript（およびその他のクライアント側スクリプト）のサイズ（バイト単位）、サーバーの速度などがあります。 CDN（Content Delivery Network）は、ほぼすべてのサイトの読み込み速度を向上させることができ、 CloudFlareなどの多くの優れた無料オプションを利用できます。 ページコードのサイズも速度に影響を与える可能性があるため、開発チームがクリーンでコンパクトなコードを作成するための規律と経験を持っていることを確認してください。

あなたのウェブサイトを再設計することは刺激的で楽しい経験であるべきです。 残念ながら、多くのWebプロジェクトは、予測可能なポイントで軌道に乗らないことがよくあります。 そのようにする必要はありません。

最高の体験、そしてあなたを誇りに思う最終製品のために、次の点に留意してください。

1. 経営陣の決定を下すことができる小さなチームを編成する
2. この投稿で概説されているような実績のあるウェブサイトのデザインプロセスに従ってください
3. 代理店または設計チームがプロセスを主導できるようにする
4. よくそして頻繁に通信する
5. 自分で仕事をしていない場合は、資格があり、業界を理解し、文化に適した代理店を選択してください

あなたのウェブサイトはあなたの最も価値のあるマーケティングツールです。 次の再設計では、この機会を最大限に活用して、将来の見込み客、パートナー、および従業員とオンラインでつながり、関与してください。 優れたプロセスを導入することで、最も一般的なWebデザインの障害の多くを回避できるだけでなく、より優れたWebサイトも提供できます。

無料のリソース

リード生成ウェブサイトガイド

もっと詳しく知る