受講生コース画面のデザイン改善提案
コミュニティ
スマホ版
Before(現行デザイン) → 古いシステム感 / テーブル表示 / フラットすぎる
Webマーケティング基礎講座
コース
学習計画
感想履歴
ブックマークリスト
学習の進捗
100%
完了
完了章数
4 / 4
完了レッスン数 23 / 23
修了証を発行
進捗の詳細を確認
カリキュラム完了予定日進捗状況
1 / 4【第1章】オリエンテーション完了
2 / 4【第2章】用語解説完了
3 / 4【第3章】打撃編完了
4 / 4【第4章】守備編完了
バグ報告: ログイン直後にサイドバーが表示されない

コース画面にログインした直後、左サイドバー(コミュニティ・コース一覧)が表示されない現象が発生しています。
画面左端に赤いドットのみが表示され、サイドバーの領域が空白になります。

バグ: サイドバー非表示
報告日: 2026-04-17  |  再現条件: ログイン直後のコース画面表示時
課題: ログイン後どの会社のコースを開いているかがわからない

サイドバーに複数の会社(コミュニティ)が表示されているが、コース名が「Sample①」のように汎用的な場合、
現在どの会社のコースを見ているのかが判別できない。コース名の上部や見出しに会社名の表示がない。

課題: どの会社のコースかわからない
報告日: 2026-04-17  |  改善案: コースヘッダーにコミュニティ名を明示表示する
コース画面(学習途中の受講生視点)
オンクラス
ホーム TECH PLUS Webマーケティング基礎講座

Webマーケティング基礎講座

65% 15 / 23 レッスン完了
コース
学習計画
感想履歴
ブックマークリスト
📚
コース概要
📚
すべての章
4
完了した章
1
📝
未完了の章
3
NOW — 学習中 第3章 打撃編
▶ 【動画】バッティングフォームの基本
レッスン 5 / 7
📚 カリキュラム
第1章   オリエンテーション
6 / 6 レッスン完了
完了
第2章   用語解説
5 / 5 レッスン完了
完了
3
第3章   打撃編 📍 学習中
4 / 7 レッスン完了
57%
完了したレッスン 4件 を見る (利用規約・打撃理論・グリップ・スタンス)
📍 今ここ
【動画】バッティングフォームの基本
このレッスンから再開します
学習中
6
実践ドリル: スイング矯正
次のレッスン
未着手
7
章末テスト
未着手
4
第4章   守備編
0 / 5 レッスン完了
未着手
5
第5章   走塁編
未着手
全 8 章中 4 章を表示中
★【比較案】コース画面 — 白ヘッダー統一型レイアウト(上部:ロゴ+ユーザー、下:サイド+コンテンツ)
オンクラス
T
コース
学習計画
感想履歴
ブックマークリスト
あなたのコミュニティ
TECH PLUS3コース ▼
プログラミング体験
Webマーケティング基礎講座
営業
テックリーダーズ11コース ▼
オンクラス社員研修2コース ▼
(株) オンラインクラス1コース ▼
(株) 後楽1コース ▼
ホーム TECH PLUS Webマーケティング基礎講座

Webマーケティング基礎講座

65% 15 / 23 レッスン完了
📚
コース概要
📚
すべての章
4
完了した章
1
📝
未完了の章
3
NOW — 学習中 第3章 打撃編
▶ 【動画】バッティングフォームの基本
レッスン 5 / 7
📚 カリキュラム
第1章   オリエンテーション
6 / 6 レッスン完了
完了
第2章   用語解説
5 / 5 レッスン完了
完了
… 以下省略(比較用デモ)
★【比較案 v2】Image #30/#35 反映版 — サイドバー全高(最上部から)+ロゴ+ピル型トグル(赤通知ドット)を右側に配置
あなたのコミュニティ
TECH PLUS 3
プログラミング体験
Webマーケティング基礎講座
営業
テックリーダーズ 1
オンクラス社員研修 2
(株) オンラインクラス 1
(株) 後楽 1
オンクラス
T
コース
学習計画
感想履歴
ブックマークリスト
ホーム TECH PLUS Webマーケティング基礎講座

Webマーケティング基礎講座

65% 15 / 23 レッスン完了
📚
コース概要
📚
すべての章
4
完了した章
1
📝
未完了の章
3
NOW — 学習中 第3章 打撃編
▶ 【動画】バッティングフォームの基本
レッスン 5 / 7
📚 カリキュラム
第1章   オリエンテーション
6 / 6 レッスン完了
完了
第2章   用語解説
5 / 5 レッスン完了
完了
… 以下省略(比較用デモ)
学習計画タブ(スケジュール管理の改善)
オンクラス
ホーム TECH PLUS Webマーケティング基礎講座

Webマーケティング基礎講座

65% 15 / 23 レッスン完了
コース
学習計画
感想履歴
ブックマークリスト
📅
学習計画
📅
設定済み
2
⚠️
遅延中
1
📝
未設定
2
すべて
未設定
設定済み
遅延中
1
第1章   オリエンテーション
✔ 完了 6 / 6 レッスン 学習完了目安: 3日
完了予定日
2026/04/10
予定通り
2
第2章   用語解説
✔ 完了 5 / 5 レッスン 学習完了目安: 5日
完了予定日
2026/04/18
予定通り
3
第3章   打撃編 学習中
4 / 7 レッスン 学習完了目安: 7日
57%
完了予定日
2026/04/28
やや遅れ
4
第4章   守備編
未着手 0 / 5 レッスン 学習完了目安: なし
完了予定日
未設定
未設定
💡
オーバーフロー仕様(全画面共通): 章数が5件以上ある場合は以下パターンで表示。4件目までを表示し、残りは「もっと見る」ボタンで展開(ページネーションではなく、アコーディオン展開)。
5
第5章   走塁編
未着手  ·  0 / 4 レッスン
未着手
第5章 · 第6章 · 第7章 · 第8章
感想履歴タブ(学習の振り返り)
仕様メモ: この画面はスクロール閲覧仕様です。感想は本文が長め(100〜200字)で章ごとにグルーピング表示するため、1画面に圧縮せず縦スクロールで読み進める設計としています。
オンクラス
ホーム TECH PLUS Webマーケティング基礎講座

Webマーケティング基礎講座

65% 15 / 23 レッスン完了
コース
学習計画
感想履歴
ブックマークリスト
💬
感想履歴
💬
感想投稿数
8
📚
投稿した章
3
📆
今月の投稿
2
1
第1章   オリエンテーション
3件の感想
📹 動画 オンライン学習の心構え
2026/04/06
オンラインでの学習は初めてでしたが、動画がわかりやすくて安心しました。自分のペースで進められるのが良いですね。
📝 記事 学習の進め方ガイド
2026/04/07
学習計画の立て方が参考になりました。まずは毎日30分を目標にやってみます。
📹 動画 目標設定のコツ
2026/04/07
SMARTゴールの考え方は仕事にも使えそうです。具体的な目標を決めてから取り組むと効率が全然違いますね。
2
第2章   用語解説
2件の感想
📝 記事 マーケティング基礎用語50選
2026/04/10
知らない用語が多かったですが、説明がわかりやすかったです。CPA、CPO、LTVの関係が理解できました。
📹 動画 ファネルの考え方
2026/04/11
ファネルを意識することで、お客様がどこで離脱しているか分析できるようになりそうです。
3
第3章   打撃編 学習中
3件の感想
📹 動画 打撃理論
2026/04/13
理論を知ってから実践すると、フォームの改善ポイントがはっきりしました。
📝 記事 グリップの種類と選び方
2026/04/14
自分に合ったグリップがわかって、練習が楽しくなりました。
📝 記事 スタンスの基本
2026/04/15
スタンスの幅が打球に影響するとは知りませんでした。写真付きの解説が助かります。
📹 動画 フォロースルーの重要性
2026/04/15
ブックマークリストタブ(ブックマーク管理)
オンクラス
ホーム TECH PLUS Webマーケティング基礎講座

Webマーケティング基礎講座

65% 15 / 23 レッスン完了
コース
学習計画
感想履歴
ブックマークリスト
ブックマークリスト
登録レッスン
5
完了済み
2
📝
未完了
3
追加機能: 検索バー(タイトル部分一致)、一括解除、タグ付け。
📹 動画 第1章
オンライン学習の心構え
✔ 完了
📝 記事 第2章
マーケティング基礎用語50選
✔ 完了
📹 動画 第2章
ファネルの考え方
✔ 完了
📹 動画 第3章
打撃理論
✔ 完了
📹 動画 第3章
バッティングフォームの基本
▶ 学習中
📝 記事 第3章
グリップの種類と選び方
全 17 件中 5 件を表示
修了証(コース100%完了時の画面)
オンクラス
ホーム TECH PLUS Webマーケティング基礎講座

Webマーケティング基礎講座

100% 23 / 23 レッスン完了 🎉 修了
コース
学習計画
感想履歴
ブックマークリスト
🎉
おめでとうございます!
「Webマーケティング基礎講座」の全カリキュラムを修了しました
完了した章
4 / 4
完了レッスン
23 / 23
学習日数
18
CERTIFICATE OF COMPLETION
修 了 証
以下の講座の全カリキュラムを修了したことを証明します
Webマーケティング基礎講座
受講者
田中 太郎
修了日
2026年4月15日
発行番号
OC-2026-04150001
TECH PLUS
Before(現行章一覧画面) → テーブル表示 / 進捗がわかりにくい / ロック状態が目立たない
Ⓢ オンクラス
学習 コミュニティ
❓ お問い合わせ
受講講座: 営業
章合計数 完了章数 未完了章数
4 0 4
未完了 営業準備編
進捗度 0%
完了レッスン数 0 / 9
未完了 営業実践編&ケーススタディー 次の章公開まで後2日
進捗度 0%
完了レッスン数 0 / 4
未完了 営業後サポート
進捗度 0%
完了レッスン数 0 / 3
未完了 実践編
進捗度 0%
完了レッスン数 0 / 1
章一覧画面(学習進捗の可視化)
オンクラス
ホーム TECH PLUS 営業

営業

35% 6 / 17 レッスン完了
コース
学習計画
感想履歴
ブックマークリスト
📚
すべての章
4
完了した章
1
📝
未完了の章
3
📋 章一覧
第1章
営業準備編
完了
9 / 9
📖
● 学習中 — 第2章
営業実践編&ケーススタディー
2 / 4
次は レッスン3 / 4
🎬 アポイント獲得の実例 (9:20)
🔒
第3章
営業後サポート
🕒 公開まで後2日
0 / 3
📘
第4章
実践編
未着手
0 / 1
📘
第5章   応用編
未着手
全 7 章中 4 章を表示中
学習サイト — UI/UX実装予定

以下のコンテンツタイプごとに、学習サイト上でUI/UXの改善デザインを実装予定です。

練習問題 外部リンク テキスト 記事 PDF 音声 アンケート

※ 完了: 動画(H) / 練習問題(J) / 外部リンク(K) / テキスト(L) / 記事(M) / PDF(N) / 音声(O) / アンケート(P)。全てのコンテンツタイプのデザインを揃えました。

学習ページ(ワクワクする学習体験デザイン)
オンクラス
営業営業準備編レッスン2
2 / 9 レッスン
🔥
連続2日目の学習です!この調子で続けましょう 営業準備編 — あと7レッスンで完了です
🔥
2日 連続
完了 1 レッスン
今日 12分 学習
1
2
3
4
9
2
営業準備編 — レッスン 2 / 9
準備編〜リサーチについて
ブックマーク
動画を見て学習しましょう
⏱ 8分45秒
📖
解説
準備編〜リサーチについて。営業活動を行う前に、顧客企業のリサーチが不可欠です。この動画では、効率的なリサーチ方法と、収集した情報をどのようにヒアリングシナリオに活かすかを学びます。
💬
感想を書いてみましょう
0 / 1000
22%
NEXT ①リサーチをやってみましょう
2 / 9 完了
上のデザインでレッスン完了時のイメージ
完了すると、チェックマーク付きのステップドットが緑に変わり、「次のレッスンへ」ボタンで自然に次へ誘導されます。
連続学習日数・完了レッスン数が更新され、達成感を演出します。
💡 改善ポイント(現行 → 提案)
❌ 現行の課題
  • 白背景にテキストだけで殺風景
  • 学習の進捗がわかりにくい
  • モチベーションを高める要素がない
  • 前後のレッスンへの移動が不便
  • 「今どこにいるか」が不明確
  • 感想欄が地味で書く気が起きない
✅ 提案デザインの工夫
  • ステップドットで全体の位置を一目で把握
  • 連続学習日数・学習時間でモチベUP
  • モチベーションバナーで応援メッセージ
  • カード型UIで解説・感想が明確に分離
  • 前後ナビゲーションでレッスン名も表示
  • フローティングバーで常に次へ進める
練習問題レッスン(Before → After)
Before(現行デザイン)

現行の練習問題画面

報告: 2026-04-17 時点の画面キャプチャ
現行の練習問題画面
  • 装飾のないプレーンなラジオボタンで、クリック可能かが直感的にわからない
  • 「回答する」ボタンがグレーアウトで、押せる状態か一目でわからない
  • 進捗表示(何問中何問目か)がどこにもない
  • 正解・不正解のフィードバックが弱く、達成感が生まれない
  • 前後のレッスンへの導線がなく、次に何をすればいいか不明
  • ゲーミフィケーション要素がゼロで、モチベーションにつながらない
新デザイン — ワクワクする学習体験に刷新
モチベーション / 連続正解 / 紙吹雪演出
オンクラス
T
← コースに戻る
営業 › 営業準備編 › レッスン3
3 / 9 レッスン
🔥
連続3日目の学習です!この調子で続けましょう 営業準備編 — あと6レッスンで完了です
🔥
3日 連続
完了 2 レッスン
今日 18分 学習
3
4
5
···
9
3
営業準備編 — レッスン 3 / 9
こちらのコースは何章構成になっているでしょうか。
ブックマーク
練習問題にチャレンジ!
学んだ内容を定着させましょう
問 2 / 2
章内の練習問題
2問中2問目 🔥 連続正解 2問
Q
こちらのコースは何章構成になっているでしょうか。
A1
B2
C3
D4
🎉正解です!
D. 4 — このコースは4章構成です。
この調子で次のレッスンにも挑戦しましょう!
連続正解 2問
📖
解説
このコースは「営業準備編」「営業実践編&ケーススタディー」「営業後サポート」「実践編」の4章で構成されています。各章で段階的に営業スキルを身につけていく設計です。
💬
感想を書いてみましょう
0 / 1000
33%
NEXT ①リサーチをやってみましょう
3 / 9 完了
外部リンクレッスン(Before → After)
Before(現行デザイン)

現行の外部リンク画面

報告: 2026-04-17 時点の画面キャプチャ
テスト
リンク先の内容を確認しましょう
リンクを確認する
解説
感想を書いてみましょう
感想を提出する
  • 外部リンクであることが一目でわからない(新しいタブで開くのか不明)
  • リンク先のタイトル・ドメイン・概要がなく、押す前に何のサイトかわからない
  • 「リンクを確認する」ボタンが小さく、クリック目標として弱い
  • リンク先確認後の完了フィードバックがなく、達成感が生まれない
  • 前後のレッスンへの導線がなく、次に何をすればいいか不明
  • 他レッスン(動画・練習問題)とのUI統一感がない
新デザイン — 練習問題と統一感のあるワクワク体験に刷新
プレビュー / 外部サイト明示 / 完了演出
オンクラス
T
← コースに戻る
営業 › 営業準備編 › レッスン4
4 / 9 レッスン
🔗
参考資料で理解を深めましょう 営業準備編 — あと5レッスンで完了です
🔥
3日 連続
完了 3 レッスン
今日 22分 学習
4
5
···
9
4
営業準備編 — レッスン 4 / 9
公式参考資料で営業準備のチェックリストを確認しましょう
ブックマーク
🔗リンク先を確認しました!
参考資料の内容を踏まえて、このあとの感想で気づきを残しましょう
確認済み
📖
解説
この資料には「顧客リサーチ」「ヒアリング質問」「事前準備チェックリスト」の3パートが含まれます。動画で学んだ内容を実務に落とし込むためのテンプレートとして活用しましょう。
💬
感想を書いてみましょう
0 / 1000
44%
NEXT ①リサーチをやってみましょう
4 / 9 完了
テキスト原稿レッスン(Before → After)
Before(現行デザイン)

現行のテキスト原稿画面

報告: 2026-04-17 時点の画面キャプチャ
テスト
この内容を理解しましたか?
受講完了して次へ
感想を書いてみましょう
  • 原稿本文を表示するメインエリアが存在せず、何を読むのかがわからない
  • 読了時間・文字数・本章のポイントなど学習者が欲しい情報がゼロ
  • ペンアイコン(編集)を使っているため「書く」行為と誤認しやすい — 本来は「読む」レッスン
  • 読了進捗バーがなく、どこまで読んだか・あとどれくらいかが見えない
  • 完了フィードバックが単調で、達成感や次の学習モチベにつながらない
  • 他レッスン(動画・練習問題・外部リンク)とのUI統一感がない
新デザイン — 読みやすさと学習体験を両立した原稿レッスンに刷新
本文レイアウト / 読了進捗 / 本章のポイント / 読了演出
オンクラス
T
← コースに戻る
営業 › 営業準備編 › レッスン5
5 / 9 レッスン
📖
じっくり読んで理解を深めましょう 営業準備編 — あと4レッスンで完了です
🔥
3日 連続
完了 4 レッスン
今日 28分 学習
5
6
9
5
営業準備編 — レッスン 5 / 9
ヒアリングで失敗しないための7つの原則
ブックマーク
テキストを読んで学習
自分のペースでじっくり読み進めましょう
約5分
約1,200字
読了進捗
62%

ヒアリングで失敗しないための7つの原則

営業におけるヒアリングは、単なる情報収集ではありません。顧客の抱える本質的な課題を引き出し、解決策の方向性を一緒に描く共同作業です。本章では、ヒアリング時に守るべき7つの原則をご紹介します。

Key Idea ヒアリングの質 = 成約率。準備が8割、質問が2割。

原則1. 結論から聞かない

いきなり「どんな課題がありますか?」と聞くと、顧客は身構えてしまいます。まずは会社の状況・業務の流れなど事実ベースの質問から入り、徐々に課題に迫ることが大切です。

原則2. 「なぜ?」を3回繰り返す

表層的な課題の裏には、必ず根本原因があります。「なぜその問題が起きているのか」「なぜそれが解決できていないのか」と深掘りすることで、提案の精度が飛躍的に上がります。

原則3. 数字で確認する

「忙しい」「大変」といった主観的な表現は、具体的な数字で再確認しましょう。月何時間・何件・何円といった定量情報は、後の提案の説得力に直結します。

注意 数字を聞き出せないまま提案に進むと、後工程で必ず詰まります。

原則4. 沈黙を恐れない

沈黙は顧客が考えている時間です。焦って次の質問をしてしまうと、深い回答が得られません。3秒間の沈黙に耐える——これがベテラン営業の共通点です。

本章のポイント
  • ヒアリングの質が成約率を決める — 準備が8割
  • 結論から聞かず、事実ベースの質問から入る
  • 「なぜ?」を3回繰り返して根本原因に迫る
  • 主観的な表現は数字で再確認する(月○時間・○件・○円)
  • 沈黙を恐れない — 3秒の沈黙に耐える
📚読了おめでとう!
ヒアリングで失敗しないための7つの原則を読み終えました。
読んだ内容を、下の感想欄で言語化してみましょう!
読了バッジ獲得
📖
解説
本章で紹介した7つの原則は、実践を通してはじめて身につきます。次の練習問題で理解度を確認し、本日の営業現場で1つでも試してみましょう。
💬
感想を書いてみましょう
0 / 1000
55%
NEXT ヒアリングシナリオを作ってみよう
5 / 9 完了
記事レッスン(Before → After)
Before(現行デザイン)

現行の記事画面

報告: 2026-04-17 時点の画面キャプチャ
【勤怠1章】勤怠システムを作ろう
記事を読んで学習しましょう
記事を読む
感想を書いてみましょう
感想を提出する
  • 記事のタイトルや概要が一切見えず、押す前に内容が想像できない
  • 読了時間の目安がなく、学習計画が立てにくい
  • 記事を読んだかどうかの完了マーカーがなく、達成感が生まれない
  • 読書中の進捗(現在位置)が見えず、迷子になりやすい
  • 前後のレッスンへの導線がなく、次に何をすべきか不明
  • 他レッスン(動画・テキスト)とのUI統一感がない
新デザイン — 他レッスンと統一感のある「読書ジャーニー」体験に刷新
カテゴリチップ / 読了時間 / 進捗バー / 読了演出
オンクラス
T
← コースに戻る
営業 › 営業準備編 › レッスン6
6 / 9 レッスン
📖
記事で理解を深めましょう営業準備編 — 読了まで約8分
🔥
3日 連続
完了 5 レッスン
今日 32分 学習
6
7
8
9
6
営業準備編 — レッスン 6 / 9
【勤怠1章】勤怠システムを作ろう
ブックマーク
記事を読んで学習しましょう
自分のペースでじっくり読み進めましょう
約8分
読書進捗
45%
記事
読了 約8分 約2,400文字 オンクラス編集部
【勤怠1章】勤怠システムを作ろう — 要件定義から実装まで
勤怠管理システムは、多くの企業で必要とされる基盤機能です。本記事では、要件定義・データ設計・画面設計・実装・テストの5ステップで、実務で使える勤怠システムの作り方を解説します。まずは「誰が・いつ・どこで・何のために」使うのかを整理することから始めましょう…
📖記事を読み終えました!
内容を振り返って、感想欄に気づきや実務で使えるポイントを残しましょう
読了済み
📖
解説
本記事の要件定義パートでは、勤怠システムに必要な機能を「打刻」「集計」「申請」「承認」「レポート」の5カテゴリに分解しています。動画でまなんだ体系を実プロダクトに落とし込む具体例として活用しましょう。
💬
感想を書いてみましょう
0 / 1000
66%
6 / 9 完了
PDFレッスン(Before → After)
Before(現行デザイン)

現行のPDF画面

報告: 2026-04-17 時点の画面キャプチャ
テスト
PDFを確認する 受講完了して次へ
解説
感想を書いてみましょう
感想を提出する
  • PDFのページ数・ファイルサイズが見えず、開く前に内容量が想像できない
  • サムネイル/プレビューがなく、押すまで何の資料か分からない
  • ダウンロードとその場で見るが区別されていない
  • PDFを確認したかどうかの完了マーカーがない
  • 「受講完了して次へ」がPDF未確認でも押せてしまう
  • 他レッスン(動画・記事)とのUI統一感がない
新デザイン — 他レッスンと統一感のある「資料確認」体験に刷新
プレビュー / ページ数・サイズ表示 / 開く + DL分離 / 確認済み演出
オンクラス
T
← コースに戻る
営業 › 営業準備編 › レッスン7
7 / 9 レッスン
📄
資料で理解を補強しましょう営業準備編 — あと2レッスンで完了です
🔥
3日 連続
完了 6 レッスン
今日 40分 学習
7
8
9
7
営業準備編 — レッスン 7 / 9
営業準備チェックリスト(PDF資料)
ブックマーク
PDF資料を確認して学習しましょう
資料を読みながら、重要ポイントを押さえましょう
全8ページ
1.4MB
PDFを開くとブラウザの別タブで表示されます。ダウンロードしてオフラインで確認することもできます。
PDF
営業準備チェックリスト v3
商談前に確認すべき「顧客リサーチ」「持参資料」「ヒアリング項目」「競合比較」の4カテゴリ・全34項目をまとめた実務テンプレートです。印刷してそのまま使えます。
📄PDFを確認しました!
チェックリストを踏まえて、実際の商談準備に活かしましょう
確認済み
📖
解説
このPDFは「顧客リサーチ」「持参資料」「ヒアリング項目」「競合比較」の4パートで構成されています。最初の商談だけでなく、既存顧客のアップセル提案にも流用できるように設計されています。
💬
感想を書いてみましょう
0 / 1000
77%
7 / 9 完了
音声レッスン(Before → After)
Before(現行デザイン)

現行の音声画面

報告: 2026-04-17 時点の画面キャプチャ
テスト
音声を聞いて学習しましょう
0:00 / 2:40
受講完了して次へ
解説
感想を書いてみましょう
感想を提出する
  • 音声タイトルや総再生時間が一目で把握できない
  • ブラウザ標準のaudioタグのみで視覚的な楽しさがない(波形やアニメなし)
  • チャプター/目次がなく、特定パートへ飛べない
  • 再生速度の切替がブラウザUIに隠れて見つけにくい
  • 聴取完了マーカーがなく、達成感が生まれない
  • 他レッスン(動画・記事)とのUI統一感がない
新デザイン — 他レッスンと統一感のある「聴く学習」体験に刷新
波形アニメ / チャプター / 速度切替 / 聴取完了演出
オンクラス
T
← コースに戻る
営業 › 営業準備編 › レッスン8
8 / 9 レッスン
🎧
耳で学んで理解を定着させましょう営業準備編 — あと1レッスンで完了です
🔥
3日 連続
完了 7 レッスン
今日 48分 学習
8
9
8
営業準備編 — レッスン 8 / 9
音声で学ぶ — 営業トークの5つのコツ
ブックマーク
音声を聞いて学習しましょう
通勤中・家事中のながら学習にも最適です
2:40
1:12 / 2:40
チャプター
① 自己紹介で掴む
0:00
② 顧客課題のヒアリング
0:35
3
③ 提案の組み立て方
1:10
4
④ 反対意見への対応
1:45
5
⑤ クロージング
2:15
🎧音声を聞き終わりました!
印象に残った箇所を感想欄に残して、次のレッスンへ進みましょう
聴取済み
📖
解説
この音声コンテンツは、商談の流れを5ステップ(自己紹介 → ヒアリング → 提案 → 反対意見対応 → クロージング)に分解して解説しています。チャプターごとに10〜30秒で要点がまとまっているので、復習時には気になる箇所だけピックアップできます。
💬
感想を書いてみましょう
0 / 1000
88%
8 / 9 完了
アンケートレッスン(Before → After)
Before(現行デザイン)

現行のアンケート画面

報告: 2026-04-17 時点の画面キャプチャ
営業学習お疲れ様でした
アンケートへのご回答をお願いします
アンケートに答える
  • コースの締めくくりにもかかわらず、達成感・労いのトーンが弱い
  • アンケートの質問数/所要時間がわからず、着手ハードルが高い
  • 質問内容の予告がなく、何を聞かれるか不明で不安
  • 回答後の完了マーカーがなく、記入した実感が残らない
  • コース完了 ➜ 次コース導線がない
  • 他レッスンとのUI統一感がない
新デザイン — アンケート回答を丁寧に案内(コース内のどの位置でも使える汎用デザイン)
質問数・所要時間明示 / 質問プレビュー / 任意/必須の明示 / 回答完了演出
オンクラス
T
← コースに戻る
営業 › 営業準備編 › レッスン9
9 / 9 レッスン
💬
3分だけお時間をください匿名で、素直な気持ちをお書きください
🔥
3日 連続
完了 8 レッスン
今日 52分 学習
9
9
営業準備編 — レッスン 9 / 9
学習アンケート — 学びの振り返り
ブックマーク
アンケートへのご協力をお願いします
いただいた回答は今後の改善に活用します
約3分
学びを言葉にして残そう
気づきや試したい行動を書き残すことで、学習内容の定着が大きく高まります。
全5問 所要 約3分 匿名回答
質問プレビュー
1
このコースは役に立ちましたか?(5段階評価)
必須
2
もっとも学びになったレッスンはどれですか?
必須
3
実務で試したいと思った具体的な行動を教えてください
必須
4
改善してほしい点があればご記入ください
任意
5
次に学びたいテーマがあれば教えてください
任意
ご回答ありがとうございました!
いただいたご意見は今後のコース改善に役立てます。ご協力ありがとうございました。
回答済み
📖
解説
アンケートの回答は匿名で集計されます。特に「3. 実務で試したい行動」は、あなた自身の学びを言語化する重要な振り返りステップです。言語化することで記憶への定着率が大きく向上します。
100%
9 / 9 完了
スマホ版 学習ページ(Mobile Web)
BEFORE — 現行
20:50
📶 📡
🔍 app.the-online-class.com
ログインしました!
営業/営業準備編
🔖
はじめに
動画を見て学習しましょう
解説
はじめに
❌ 味気ないレイアウト
❌ 進捗が見えない
❌ 次レッスンへの導線なし
❌ モチベ要素ゼロ
AFTER — 改善デザイン
20:50
📶 📡
営業  ·  営業準備編
レッスン 2 / 9  ·  準備編〜リサーチ
65%
ログインしました!
🔥2日連続
完了 1
今日 12分
1
2
3
4
9
2
営業準備編 — レッスン 2 / 9
準備編〜リサーチについて
▶ 動画 ⏱ 8分45秒
動画を見て学習しましょう
⏱ 8:45
📖
解説
営業において準備はもっとも重要なステップです。リサーチの質がそのまま成約率に直結します。本レッスンでは、効率的な情報収集のフレームワークを学びます。
メモ & 感想
ブックマーク登録

📱スマホ改善ポイント

Before:
単なる縮小レイアウト
After:
モバイル特化UI
  • コンパクトヘッダー: 戻る + パンくず + 進捗リング(1行集約)
  • ストリークバー: 連続日数・完了・学習時間を常に可視化
  • ステップドット横スクロール: 9レッスン全体が一目で見える
  • 動画カードのモダン化: グラデ背景 + 半透明再生ボタン
  • アコーディオンカード: 解説・メモ・ブックマーク登録を分離
  • 固定ボトムナビ: 「次のレッスンへ」CTAが常に親指届く位置に
  • 成功トースト: フラットグリーン→グラデ+アイコン円で質感UP
  • セーフエリア対応: ホームインジケーター領域を考慮したpadding