aismiley
AIプロダクトポータルの情報設計を見直し、CTRを大幅に改善したリニューアル
AIプロダクトの製品比較検討ポータルサイトのリニューアルを担当しました。情報量の多いサイトにおいて、ユーザーが必要な情報に迷わずたどり着けるよう、情報設計とUI導線の見直しを中心に取り組みました。
My Role
情報設計、UIデザイン、グラフィックデザイン
The Team
プロダクトマネージャー (1)、ディレクター (1)、デザイナー (1)、フロントエンドエンジニア (1)
Period
2021/03 - 2022/02
Background / 背景・課題
掲載コンテンツの量は充実していたものの、情報の整理が十分でなく、ユーザーが内容を把握しにくい状態でした。また、ページ内の導線が複雑で、目的のコンテンツへのアクセスにストレスが生じているという課題もありました。
Approach / 方針
情報の「読みやすさ」と「たどり着きやすさ」を軸に設計を進めました。テキストで説明していた内容をアイコンでビジュアル化することで、スキャンしながらでも内容が伝わるよう意識しています。また、運用側でロゴや画像を入れ替える運用を前提に、どのような素材が入っても見た目が破綻しないパターンを複数用意しました。
Solution / 取り組み
複数の見出しが並列で並んでいた箇所を、関連するものをグループ化した上で細分化し、アイコンを添えることで視線が見出しに向かう構造に整理しました。また、白背景・画像あり・ロゴのみなど、運用時に想定される表示パターンを洗い出し、それぞれに対応したデザインを設計しています。
Outcome / 成果
リニューアル後、オーガニックリサーチが 160%増加。平均CTRは 25.8% → 67.7% に改善しました。情報設計とビジュアルの見直しにより、ユーザーがコンテンツを理解しやすくなり、行動につながる状態へと改善されたと考えています。