通常プラン(講師・管理者)
PC版
スマホ版
9:41100%
ホーム
コンテンツ作成
コース管理
スタッフ・受講生
受講生管理
記事・お知らせ
コンテンツ管理
集客・交流
公式LINE連携
コミュニティ機能
LP構築 NEW
その他
設定
ヘルプ
エンタープライズプラン
PC版
スマホ版
9:41100%
エンタープライズ
ホーム
コンテンツ作成
コース管理
スタッフ・従業員
スタッフ管理
従業員管理
記事・お知らせ
コンテンツ
集客・交流
交流
マーケティング
LP構築 NEW
その他
システム設定
ヘルプ
受講生
PC版
スマホ版
9:41100%
受講講座一覧
TECH PLUS
プログラミング体験コース
実践マーケティング
営業
テックリーダーズ
フリーエンジニア養成コース1
オンクラス社員研修
社員教育2
月次報告と経営方針1
(株) オンラインクラス
マーケティング習得コース
(株) 後楽
Sample①
受講生コース画面
Before / After 比較を見る(実際の画面レイアウト) →
通知バッジ仕様の明文化

バッジの種類と意味を統一ルール化。色/形/数字の使い分けを定義し、UI全体で一貫させます。
上のサイドバーデザインでも、この仕様に従ってバッジを配置しています(テックリーダーズの「要対応数」バッジ・テンプレート構築の「NEW」バッジ)。

種別
見た目
意味
利用例
要対応数
3
ユーザーのアクションが必要な件数
未承認の申込・未返信の質問
新機能
NEW
初回リリースから30日間のみ表示
テンプレート構築・AI機能
階層ルール
3 = 2 + 1
コミュニティバッジ = 配下コースバッジの合計
各コース名の右横にも個別バッジを表示し、どのコースに対応が必要か一目で判別可能に
オンクラス社員研修3
├ オンクラス社員教育2
└ 月次報告と経営方針1
使い分けの原則: 数字が意味を持つ(対応が必要)ときだけ赤丸+数字。新機能は期間限定(30日)のみNEW表示し、常時表示はしない。
階層ルール: 1コミュニティに複数コースがある場合、コミュニティのバッジは「配下コースの要対応数の合計」を表示し、コースごとにも個別バッジを出すことで、どのコースに対応が必要かを開かずに判別できるようにする。