個人用サイトの再起動: 畏敬の念を起こさせる Web サイトの変革

公開: 2023-02-13

Web を閲覧していて、思わず立ち止まって感心してしまうような息をのむような Web サイトに出くわしたことはありませんか? 畏敬の念を起こさせる Web サイトの再設計は、潜在的な顧客の注目を集めて引き付けるための強力な方法です。古い Web サイトを改造する場合でも、何かをゼロから構築する場合でも、完全な Web サイトの変革はすべての違いを生む可能性があります。

色、タイポグラフィ、レイアウトを慎重に組み合わせることで、見やすく使いやすいものを作成できます。 適切な方法で再設計を行うと、キーワードの関連性とページの読み込み時間が改善され、ユーザーの満足度と検索エンジン最適化 (SEO) ランキングが向上します。

この点を証明するために、個人用サイトの再起動イニシアチブによって完了した Web サイトの再設計の変換前と変換後を見てみましょう。 Brizy の友人と協力して、中小企業が古くて時代遅れのウェブサイトを刷新するのを支援しています。 新鮮な新しいルック アンド フィールを提供するだけでなく、戦略的な SEO テクニックを使用して検索ランキングを征服するのを支援しています。

再設計が必要な Web サイトの特定

個人用サイトの再起動プロジェクトでは、中小企業に完全な Web サイトの変換を申請する機会を提供しました。 最初に選択した Web サイトは、ユタ州キャッシュ バレーにある引越し会社 2 Guys and a Truck のものでした。 彼らのサイトは、Namecheap Cloud を利用した EasyWP と、非技術者向けの最高のサイト ビルダーである Brizy を使用して再設計されました。

再設計を開始する前に、事業主であるアスペンが新しい設計に何を必要としているのか、何を変更したいのか、何をそのままにしておきたいのかを理解することが不可欠でした。

数回の会議と多くのブレーンストーミングの後、新しい Web サイトの計画は次のようになりました。

  • 確立されたドメイン名を維持する – twoguysandatruckllc.com
  • 認識しやすいブランド カラーを維持する – オレンジとグレー
  • ロゴの背後にあるアイデアを継続するが、最新のものにする
  • 他のすべてを再設計する
そしてリニューアル前の旧サイト

ホームページには、訪問者が一目で会社の業務内容を正確に理解できる、より優れた価値提案が必要でした。 新しいヒーロー画像とアップグレードされたレビュー セクションは、ウェブサイトのデザインに劇的な新しい雰囲気を与えます. また、より良い予約ページにつながる新しいコール トゥ アクション (CTA) ボタンも必要でした。

引越し業者のホームページが新しくなりました

サイトリニューアルまでの流れ

2 Guys and a Truck は家族経営の会社で、迅速で親切、そしてフレンドリーな会社として、地元のコミュニティで名を馳せています。 しかし、この U-Haul 認定ディーラーはオンラインで優れた 5 つ星のレビューを獲得していましたが、その時代遅れの Web サイトは、より多くの顧客を獲得するために必死に刷新する必要がありました。

今日のオンラインの世界では、シンプルさが重要です。 新しいデザインでは、すべてを [ホーム]、[サービス]、[概要] の 3 つの Web ページに凝縮し、不要な混乱を取り除きました。

Web サイトの変換後のトップ ナビゲーション

引っ越し会社の最も重要な資産の 1 つとして、お客様のレビューをホームページに移動して信頼を示しました。 また、引っ越しの予約について人々が簡単に問い合わせられるように、さまざまな場所に「今すぐ引っ越しを予約する」ボタンを戦略的に配置しました。 さらに、2 Guys and a Truck への連絡がより簡単になり、電子メール、場所、連絡先電話番号がページ フッターに便利に配置されました。

印象的なウェブサイトの再設計の例

彼らは、絵は千の言葉を語ると言いますが、その言葉はロゴほど明白ではありません. 古い 2 Guys and a Truck のロゴは、所有者の兄弟によって手書きされ、2 人の男がソファをトラックに積み込み、顧客がその上でくつろいでいる様子が描かれていました。 私たちのデザイン チームは、以前のロゴの主な特徴を維持しながら、スタイルを近代化しました。

引っ越し会社の前後のロゴ例

旧サイトに関連する主要なブランド カラーであるオレンジとグレーを保持し、イラストや背景用に黄色や青などの二次的な色でこれらを補いました。

[サービス] ページの形式が不十分で整理されていないリストの代わりに、サービスを 5 つの論理カテゴリに分割しました。 この再編成により、地元の引っ越し会社が提供するものを潜在的な顧客により明確にし、簡素化された価格情報で各サービスの説明にリンクしました。

リニューアル前後の引越し業者サービスページの比較

Aboutページを全面的に見直しました。 テキストは、人間関係を確立するイメージに置き換えられました。 また、2 Guys and a Truck は U-Haul 認定ディーラーであり、「プライス マッチ プロミス」を提供していることをお客様に伝えました。 U ホールのような有名で評判の良いブランドとの関係は、Two Guys and a Truck にとって重要でした。

救助のためのクラウドベースの WordPress ホスティング & デザインツール

デザイナーは、強力で高速な Brizy Web サイト ビルダーを使用して、魔法のような作業を行いました。 ブロックは Brizy で知られているように、各ページ セクションを整理するのに役立ちます。

ヘッダーに最適なブロックを選択し、そこから作業を進めました。 デザイナーがサイズと色を慎重に調整し、ロゴとメニュー ボタンを追加しました。 次に、家を建てるように、新しいブロックを 1 つずつ追加して、2 人の男とトラック用の新しい家を作り始めました。

WordPress で編集中のナビゲーション

私たちのチームは、ビジネスにとって不可欠なセールス ポイントであるカスタマー レビュー セクションの刷新に取り組みました。 それらは目立ち、動的である必要があったため、ホームページでカルーセル デザインを選択しました。 Brizy の事前定義されたブロックとテンプレートにより、これは簡単になりました。コードを 1 行も書く必要はありませんでした。

レイアウトは数回クリックするだけで簡単にカスタマイズでき、Two Guys and a Truck 用にデザインした素晴らしいオーダーメイドのイラストが形になり始めていました。

ほとんどのお客様がモバイル デバイスを介して Web サイトを閲覧することはわかっていたため、応答性が高く洗練されたモバイル バージョンを構築することが重要でした。 幸いなことに、Brizy のレスポンシブ モバイル コラムにより、要素の表示と調整が簡単になりました。

再設計された Web サイトのモバイル レイアウトの例。

効果的なウェブサイトの再設計のためのヒント

ウェブサイトの再設計は気が遠くなるような作業ですが、適切な準備と戦略があれば成功する可能性があります。

アイデアのブレインストーミング: Web サイトの再設計を開始する前に、Web サイトの外観と操作性についてアイデアをブレインストーミングすることが重要です。 どのような種類の画像、フォント、および色を組み込みたいかを検討し、全体的なユーザー エクスペリエンスをどのようにしたいかを考えてください。

調査と評価: ウェブサイトの再設計のアイデアが浮かんだら、時間をかけて既存のサイトを調査し、その機能を評価します。 この計画は、何が機能し、何が機能しないかを理解するのに役立ち、Web サイトに要素をより適切に組み込むのに役立ちます。

テストと更新の継続: Web サイトを定期的にテストし、必要に応じて新しい変更を加えることが不可欠です。 このプラクティスは、問題を迅速に特定し、必要な変更を加えるのに役立ちます。 ウェブサイトのパフォーマンスをよりよく理解するのに役立つので、ユーザーからのフィードバックを忘れずに求めてください。

ウェブサイトの再設計の長期的なメリット

この Reboot My Site プロジェクトのような Web サイトの再設計により、売上が大幅に向上します。 これにより、ユーザー エクスペリエンスが向上し、Web サイトの可視性が向上し、さらに効率的になります。 適切に設計された Web サイトを使用すると、顧客は Web サイトにとどまり、探索し、購入する傾向が強くなります。 この例に従うことで、余分なコストをほとんどまたはまったくかけずに、多くの創造性を発揮して、Web サイトを簡単に再設計できます。