フッター改善案

ベンチマークしている ÉCLAT のフッターを実機で分解し、qu の世界観に翻訳した案です。決済アイコンは Shopify 公式の決済アイコン素材（activemerchant/payment_icons・MIT）から取得した実物を並べています。

この資料の前提
・「現状」は shopify-deploy の footer.liquid / section-footer.css / qu-custom.css / footer-group.json から起こした再現です。ストアがパスワード保護中のため、実画面のピクセル単位の一致は保証していません
・現状の決済アイコンの並びは、池田さんの「おそらくクレジットカードしか出ていない」という観察にもとづいて再現しています（私自身は実画面を未確認）
・改善案に書いた送料・発送日数・返品条件は、配送ページ（shipping.html）と qu のお約束（promise.html）の記載どおりです

現状いま公開されている形

情報は揃っているが、リンクの一覧になっていて「買う前の不安」に答える構造になっていない。背景色 #DFE2E3 は有料テーマの初期値のままで、ブランドのベージュ系と合っていない。 Instagram・LINE のアイコンはテーマ設定に URL が未登録のため、リンク先が # のまま（押しても何も起きない）。

PC 1280px

（ページ本文）

改善案提案

「買う前に確かめたいこと」＝支払い・お届け・返品を、フッターの主役に置き替える。

PC 1280px

（ページ本文）

改善案（スマホ）提案

縦一列。順番は「お支払い → お届け → 返品 → ご案内 → SHOP」。指が届く手前に不安の答えを置く。

スマホ 414px

（ページ本文）

ロゴについて
このモックのロゴは、手元にある正方形のロゴ画像（ファビコン用）を仮に置いています。実装では、いまヘッダー・フッターで使っている透過ロゴ（qu_logo.png）をそのまま使います。

決済アイコンについて
並べているロゴは Shopify が公式に配布している決済アイコン素材（GitHub: activemerchant/payment_icons・MIT ライセンス）の実物です。 qu で稼働している決済（クレジットカード6ブランド／PayPay・楽天ペイ・メルペイ・au PAY／ペイディ／コンビニ5社）はすべてこの素材の中に揃っていることを確認しました。セブン-イレブンは個人事業主のため提供対象外なので載せていません。