freee.co.jp ブランドトップページのUI/UXリデザイン

ユーザーセグメント別の情報設計で直帰率を改善

『何でもあるページ』は、誰にも刺さらない

freee.co.jpのブランドトップページは、freeeが提供する複数のプロダクトへの入口として機能するページでした。しかし実態は、製品を羅列するだけの構成となっており、ページとしての役割とユーザーへ提供したいUXが曖昧な状態でした。

freeeのプロダクトは大きく法人向けと個人向けに分かれており、それぞれ全く異なるニーズと文脈を持つユーザーが同一ページへ流入しています。それにもかかわらず、両者を区別しない単一の構成でコンテンツを並べていたため、どちらのユーザーにとっても「自分に関係する情報」へ辿り着きにくい状態になっていました。

リデザイン前に特定した4つの問題

『誰のためのページか』を構造から設計し直す

リデザインの基本方針は、法人ユーザーと個人ユーザーのそれぞれに向けたセクションを明確に分離し、「自分向けの情報がすぐに見つかる」構造に再設計することでした。

特にデバイス別の表示順最適化は、「同じページでも、デバイスによって主なユーザー層が異なる」というGA4データの裏付けに基づいた設計です。デスクトップで業務利用を検討する法人担当者と、スマートフォンで手軽に調べる個人事業主・フリーランスという行動パターンの違いを、コンテンツの優先順位に反映しました。

トップページの役割は「見せること」ではなく「届けること」

製品やサービスが増えるほど、トップページは「すべてを載せる場所」になりがちです。しかしユーザーの視点では、自分に関係する情報がすぐに見つからないページは、情報量が多くても離脱の原因になります。

クリックが上部の特定プロダクトに集中していたという事実は、「ユーザーはそれしか見ていなかった」のではなく、「それしか見えない設計になっていた」と捉えるべきです。

採用したCROの知見

2nd View以降で閲覧率が急落するため、1st Viewでのメッセージが最重要。かつデバイスごとに主要ユーザー層が異なる場合、コンテンツの表示順をデバイス特性に合わせて最適化することが直帰率と回遊率の両方の改善に直結する。

直帰率の改善と回遊率の向上を同時に達成

Before法人・個人が混在する構成

After法人・個人を明確に分離した構成