究極のウェブサイト再設計チェックリスト[無料ダウンロード]

公開: 2020-12-16

顧客はウェブサイトのデザインに基づいてあなたのビジネスについて意見を述べます。 実際、第一印象の94%はウェブサイトの外観に関連しており、ウェブサイトの信頼性の75%はそのデザインに由来しています。

あなたのウェブサイトは、色、要素、情報構造、画像などのデザインによって、あなたのビジネス、ブランド、価値観を表しています。 魅力的でないウェブサイトで時間を過ごしませんか? または、モバイルデバイス用に最適化されていないWebサイトですか?

あなたのウェブサイトが再設計を必要とするかどうか、そしてあなたが従うべきステップはどれであるか疑問に思っているなら、あなたは正しい場所にいます。

ウェブサイトを再設計する際に実行する必要のある一般的な手順の概要を説明しました。 このようにして、正しい方向に進んでいるかどうかを監視できます。

あなたのウェブサイトを再設計する時が来ましたか?

再設計は、さまざまなアプローチで取り組むことができる複雑なプロセスであることに注意することが重要です。 1つは、コンバージョン率の最適化(CRO)に重点を置いたランディングページの段階的な更新であり、もう1つは完全なオーバーホールです。 予算と目標に応じて、自分に最も適したものを選択する必要があります。

ウェブサイトの再設計を検討している場合、最初の質問は、ウェブサイトの再設計が必要であることをどのように知っているかです。 あなたのウェブサイトが以下の基準のほとんどを満たしている場合、これはウェブサイトの再設計の時が来たことを意味します。

あなたの目標とビジネス戦略が変わった

あなたがあなたのウェブサイトを立ち上げてから何年も経ちました。 あなたのビジネスはおそらく変化し成長しました。つまり、あなたのマーケティング目標も変わったということです。 あなたのウェブサイトはあなたの新しい戦略を反映するべきです。

あなたのウェブサイトは時代遅れに見えます

デザインのトレンドは毎年進化しています。 早い段階で、開発者はデザインにあまり煩わされませんでした。 それはあなたのビジネスを表すので、今デザインは非常に重要です。

あなたのウェブサイトのデザインが古い場合、人々はあなたのビジネスが最新のトレンドに従わないと思うかもしれません。 彼らはあなたやあなたの製品を信頼できるかどうかさえ疑問に思うかもしれません。

あなたのウェブサイトはあなたの収入を促進しません

あなたのウェブサイトが以前のように売り上げをもたらさないならば、あなたは間違いなく再設計を必要とします。 これは、特にオンラインショップにとって非常に重要です。 Webサイトの製品とサービスは、優れたユーザーエクスペリエンスと密接に関連している必要があります。

あなたのウェブサイトはゆっくりロードします

83%の人が、ウェブサイトが3秒以内に読み込まれることを期待しています。 ウェブサイトの速度が遅いほど直帰率が高くなり、これがコンバージョン率に反映されます。 ページが遅いと、97%のモバイルショッピングカートが放棄される可能性があります。

さらに、数年前、Googleはアルゴリズムがページをランク付けするために使用する要素の1つとしてウェブサイトの速度を含めました。

デザイン自体は速度に影響を与えません。 しかし、多くの場合、代理店やフリーランサーは、サイトをゼロから開発するときにWebサイトの速度を向上させることができます。

  • 関連記事:Google PageSpeedInsightsを使用してWebページのパフォーマンスを分析する方法

あなたの訪問者はもうあなたのウェブサイトにとどまりません

ゲストはあなたのウェブサイトにアクセスしますが、ウェブサイトに多くの時間を費やしたり、行動を起こしたりすることはありません。 その理由はさまざまですが、Webサイトのデザインを検討する必要があります。 あなたのウェブサイトが魅力的でない場合、あなたの訪問者は滞在してそれと対話する理由がありません。

あなたのウェブサイトはモバイルフレンドリーではありません

あなたのウェブサイトが最近再設計されていない場合、モバイルで問題が発生するのはごく普通のことです。 2020年には、これは考えられないことです。 米国では、Googleの訪問の63%がモバイルデバイスからのものです。

モバイルファーストを考えることはもはや選択ではありません。 それは絶対必要です。 eコマースの売上に関しては、データは、ユーザーの40%が、モバイルサイトでの悪い経験の後に競合他社に行くことを示しています。

12ステップのウェブサイト再設計チェックリスト

ウェブサイトのノートブックグラフィックをいつ再設計するか

あなたのウェブサイトが再設計を必要とするならば、あなたは次に何をすべきか疑問に思うかもしれません。 幸い、以下のチェックリストを用意しており、ウェブサイトの再設計の全プロセスをガイドします。

1.現在のWebサイトを監査します

実際のウェブサイトの再設計を始める前に、現在のウェブサイトを分析する必要があります。 このようにして、何をする必要があるかを効果的に計画できます。 次の質問について考えてください。

  • どのページがうまく機能しますか?
  • どのページのパフォーマンスが悪いですか?
  • どのページを完全に削除できますか?
  • どのコンテンツを残す必要がありますか? 更新が必要なコンテンツはありますか?
  • どのページを最適化する必要がありますか? 壊れたリンク、機能しない行動を促すフレーズのボタン、古い情報を確認してください。

Googleアナリティクスの主要指標を確認してください。 次のデータに注目してください。

  • トラフィック
  • 直帰率
  • 変換速度
  • オンラインショップを所有している場合のショッピングカートの放棄
  • リピーター
  • 新規訪問者
  • 関連記事:訪問者がWordPressWebサイトに費やす時間を増やす方法

2.SEOを除外しないでください

ウェブサイトの再設計プロセスは、SEO向けにコンテンツを最適化し、ランク付けできるより良いキーワードを検索する絶好の機会です。 SEO最適化は定期的に実行する必要があるものですが、それを怠った場合は、今ではそれを改善する機会があります。

SEOの技術的側面に関して、次のことができます。

  • メタディスクリプション、タイトルタグ、H要素を最適化する
  • 画像に代替テキストを追加する
  • 重複するコンテンツをクリアする
  • ビジネスに物理的な場所がある場合は、ローカルSEOキーワードを使用します
  • リンク構築を改善し、壊れたリンクを修正します
  • トレンドは成長し続けているので、音声検索を検討してください
  • 関連記事: SEOに最適なWordPress構造を作成する方法

3.目標を設定する

新しいオンラインビジネス戦略には、新しい目標が必要です。 Webサイトの監査後、達成したいことについてデータに基づいた決定を下し、新しい目標を決定することができます。

  • 関連記事:ウェブサイトの再設計がどのようにオーディエンスエンゲージメントを高めるか

4.価値提案を伝える

あなたがそれを始めてからあなたのビジネスは成長しました。 あなたはおそらく今、幅広い製品やサービスを提供しています。 これは、独自の価値提案が変更されたことを意味し、これを明確に伝える必要があります。

5.ターゲットオーディエンス向けにWebサイトを再設計します

あなたのウェブサイトを再設計するとき、あなたは一つの簡単な原則に従う必要があります–あなたのためではなく、あなたの顧客のために再設計します。 人々があなたのウェブサイトを開くとき、彼らは彼らのためにそれが何であるか、そしてあなたが彼らの問題点をどのように解決するかについて明確に理解しているべきです。

  • 関連記事:インフォグラフィック:ユーザー中心のWordPressコンセプトを開発する方法

6.競合他社を分析します

競合他社を調べて、再設計に投資したかどうかを確認します。 次の点について考えてください。

  • 彼らがフォローしているデザイントレンドは何ですか?
  • それらはどのような技術に導入されましたか?
  • 彼らはどのような新機能を彼らのウェブサイトに適用しましたか?
  • 何がもっとうまくできると思いますか? これはあなたが取り組むべき最も重要な質問です。

7.デザインオプションをリストし、アイデアをブレインストーミングします

デザインオプションブレインストーミングのアイデアノートパソコンのグラフィック

再設計プロセスの次のステップは、最新の設計トレンドを確認することです。 最もトレンドの色、フォント、ウェブサイトのスタイルを確認できます。 キーワードを調べて、ナビゲーションメニューを最適化できるようにします。

ターゲットオーディエンスを感動させるものを調査します。 すべてのアイデアを収集し、チームと話し合います。

  • 関連記事: 2020年に続く8つのeコマースWebデザイントレンド

8.再設計のアイデアを実現する適切なチームを見つける

あなたが雇う専門家を信頼する必要があるので、これは本当に重要なポイントです。 彼らが問題の核心に到達できるように、あなたは彼らにあなたのビジネスを明確かつ簡潔な方法で説明する必要があります。

適切なスペシャリストを見つけるには、さまざまな設計および開発者の職業について明確なアイデアを持っている必要があります。 あなたのウェブサイトが何百万ものビューを生成し、あなたのプロジェクトが非常に複雑な場合、WordPressエージェンシーを雇う必要があるかもしれません。

あなたのウェブサイトが小さな変更を必要とするならば、あなたはウェブデザイナーと開発者またはWordPressフリーランサーを必要とするかもしれません。

プロジェクトにとって何が正しい選択であるかをよりよく理解するために、この記事をチェックして、WebデザイナーとWeb開発者の違いを見つけるのに役立てることができます。

9.ステージング環境を使用する

Webサイトに変更を加える前に、既存のWebサイトに損傷を与えないことを確認する必要があります。 そのため、ステージング環境を作成してから、既存のWebサイトをその環境にコピーして、再設計に取り掛かる必要があります。 準備ができたら、コードとデータベースを作業環境からパブリック環境に移行できます。

ボーナスのヒントは、一時URLを除外して、重複コンテンツと見なされる可能性があるため、Googleのクロールボットがインデックスに登録できるようにすることです。

10.ユーザーエクスペリエンス(UX)のためにWebサイトを最適化する

あなたが好きなデザインを選ぶという罠にはまらないでください、しかしあなたの顧客はそうしません。

ユーザーエクスペリエンスに関しては、次の詳細を考慮する必要があります。

  • CTAボタンはあなたのウェブサイトの最も重要な部分です。 それらは明確であり、ユーザーがクリックしてそれぞれのアクションを実行したくなるようにする必要があります。
  • ナビゲーションはシンプルでなければなりません。 すぐに表示する必要のある情報を検索する時間をユーザーに無駄にしないでください。
  • ランディングページを作成するか、既存のページを最適化します。

オンラインショップを所有している場合、販売するeコマースランディングページを作成する方法に関するこのチュートリアルは、マーケティングキャンペーンの計画やランディングページの設計に役立つ場合があります。

11.モバイルフレンドリーなデザインは必須です

あなたのウェブサイトはどんなデバイスでもスムーズに動くはずです。 モバイルフレンドリーなデザインを持つことは、ポジティブな顧客体験を生み出します。

モバイルファースト戦略は、数年前にインデックス作成にモバイルファーストの要素を導入したGoogleでウェブサイトのランクを上げるのに役立つことを覚えておいてください。

  • 関連記事:モバイルWordPressSEO監査を実施するための4つのステップ

12.再設計されたWebサイトをテストします

最後のステップは品質保証テストです。 あなたは絶対にすべてをテストし、あなたの新しく再設計されたウェブサイトが完全に機能することを確認する必要があります。

ウェブサイトが公開されると、ユーザーの行動を分析する機会があります。 最も重要なコンポーネントは、行動を促すフレーズのボタンです。 ゲストがクリックしたかどうか、または追加の最適化が必要かどうかを監視する必要があります。

あなたのウェブサイトが完璧に機能するように、あなたが頼りにしている技術チームがバグを修正するために利用可能であることを確認してください。

  • 関連記事: WordPressサイトの品質保証計画を作成する方法

あなたを刺激するために再設計されたウェブサイトの5つの例

ウェブサイトの再設計がうまくいった有名ブランドの5つの例を見てみましょう。

Mailchimp

以前–ランディングページの行動を促すフレーズのボタンは1つだけで、あまりスタイリッシュではなく、見出しの価値提案が不明確です。

Mailchimp 2017

Mailchimp 2017

–明るい色、行動を促すフレーズのボタン、クリエイティブなグラフィック、明確な価値提案。

Mailchimp 2020

Mailchimp 2020

ドロップボックス

以前–あまり魅力的なランディングページではありません。 来場者の注意を引くことはありません。

Dropbox 2017

Dropbox 2017

–鮮やかな色と明確な価値提案。顧客は自分にとって何が必要かを理解できます。

Dropbox 2020

Dropbox 2020

Evernote

以前–色がなく、よく整理されていない抽象的なランディングページ。

Evernote 2017

Evernote 2017

–楽観的な色と最適化されたテキスト。

Evernote 2020

Evernote 2020

クレイジーエッグブログ

以前–あまり流行のデザインではなく、情報が多すぎます。

クレイジーエッグブログ2017

クレイジーエッグブログ2017

–最新のブログデザイントレンドに従って最適化。 非常に明確な行動を促すフレーズのボタンがあり、見逃すことはできません。

クレイジーエッグブログ2020

クレイジーエッグブログ2020

スラック

以前–漠然とした価値提案であり、あまり陽気な色は使用されていません。

Slack 2017

Slack 2017

–明確な価値提案と最適化された行動を促すフレーズ、明るい色。

Slack 2020

Slack 2020

完全なWebサイト再設計チェックリストをダウンロードする

この記事では、ウェブサイトの再設計における基本的な12のステップについて説明しました。

さらに、無料でダウンロードできる完全なWebサイト再設計チェックリストを用意ています。 あなたがする必要があるのは、リンクが記載された電子メールを受け取るためにここでサインアップすることです。

*は必須を示します


チェックリストを受け取るためにマークする

メールのフッターにあるリンクをクリックすると、いつでも登録を解除できます。

マーケティングプラットフォームとしてMailchimpを使用しています。 以下をクリックしてサブスクライブすることにより、あなたの情報が処理のためにMailchimpに転送されることに同意したことになります。 Mailchimpのプライバシー慣行について詳しくは、こちらをご覧ください。


まとめ

ウェブサイトの再設計は簡単なプロセスではありませんが、それは必須です。 あなたのウェブサイトのデザインは永遠にそのままではありえません。 トレンド、テクノロジー、ユーザーの行動は変化するため、それらの変化に適応し、一歩先を行く必要があります。

どのように進めるべきですか? あなたのウェブサイトを分析することから始めて、あなたの競争相手を調べて、あなたが何を実行できるかを見なさい、しかしより良い。 あなたの顧客の立場になって、彼らのためにウェブサイトを再設計してください。