07Section
画面一覧
顧客 (D-XX) と社内管理 (A-XX) を、入口・視覚言語・URL すべて分離する。各カードはモックへ直接リンクする。
顧客向けは /design/ 配下に編集誌面風の Web ストアフロントを、 社内向けは /admin/ 配下に高密度の業務 UI を実装する。 両者はナビ・配色・タイポグラフィを意図的に切り分け、誤侵入を防ぐ。
顧客 Web ストアフロント (10 画面)
D-01顧客 / Web
ホーム
Open Design →
D-02顧客 / Web
カタログ
Open Design →
D-03顧客 / Web
商品詳細
Open Design →
D-04顧客 / Web
AI スタイリング
Open Design →
D-05顧客 / Web
注文 / 決済
Open Design →
D-06顧客 / Web
進捗追跡
Open Design →
D-07顧客 / Web
デジタル・カルテ
Open Design →
D-08顧客 / Web
マイページ
Open Design →
D-09顧客 / Web
アフターケア
Open Design →
D-10顧客 / Web
リセール
Open Design →
プロフェッショナル B2B2C (1 画面)
社内 管制塔 / Operations (8 画面)
サイドナビ式のダッシュボード型。顧客向けの誌面と視覚言語を完全に切り離し、 AI 提案の承認・物流の最適化・サプライヤー評価などの業務を 1 つの管制塔に集約する。
A-01Operations
ダッシュボード
Open Admin →
A-02Operations
注文管理
Open Admin →
A-03Operations
AI 承認キュー
Open Admin →
A-04Operations
卸ソーシング
Open Admin →
A-05Operations
物流オペ
Open Admin →
A-06Operations
職人ネットワーク
Open Admin →
A-07Operations
カタログ管理
Open Admin →
A-08Operations
アナリティクス
Open Admin →
画面 — 機能要件マッピング
各画面は機能要件 (F-XX) と対応する。詳細は 機能要件 を参照。