Case Studies 製薬企業様 医療情報提供サイト
スマートフォン最適化・UI/UX改善

本プロジェクトでは、製薬企業様医療情報提供サイトのスマートフォン最適化を中心にUI/UXの改善を実施しました。該当の製品ポータルサイトでは、モバイルユーザーが全体アクセスの58.61%を占める中で、スマートフォンでの閲覧体験の向上を図り、直帰率やページ滞在時間などの課題を解決することを目的としました。具体的には、Googleが推奨するCore Web Vitals(LCP: 最大コンテンツ描画時間、FID: 初回入力遅延、CLS: 累積レイアウトシフト)を改善することで、検索エンジン評価を高める施策を導入しました。

これらの取り組みにより、サイトの検索流入数やユーザーエンゲージメントが向上し、事業全体のデジタルマーケティング戦略に貢献する成果が得られました。また、クライアントからは迅速かつ的確な施策の提案と実行が高く評価されています。

お取り組み

製薬企業様医療情報提供サイトのスマートフォン最適化・UI/UXの改善

施策と特徴

スマートフォン最適化

  1. ページスピード改善:
    • ページ読み込み速度向上のため、画像軽量化や不要なJavaScriptの削除を実施。
    • LCP(最大コンテンツ描画時間) の改善を中心に最適化を展開。
  2. レイアウト構造の再設計:
    • サムネイルサイズを小さくし、横並びレイアウトに変更することで、CLS(累積レイアウトシフト) を改善。
  3. Core Web Vitals対応:
    • LCP、FID、CLSの最適化を通じて、Googleの検索評価向上を目指しました。

UI/UXの改善

  1. グローバルメニューの見直し:
    • メニュー構造を2段階展開に統一し、ユーザーが目的の情報にアクセスしやすい設計に変更。
  2. カルーセルバナーの最適化:
    • スマートフォン表示でも視認性を高めるようバナーサイズを調整。
  3. 主要製品ページの改善:
    • ページ内アンカーリンクやコンポーネントのUIを見直し、直感的に操作しやすいデザインを導入。

SEO対策

  1. 検索エンジン向け最適化:
    • ページスピード改善を通じてGoogle評価指標を高め、検索結果の上位表示を目指しました。
  2. コンテンツの軽量化:
    • カルーセル画像やタブ表示を軽量化し、データ量を削減。

効果と成果

  1. ユーザー体験の向上:
    • ページ表示速度の改善により、スマートフォンユーザーの直帰率が低下し、ページ滞在時間が向上しました。
    • Core Web Vitalsの改善に伴い、Google検索アルゴリズムでの評価が上昇し、検索流入増加が期待されています。
  2. 具体的な成果:
    • トップページの回遊率向上: 新規ユーザー向けにUIを最適化したことで、人気コンテンツへのアクセスが増加。
    • 検索エンジンからの自然流入増加: ページパフォーマンス改善により、検索流入が強化されました。
  3. プロジェクトの意義:
    • 医療情報提供サイトとしての信頼性向上に加え、デジタルマーケティング戦略の強化を実現しました。
    • ユーザー中心のUI/UX設計により、長期的なサイト価値向上にも寄与する結果が得られました。