#### **（私）**
「UIモックアップの画面設計」をお願いします。

------
#### **（ChatGPT）**
こちらに、**S.I.R.スコア企業版 UIモックアップの画面構成案**（ワイヤーフレームレベル）を提示します。初期段階のプロトタイピングやUX設計に使える構成を意識してまとめています。

---

#### S.I.R.企業版 UIモックアップ設計案

---

#### 1. **ダッシュボード（トップ画面）**

##### 画面構成：
```
┌────────────────────────────┐
│ 会社名ロゴ [月別スコア選択▼] [管理者メニュー☰] │
├────────────────────────────┤
│ 総スコア：850 SIRポイント（↑12%） │
│ ──────────────────────────── │
│ 環境：540 pt 社会：210 pt 統治・透明性：100 pt │
│ ──────────────────────────── │
│ 今月の主要アクション： │
│ - 電力使用削減（工場A）：▲12% │
│ - エコ配送比率：+20% │
│ - テレワーク日数増：+15% │
├────────────────────────────┤
│ [部門別スコア比較] [製品別LCA進捗] [社員貢献サマリ] │
└────────────────────────────┘
```

---

#### 2. **アクション入力画面（スコア申請）**

##### タブ構成：
- **事業所・設備系**：CO₂削減・省エネ・排出改善
- **製品・サービス**：LCA・縮小設計・エコ販売比率
- **社内行動**：社員の貢献アクション（通勤・活動など）

##### 入力画面例（事業所）：
```
[事業所名：東京第一工場] ▼
┌────────────────────────────┐
│ 電力使用量（kWh）：[_________] │
│ 燃料使用（L/㎥）：[_________] │
│ 稼働停止日（需調整/省エネ）：[カレンダー選択] │
│ 添付資料：[ファイルを選択] │
│ 前回値との差異：自動表示（+/- %） │
│ このデータを提出対象に含める │
│ [ 保存 ] [ スコア試算を見る ] │
└────────────────────────────┘
```

---

#### 3. **製品別スコア画面（縮小設計の登録）**

##### 製品データ入力：
```
[製品名：○○エコモデル] ▼
┌────────────────────────────┐
│ エネルギー効率改善率：[%入力] │
│ リサイクル材使用比率：[%入力] │
│ 耐用年数： [年数] │
│ LCAツール連携：[✓ 接続済み] │
│ 自動スコア計算結果：+87pt │
│ 提出 / 公開用に登録 ☑︎ │
└────────────────────────────┘
```

---

#### 4. **社員貢献アクション管理（社内参加型）**

##### 例：通勤手段アンケート
```
[社員名/ID：自動 or 匿名]
┌────────────────────────────┐
│ 今週の通勤手段： │
│ [ 自転車 ] [ 電車 ] [ バス ] [ 自動車 ] [ 在宅 ] │
│ 選択日：月〜金をチェック（✓） │
│ コメント（任意）：____________________ │
│ 写真提出（任意・ボーナスptあり）：[ファイル選択] │
│ [ 提出 ] [ 修正 ] │
└────────────────────────────┘
```

---

#### 5. **スコア報告・出力画面**

##### レポート生成：
```
┌────────────────────────────┐
│ 対象期間： [2025/1〜2025/3] │
│ 提出先選択： │
│ ☑︎ 地域自治体A ☑︎ ESG機関Z │
│ 出力形式： [PDF] [CSV] [API連携] │
│ コメント追加欄：________________________________ │
│ [ レポート生成 ] [ 公開リンクを作成 ] │
└────────────────────────────┘
```

---

#### ✅ UI設計のキーポイント：

| 項目 | ポイント |
|--------------|--------------------------------------------------------------------------|
| ユーザ導線 | トップ→入力→スコア確認→出力の4ステップで完結 |
| UX設計 | 可能な限りプルダウン選択とオート計算を活用し、入力負担を軽減 |
| 信頼性対応 | 添付証拠資料・LCA連携・AI検出による精度補強設計を組み込み予定 |
| 拡張性 | 中小企業は手入力、大企業はAPI・IoT・ERP連携といった導入のスケーラビリティ |
| カスタマイズ | 各企業の実情に応じた指標セット・業種特化入力フォームも将来的に設定可能 |

---

次のステップとしては、**画面モックのビジュアル制作**や、**Figma/HTMLプロトタイピング**も対応可能です。
あるいは、業種別（製造、小売、ITなど）のテンプレート分化設計もできます。

どの方向に進めていきましょうか？