TAEZ リマインドメール — 色調整 Before / After

Before（現状の課題）

問題点
  • カテゴリー見出しが全部ブランド青（#0E67B4系）→ 目に刺さる／緊急度の差が伝わらない
  • 宿題タイトル（リンク）も同系の青＆太字 → 見出しと中身のヒエラルキーが立たない
  • 「期限接近」と「期限超過」が同じ色 → 一番見てほしい超過案件が埋もれる
  • Outlookではリンクが強制で青になるため、青のカテゴリーは結局区別不能

After（提案）

改善ポイント（v6 — Asana風カード化＋色衝突解消）
  • 白カード化：各セクションを白背景＋角丸＋ボーダーで明確に枠囲み
  • 左カラーバー：4pxの縦バーで緊急度を瞬時に視覚化（黒/青/赤）
  • 青塗りCTAボタン「タスクを開く →」を各カードに追加 — クリック誘導が明確
  • 宿題タイトルは黒テキスト — リンクの青と「あなたの担当」見出し青の衝突を完全解消
  • CTAボタンは全セクション青(#0057D9)で統一 — 緊急度はカラーバー＋見出し＋期限文字で表現済みのため、ボタンは「クリック誘導」の役割に専念
  • 外側コンテナを廃して各カードが独立 — Asanaの通知メールと同じ構造
  • テーブル組み＋width="600"属性＋ghost table（mso条件分岐）でOutlook耐性