防災食紹介ページ構造改善
案件概要
介護施設・福祉事業所などの法人向けに提供している「美味しい防災食」紹介ページのリニューアル。製品改定（新商品追加・一部廃止）にあわせ、旧来の限定的な商品紹介から脱却し、多様なラインナップや選択肢の幅を訴求できる構成へ刷新しました。
課題点
- セット商品が中心で、全体の商品ラインナップや特徴が伝わりにくい構成になっていた
- テキストが多く、視線の流れや導線が単調なため、読み飛ばされやすかった
- 問い合わせ導線が限定的で、CV（資料請求・相談）につながりにくかった
- ユーザー側（施設担当者）の検討プロセスが想定されていない構成だった
対応内容
- 担当者と壁打ちしながら、ユーザーが「この商品ならうちでも使える」と思えるような構成・ストーリーを再設計
- 商品の「豊富さ」を視覚的に伝えるため、一覧性の高いカードUI＋カテゴリ分類による可読性の向上を実施
- 「備蓄のしやすさ」「衛生面の配慮」「そのまま食べられる」など、法人導入時に重視されるポイントを4つに整理し、特徴セクションで視線誘導しやすい構成にリライト
- 視認性や操作性を考慮したレスポンシブ対応（スマートフォン表示の最適化）
対応領域
- 既存ページの課題整理・構成見直しの提案
- UIデザイン（Figma使用）
- コピー整理・構成案へのライティング提案
- スマートフォン対応設計
- デザインレビュー時のフィードバック調整・修正対応
Before
