ご相談いただいた「RIDGE MOUNTAIN GEARのブランドカードで『G』が大きく表示される問題」の原因と改善イメージです(カードはタップで反応します)。
原因:ブランド名のテキストが画像の代わりに表示される際、文字サイズとコンテナ幅の指定が噛み合わず、先頭の1文字(G)だけが引き伸ばされて表示されています。改善後はロゴバッジ+正式名称を固定レイアウトで表示し、ブランドが増えても崩れない構成にします。
全ブランドを均一なカードサイズで一覧化。タップでそのブランドの商品だけに絞り込めます。
APPAREL・GOODS・ORIGINAL・USEDに加え、今後の新ジャンル追加もレイアウトを崩さず拡張できます。
キーワード検索とブランド絞り込みで、商品が増えても迷わず見つかる導線にします。
このデモページ自体が、PC・タブレット・スマホの各幅でそのまま確認いただけます。
FOREST BASEは長野県佐久市のアウトドアセレクトショップです。登山・キャンプのギアからウェアまで、信頼できるブランドを厳選してお届けしています。
リニューアル後は、取扱いブランド・商品ジャンルが増えても管理しやすく、お客様にも伝わりやすいサイト構成を目指します。
今回のデモは「ブランドカード修正」「ブランド・カテゴリー整理」「検索導線」「レスポンシブ対応」を中心にご提案内容を形にしたものです。既存の商品データ・設定は活かしたまま、実装を進めます。
ブランドカード不具合修正/ブランド・カテゴリー整理/検索・購入導線の改善を優先しご提案します。
現在のテーマ「202304 By Frontier Trade」をベースに、商品データや設定はそのまま活かして改修します。
商品登録・更新をご自身で続けられるよう、操作手順の整備もあわせて対応します。