9 つのステップでウェブサイトを再設計する方法

公開: 2021-01-23

組織は、ビジネスに役立つように Web サイトを再設計する方法を知りたいと考えることがよくあります。うまくいけば、Web サイトのパフォーマンスを改善し、リードとコンバージョンを増やすことができます。

適切に機能するサイトを持つことの重要性は、ここ数年で大きくなり、おそらく今年はこれまで以上に大きくなっています。サイトが提供できるユーザーエクスペリエンスがより重視されており、実際、2021 年 5 月に Google は、サイトエクスペリエンスの低い Web サイトを積極的に罰する新しいアルゴリズムを展開しています。

これにより、当然、サイトのブランド変更と再設計が最優先事項に引き上げられました。

しかし、どこから始めますか？何を変えるべきですか？そして、誰があなたを助けることができますか? 良いニュースは、古いものから新しいものへのスムーズな変身のための 9 つのステップのリストをまとめたことです。

それらに従って、ウェブサイトを再設計する方法を学びましょう。

1. リブランディングする理由を理解する

ウェブサイトのブランド変更には貴重なリソースが必要なため、投資する前に、適切な理由で再設計していることを確認してください。ウェブサイトのリブランディングのニーズにアクセスする際は、「壊れていない場合は修正しないでください」というフレーズを検討してください。そして、直感だけでなく、分析に基づいて決定を下します。

ウェブサイトのブランド変更が必要な主な理由は、ブランドメッセージの伝達がうまくいかなかったり、ポジティブなユーザーエクスペリエンスが得られなかったりして、トラフィックやコンバージョンが減少することです。しかし、問題を解決するには、まずそれが何であるかを知る必要があります。

分析研究と次のような質問をすることで、それを見つけることができます。

私のサイトはモバイル向けに最適化されていますか?
UX（ユーザーエクスペリエンス）はどのように機能していますか?
プラグインは正しく機能していますか?
読み込みは十分速いですか？
ブランディングはユーザーの意図を満たしていますか?
立ち上げ以来、目標を変更しましたか?
ブランディングは最新ですか？

質問 1 ～ 4 のいずれかに「はい」と答えた場合は、技術的な更新が必要です。 5 から 7 – リブランディングの時期です。 1 ～ 7 – 両方が必要です。

2. ブランディングチームを配置する

古いブランドから新しいブランドへの移行をスムーズに行うには、適切なスキルセットと経験を備えたチームが必要です。そうでなければ、エキサイティングな時間であるべきことが、すぐにストレスの多い仕事になり、必要な結果を達成できなくなる可能性があります.

次の 3 つのチームオプションがあります。

社内:社内にチームがあれば、彼らはあなたのブランドの DNA と個性を誰よりもよく知っています。

ブランドエージェンシー:彼らは社内チームほどあなたのブランドを深く知りませんが、非常に熟練した経験豊富な専門家を擁し、最新のデザイントレンドを知っており、偏りのない視点を提供します.

フリーランサー:ただし、特定のデザイン要素についてのみサポートが必要な場合、または予算がブランド代理店を雇うほど大きくない場合は、フリーランスのデザイナーが実行可能なオプションです。

3. ブランディングを監査する

監査は、Web サイトのすべての機能部分の詳細なレビューであり、現在何が機能していて何が機能していないかについての重要な洞察を提供します。

サイト分析データはパフォーマンスの低いページを特定し、訪問者が「直帰」している場所を特定しますが、監査はその理由を明らかにすることを目的としています。

完了すると、注意が必要な要素がわかります。ただし、ブランディングの 1 つのデザイン要素を、別の要素に与える影響を考慮せずに変更することはできません。

ブランドは意図を持って作られ、すべての要素が互いにつながり、サポートし合い、ターゲットオーディエンスを引き付ける方法でメッセージを伝える機能的な調和を生み出します. 変更を実装する前に、ステップを調整して、ブランドの新しいデザインが一斉に前進するようにします。

4. ユーザージャーニーを評価する

ユーザーがランディングページから購入に至る過程で迷子になったりイライラしたりすると、競合他社に乗り換えることになります。

Web サイトを再設計する方法を学ぶ上で最も重要な側面の 1 つは、ユーザーが何をしていて、何をしていないかを発見することです。

ユーザージャーニーの各段階でユーザーが感じるすべての行動と感情を完全に理解し、可能な限り快適でシームレスなものにする必要があります。

これは、顧客が各時点で何を求めているかを理解し、顧客が持つ可能性のある質問を事前に把握し、購入プロセス中に顧客がどこで答えを探すかを理解することによって達成されます。

あなたの目標は、彼らの旅をプリロードすることです。そして、次の方法でそれを行うことができます：

以前のユーザーに経験について質問する
ジャーニー中にユーザーが直帰する場所とその理由を発見する
訪問者が最もやり取りする領域を評価する
サイトが複数のプラットフォームに最適化されているかどうかの判断

関連記事: Google の新しい検索ランキングアルゴリズムと SMB にとっての意味

5. ブランドのメッセージを明確にする

新しいロゴやカラーパレットの変更だけが必要だと考えているかもしれません。ただし、ビジュアルアイデンティティをいじり始める前に、それが新しいブランドメッセージに従っていることを確認してください。

新しいブランディングを機能させるには、最初に伝えようとしているメッセージを明確にすることが不可欠です。

そしてそれを注入します：

ブランドのすべてのメッセージの柱: (ミッション、価値、目的、ポジショニング、ルックアンドフィール)
ブランドの本質: (個性、声、トーン)
あなたのキャッチフレーズ
そして、あなたの価値提案。

6. ブランドのスタイルガイドを確認して更新する

Web サイトを再設計する方法を評価する際にスタイルガイドを使用する目的は、伝えたいメッセージが内容と一致していることを確認することです。コンテンツとビジュアルに従うべき一連の基準を提供するため、視聴者がロゴを見たり、会社について考えたりすると、すぐにそれをブランドに結び付けることができます。

ウェブサイトを再ブランディングする前に、スタイルガイドを確認して更新する必要があるのはそのためです。

スタイルガイドの 2 つの主な要素は次のとおりです。

ビジュアルスタイルガイド

次のような、ブランディングで使用しているすべてのビジュアルが含まれています。

カラーパレット
タイポグラフィ
インフォグラフィック
図像学
ロゴの使用

この段階では、使用している画像が市場とターゲットユーザーに関連していることを確認する必要があります。ロゴメーカーは、最新のブランディングトレンドを確認するための理想的なツールです。

コンテンツスタイルガイド

通常、次のような要素が含まれます。

ブランドの個性と特徴
ブランド固有のコンテンツコピーのルールと設定
ブランドの編集規則 – 口調、スタイル、文法

7. 競合分析を完了する

リブランディングの目的は、ターゲットユーザーに全体的なメッセージを最大限に伝えることです。そのためには、何を言い、どのように提示するかを知る必要があります。

現在のブランディングがどの程度相対的であるかを知り、それを更新する必要があるかどうか、またどのように更新する必要があるかを判断する優れた方法は、市場の主要なブランドを調べることです。そこでは、競合分析が役立ちます。

分析により、競合他社との類似点が明らかになります。しかし、それはまた、群衆から目立つために何を変える必要があるかを教えてくれます. これは、Web サイトを再設計する方法を評価する際に企業が知っておくべき重要な側面です。

8. 設計する

デザインに入る前に、ワイヤーフレームを作成することをお勧めします。

ワイヤーフレームは、Web サイトのレイアウトの基本的なアウトラインです。シンプルな黒と白のデザインを使用して作成できます。その目的は、各ページのわかりやすい青写真を提供することです。これにより、関連する多数のデザイン要素に脇道に追い込まれることなく、ブランド変更プロセスの計画を開始できます。

集中力を維持し、最適なユーザーエクスペリエンスを生み出す方法で新しいブランディングを展開することができます。

基本が整ったら、完全なページの作成を開始できます。最初に、ホームページなどの影響力の大きいページの主要な要素をデザインすることから始め、カテゴリページに移動し、CTA を含めて進めます。

9. サイトの開発を開始する

設計が完了したら、開発を開始できます。

あなたは大変な仕事をしました。今はゆっくりする必要があります。コーディング、SEO、業界のベストプラクティス、そしてもちろん新しいブランディングデザインなど、ブランド変更された Web サイトのすべての要素に注意を払うようにしてください。

各ページを開発するときは、クロスブラウザーとモバイルデバイスの機能パフォーマンスをチェックして、一貫したユーザーエクスペリエンスを確保してください。

そうすることで、Web サイトが完全に機能していることを確信でき、開発段階で問題を発見することもできます。

ウェブサイトを再設計する方法について詳しく知りたいですか?

Impact がウェブサイトの再ブランディングにどのように役立つかについて詳しくは、ウェブサイトのデザインと開発のサービスをご覧ください。 私たちのブログを購読して、ビジネステクノロジーに関するより多くの洞察を受け取り、マーケティング、サイバーセキュリティ、およびその他のテクノロジーニュースやトレンドの最新情報を入手してください (心配しないでください。迷惑をかけることはありません)。