会社のウェブサイトのリ redesign がどのようにウェブサイト開発につながったか

コンテキスト:なぜウェブサイトを再設計する必要があったのか

以前のウェブサイトは、インバウンドクライアントを生成するという核心的なビジネス目標を果たしていませんでした。有効なセールスファunnelとして構造化されておらず、Virtusizeのバリュープロポジションの明確さが欠けており、新しい製品機能や最近の更新を示すことができていませんでした。その結果、見込み顧客は製品が提供するものと、なぜその製品に連絡すべきなのかを理解するのに苦労していました。

リニューアルの影響を測定するために、私たちは以下の主要成功指標に焦点を当てました:

  • インバウンドリードの増加

  • サイトトラフィックからデモリクエストへの転換率の改善

  • 主要製品ページとのエンゲージメント(CTR、スクロール深度、ページ上の時間)

  • バウンス率の減少

  • 更新された機能コンテンツによって促進されたクライアントインタラクション

問題

古いウェブサイトは、コアビジネスの目標をサポートしていませんでした。潜在的なクライアントをデモや問い合わせへと誘導せず、マーケティングや営業ツールとしても効果的ではありませんでした。

成長チームとビジネスチームへのインタビューを通じて、私は以下のことを学びました:

  • 多くのクライアントからのメールは、より明確な製品情報を求めていました。

  • サイトは私たちの能力を反映しておらず、信頼を築くことができませんでした。

  • 私たちは、アウトバウンドリーチよりもインバウンドリードジェネレーションを強化する必要がありました。

  • SEOパフォーマンスは、私たちをリーディングサイズフィッティングソリューションとして位置づけるには弱すぎました。

これらのギャップにより、全面的な再設計が必要になりました。

プロセス

競合他社のウェブサイトを分析し、ポジショニング、メッセージング、機能のプレゼンテーションを理解しました。

  • SaaSおよびeコマースのランディングページのベストプラクティス、レイアウト、CTA、およびコンバージョンファunnelを研究しました。

  • トップランキングの競合他社が使用しているSEO戦略とコンテンツ構造をレビューしました。

  • 収集した洞察に基づいてプロジェクトタイムラインターゲットオーディエンスを定義しました。

  • 明確性、信頼性、より強いインバウンドコンバージョンに焦点を当てたリデザインを導くために、発見を活用しました。

研究成果

  • 弱いSEOの可視性 — Virtusizeはサイズとフィットのソリューションのためのトップ検索結果に表示されず、インバウンドトラフィックと発見を制限していました。

  • 古いウェブサイトのコンテンツ — プロダクトメッセージや機能ページは検索エンジンに最適化されておらず、現在のクライアントのニーズに沿っていませんでした。

  • バックリンクの不足 — 少数のパートナーブランドがVirtusizeにリンクを戻すことで、ドメイン権威が低下しました。クライアントは適切なアセットが提供されればバックリンクを追加する意欲を示しました。

  • リードの質が低い — 既存の「お問い合わせ」ページは頻繁に関連性のないスパム的な問い合わせを引き寄せ、より明確なファネルと強力なSEOターゲティングの必要性を強調しました。

情報アーキテクチャ

私は、より明確なユーザーの旅と強力なSEOパフォーマンスに基づいて、ウェブサイトの構造を再編成するための新しいサイトマップを開発しました。

これには、

  • 最上位のナビゲーションの再定義

  • 関連する製品ページのグループ化

  • デモ、機能、ケーススタディなどの重要なコンバージョンパスを簡単に発見しアクセスできるようにすること。

ブランディングおよびスタイルガイド

再設計されたウェブサイト全体で一貫性を確保するために、ブランドの視覚的基盤を定義する新しいスタイリングガイドを作成しました。これには、明確な階層のための更新されたタイポグラフィ、アクセシビリティに最適化された洗練されたカラーパレット、ボタン、カード、コンテンツセクション用の再利用可能なUIコンポーネントのセットが含まれています。

ビフォー&アフター

私はCEOや機能横断的なマネージャーと協力して、デザインの方向性を洗練させ、再設計がビジネス目標に沿ったものであることを確認しました。複数の利害関係者のレビューにより、優先順位が明確になり、インバウンドリード、SEO、および明確な製品ストーリーテリングをよりサポートするウェブサイトが形作られました。

再設計の全容を確認するには、公式ウェブサイトはこちら。をご覧ください。

反復デザイン

ビジネスとマーケティングの目標に導かれ、ヒーロー画像を更新し、明確なミッションステートメントを追加し、製品オプションを紹介し、データに基づく信頼性セクションを導入することで、ランディングページをより人間味のある、製品に焦点を当てたものに再設計しました。製品ページでは、製品デモ動画を追加し、モーダルを簡素化し、統合ガイドビジュアルを作成し、製品のAI機能を強調して価値をよりよく伝えました。

次のステップ

ローンチ後、計画にはパフォーマンスの監視、フィードバックの収集、主要ページの反復、日本語と韓国語のローカリゼーションの展開、SEOとバックリンクの改善、継続的な更新と監査によるサイトの維持が含まれます。

重要な学び

ウェブサイト開発の例

私のウェブサイトの開発進捗を詳しく見るには、私の github をチェックしてください

さらにプロジェクト

私のお気に入りのプロジェクトや最近のプロジェクトをチェックしてください。

Create a free website with Framer, the website builder loved by startups, designers and agencies.