情報整理と色分けUIで迷わせない多店舗サイト改修
大阪・兵庫で犬の幼稚園やトリミング、ホテル等を展開する総合ペットスクールの公式サイトをリニューアル。
入り組んでいた総合案内と店舗別情報の動線を全面刷新しました。
スマホ閲覧を前提とした操作性の追求に加え、色分けや別タブ展開といった視覚的な工夫を取り入れ、ユーザーが迷わずに欲しい情報へ辿り着けるサイト構造へと整理しました。
Client's Challenge 課題・背景
同一サイト内にブランド全体の総合案内と各店舗ごとの詳細情報（メニュー・料金等）が混在しており、ユーザーが必要な情報を見失いやすい導線構造が最大の課題でした。
また、利用者の大半がスマートフォンからの閲覧であるため、小さな画面でも目的の店舗やサービス情報へ素早くアクセスできる、直感的でストレスのないナビゲーションの構築が求められていました。
Our Approach 提案・設計のポイント
複雑だった情報構造を整理し、店舗ページ遷移時は別タブ開く仕様を採用。
さらに総合ページを「青」、店舗ページを「黄色」とテーマカラーを明確に分けることで、ユーザーが現在地を視覚的に把握できるよう工夫しました。
スマホフレンドリーな操作性を徹底追求するとともに、継続的な保守体制を構築することで、将来的な店舗拡大や情報更新にも柔軟に対応できる基盤を整えています。
Below-Fold Content
Sub-page
SP
