生活クラブ事業連合生活協同組合連合会ランディングページ

全デバイスでストレスなく閲覧できる環境の構築を課題とし、スマートフォン特化のUIを軸にしつつ、PC閲覧時には画面幅を活かした「3カラム構成」へ再設計するレイアウトを採用しました。
情報量が膨大になりがちなキャンペーンLPの要素を視覚的に整理したことで、クライアント様からも「加入者増加に大きく貢献した」との評価をいただき、大手顧客満足度調査の部門別ランキング等においても第1位を獲得する成果を収めました。

【リニューアル前の課題】

・キャンペーン特有の膨大な情報による、ユーザーの認知負荷と途中離脱の発生

・PC版とスマートフォン版での閲覧体験の差異による、モバイルユーザーのコンバージョン機会の損失

・加入申し込みまでのフローが複雑で、ユーザーが「次に何をすべきか」迷ってしまう導線の不備

【制作のポイント】

1）モバイルファーストを徹底した「直感的なUI設計」
スマートフォンでの閲覧を主軸に置き、親指の可動域を考慮したボタン配置や、追従型のCTAを実装しました。これにより、全デバイスにおいてユーザーが迷うことなく、直感的に次のアクションへ進めるナビゲーションを実現しています。

2）離脱を防ぐ「キャンペーン情報の階層化と整理」
加入特典や申し込みフローなど、ユーザーの離脱を左右する重要情報をファーストビュー付近に集約。詳細な説明文はアコーディオンなどを活用して階層化することで、情報過多による視覚的ストレスを軽減し、求める情報へスムーズにたどり着けるよう設計しました。

3）スマホ特化のUXをPCに展開する「3カラム再設計」
モバイルでの快適な閲覧体験をPC環境でも損なわないよう、画面の広さを活かしてPC表示を「3カラム構成」へと再設計しました。スマートフォン向けに最適化された縦長のコンテンツ軸を中央に保ちつつ、両サイドの余白やカラムを有効活用することで、デバイスを問わずシームレスでストレスフリーな閲覧環境を提供しています。