あなたのコミュニティ
TECH PLUS 3コース
プログラミング体験
TECH PLUS 実践マーケティング
営業
テックリーダーズ 11コース
フリーエンジニア養成コース1
オンクラス社員研修 32コース
オンクラス社員教育2
月次報告と経営方針1
(株) オンラインクラス 1コース
オンラインクラス基礎講座
(株) 後楽 1コース
後楽研修コース

受講生コース画面
モバイル版デザイン提案

スマホでも操作しやすい全7画面のUI改善案

2026-04-16 / 7パターン ◀ PC版を見る
A
コース画面(章一覧)
ハンバーガー + 章カードスタック + 固定CTA
ホーム TECH PLUS Webマーケ基礎

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

65%
15 / 23 レッスン完了
第1章 マーケティング概論
5レッスン学習時間 45分
完了
2
第2章 ターゲット分析
6レッスン学習時間 60分
50%
2-1 ペルソナ設計の基本 12分
2-2 顧客インタビュー 10分
2-3 データ収集の手法 8分
2-4 セグメンテーション 15分
2-5 ペルソナ実例 10分
2-6 演習: 自社ペルソナ設計 5分
3
第3章 コンテンツ戦略
7レッスン学習時間 70分
未着手
4
第4章 広告運用入門
5レッスン学習時間 50分
未着手
B
サイドバー展開時(ハンバーガーを押した状態)
コミュニティ / コース階層 + 要対応バッジ(親=子の合計)
あなたのコミュニティ
TECH PLUS 3コース
プログラミング体験
TECH PLUS 実践マーケティング
営業
テックリーダーズ 11コース
フリーエンジニア養成コース1
オンクラス社員研修 32コース
オンクラス社員教育2
月次報告と経営方針1
(株) オンラインクラス 1コース
(株) 後楽 1コース
※ 通知バッジ仕様
コミュニティの数字は配下コースの要対応数の合計。各コース右横にも個別バッジを表示し、どのコースに対応が必要か一目で把握できます。
C
学習計画タブ
週ストリップ + 日別計画カード(やや遅れバッジ=#FFB74D)
ホーム TECH PLUS Webマーケ基礎

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

65%
15 / 23 レッスン完了
12h
累計学習
3h
今週
5/5
連続学習
13
30分
14
45分
15
計画中
16
17
18
19
今週の計画
4/15 (火) 今日
やや遅れ
第2章 ターゲット分析(残り3レッスン)
予定 30分 / 進捗 0分
4/16 (水)
予定通り
第3章 コンテンツ戦略(前半)
予定 35分
4/17 (木)
予定通り
第3章 コンテンツ戦略(後半)
予定 35分
4/18 (金)
予定通り
第4章 広告運用入門
予定 50分
D
感想履歴タブ
章グルーピング + スクロール閲覧仕様
仕様メモ: 感想は本文が長め(100〜200字)のため、章ごとグルーピングで縦スクロール閲覧する設計です。
ホーム TECH PLUS Webマーケ基礎

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

65%
15 / 23 レッスン完了
8
感想投稿数
3
第1章 マーケティング概論(3件)
1-1 マーケティングとは
4/8
マーケティングは「売る仕組み」を作ることだと理解できた。顧客視点の大切さを改めて実感した。
1-2 4P分析の基本
4/8
Product/Price/Place/Promotionを体系的に整理できた。自社商品に当てはめて考える演習が特に有益だった。
1-5 SWOT分析の実践
4/9
内部環境と外部環境を分けて考えることで、戦略の優先順位が明確になった。次週実際に使ってみる。
第2章 ターゲット分析(2件)
2-1 ペルソナ設計の基本
4/12
架空のユーザー像ではなく、実在の顧客インタビューを元にしたペルソナの方が精度が高いと学んだ。
2-3 データ収集の手法
4/14
定量データと定性データの使い分けが重要。アンケート設計のテンプレが実務で使えそうだった。
第3章 コンテンツ戦略(3件)
3-2 SEOキーワード設計
4/13
検索意図を3つのカテゴリに分類する考え方が新鮮だった。情報収集系と購買系で記事の書き方を変える。
E
ブックマークリスト
フィルターチップ + カード表示
ホーム TECH PLUS Webマーケ基礎

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

65%
15 / 23 レッスン完了
すべて(6) 第1章(2) 第2章(3) 第3章(1)
4P分析の実例 — P&G事例
第1章 › 1-2 · 4/8 保存 · 6:32
4Pの具体例で理解が深まった箇所。Priceの戦略が特に参考になる。
SWOTフレームワーク解説
第1章 › 1-5 · 4/9 保存 · 3:15
SWOTの4象限を1枚絵で説明。自社分析に使うため保存。
ペルソナ設計テンプレート
第2章 › 2-1 · 4/12 保存 · 8:20
実際のテンプレートが出てくる箇所。明日のミーティングで使う。
顧客インタビューの質問設計
第2章 › 2-2 · 4/13 保存 · 4:48
オープンクエスチョンの組み立て方。次回のヒアリング準備で見返す。
定量/定性データの使い分け
第2章 › 2-3 · 4/14 保存 · 5:05
どちらを先に取るかの判断基準が明快だった。
F
100%修了画面
ゴールドトロフィー + 修了証ダウンロード + 次の講座CTA
ホーム TECH PLUS Webマーケ基礎

修了おめでとうございます!

Webマーケティング基礎講座(全23レッスン)を完走しました

あなたの学習サマリー
23
完了レッスン数
12h
累計学習時間
8
投稿した感想
6
ブックマーク
G
動画視聴画面(モバイル)
§11-6準拠: 44×44円形前ボタン + フル幅緑色「次へ」/進捗リング・連続学習バッジ・ステップドットで学習のワクワク感を演出
営業 › 営業準備編
レッスン 2/9 · 準備編〜リサーチ
65%
ログインしました!
×
🔥2日連続
完了1
今日12分
2
3
4
5
6
7
8
営業準備編 — レッスン 2/9
2
準備編〜リサーチについて
動画 8分45秒
解説
営業において準備はもっとも重要なステップです。リサーチの質がそのまま成約率に直結します。本レッスンでは、効率的な情報収集のフレームワークを学びます。
動画を見て学習しましょう 8:45
J
練習問題レッスン(モバイル)
デスクトップ版パターンJのモバイル最適化。4択問題 + 正解演出(紙吹雪)+ 連続正解チップ。親指が届くフル幅ボタンで「回答する」→「次のレッスンへ」まで誘導
営業 › 営業準備編
レッスン 3/9 · 練習問題
33%
🔥3日連続
完了2
今日18分
3
4
5
6
7
9
3
営業準備編 — レッスン 3/9
こちらのコースは何章構成になっているでしょうか。
練習問題にチャレンジ!
学んだ内容を定着させましょう
問 2/2
🔥 連続正解 2問
Q
こちらのコースは何章構成になっているでしょうか。
A
1
B
2
C
3
D
4
🎉正解です!
D. 4 — このコースは4章構成です。
連続正解 2問
解説
このコースは「営業準備編」「営業実践編&ケーススタディー」「営業後サポート」「実践編」の4章で構成されています。各章で段階的に営業スキルを身につけていく設計です。
感想を書いてみましょう
0 / 1000
K
外部リンクレッスン(モバイル)
デスクトップ版パターンKのモバイル最適化。プレビューカード + 外部サイト明示 + 完了フィードバック。パターンJと統一感のある構造で、青グラデーションで「外部」セマンティクスを差別化
営業 › 営業準備編
レッスン 4/9 · 外部リンク
44%
🔥3日連続
完了3
今日22分
4
5
6
7
9
4
営業準備編 — レッスン 4/9
公式参考資料で営業準備のチェックリストを確認しましょう
外部リンクを確認しましょう
リンク先の内容を読んで、理解を深めましょう
外部サイト
下のリンクから参考資料を開いてください。別タブで開きます。戻ってきたら確認ボタンを押しましょう。
O the-online-class.com 外部
営業準備編 — 公式参考資料・チェックリスト
本レッスンで取り上げる営業前準備のチェックリストとヒアリング項目テンプレートが掲載されています。別タブで開きます。
🔗リンク先を確認しました!
参考資料の内容を踏まえて、このあとの感想で気づきを残しましょう
確認済み
解説
この資料には「顧客リサーチ」「ヒアリング質問」「事前準備チェックリスト」の3パートが含まれます。動画で学んだ内容を実務に落とし込むためのテンプレートとして活用しましょう。
感想を書いてみましょう
0 / 1000
L
テキスト原稿レッスン(モバイル)
デスクトップ版パターンLのモバイル最適化。スティッキー読了進捗バー + 文字サイズ切替 + 本章のポイント + 読了演出。パターンJ/Kと統一感のある構造で、緑グラデで「読了=達成」を表現
営業 › 営業準備編
レッスン 5/9 · テキスト
55%
🔥3日連続
完了4
今日28分
5
6
7
9
5
営業準備編 — レッスン 5/9
ヒアリングで失敗しないための7つの原則
テキストを読んで学習
自分のペースでじっくり読みましょう
約5分
読了
62%

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

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

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

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

いきなり「課題は?」と聞くと顧客は身構えます。まずは事実ベースの質問から入り、徐々に本題へ。

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

表層の裏には根本原因があります。深掘りで提案精度が大きく変わります。

原則3. 数字で確認する

「忙しい」は月何時間・何件・何円で再確認。提案の説得力に直結します。

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

原則4. 沈黙を恐れない

沈黙は顧客が考える時間。3秒の沈黙に耐えるのがベテラン営業の共通点です。

本章のポイント
  • ヒアリングの質が成約率を決める(準備が8割)
  • 結論から聞かず、事実ベースの質問から入る
  • 「なぜ?」を3回繰り返して根本原因へ
  • 主観的な表現は数字で再確認する
  • 3秒の沈黙に耐える
📚読了おめでとう!
ヒアリング7つの原則を読み終えました。感想で言語化してみましょう。
読了バッジ獲得
解説
本章で紹介した7つの原則は実践で身につきます。次の練習問題で理解度を確認し、本日の営業で1つ試してみましょう。
感想を書いてみましょう
0 / 1000
M
記事レッスン(モバイル)
デスクトップ版パターンMのモバイル最適化。カテゴリチップ + 読了時間 + プレビュー + 読書進捗 + 読了演出。パターンK/Lと統一感のある青グラデ構造
営業 › 営業準備編
レッスン 6/9 · 記事
66%
🔥3日連続
完了5
今日32分
6
7
8
9
6
営業準備編 — レッスン 6/9
【勤怠1章】勤怠システムを作ろう
記事を読んで学習しましょう
自分のペースでじっくり読み進めましょう
約8分
読書進捗
45%
記事
約8分 2,400字
【勤怠1章】勤怠システムを作ろう — 要件定義から実装まで
勤怠管理システムは、多くの企業で必要とされる基盤機能です。本記事では、要件定義・データ設計・画面設計・実装・テストの5ステップで実務で使える勤怠システムの作り方を解説します…
📖記事を読み終えました!
気づきや実務で使えるポイントを感想欄に残しましょう
読了済み
解説
本記事の要件定義パートでは、勤怠システムに必要な機能を「打刻」「集計」「申請」「承認」「レポート」の5カテゴリに分解しています。動画で学んだ体系を実プロダクトに落とし込む具体例として活用しましょう。
感想を書いてみましょう
0 / 1000
N
PDFレッスン(モバイル)
デスクトップ版パターンNのモバイル最適化。ページ数・サイズ + 積みページプレビュー + 開く/DL分離 + 確認済み演出。オレンジアクセントで「資料」セマンティクスを表現
営業 › 営業準備編
レッスン 7/9 · PDF資料
77%
🔥3日連続
完了6
今日40分
7
8
9
7
営業準備編 — レッスン 7/9
営業準備チェックリスト(PDF資料)
PDF資料を確認しましょう
重要ポイントを押さえましょう
8P 1.4MB
PDFは別タブで表示されます。ダウンロードしてオフライン閲覧も可能です。
PDF
営業準備チェックリスト v3
顧客リサーチ / 持参資料 / ヒアリング項目 / 競合比較の4カテゴリ・全34項目
📄PDFを確認しました!
チェックリストを踏まえて、実際の商談準備に活かしましょう
確認済み
解説
このPDFは4パート構成。商談準備だけでなく既存顧客のアップセル提案にも流用できるよう設計されています。
感想を書いてみましょう
0 / 1000
O
音声レッスン(モバイル)
デスクトップ版パターンOのモバイル最適化。波形アニメ + 大きな再生ボタン + 速度切替 + チャプター + 聴取完了演出。ながら学習に最適な操作性
営業 › 営業準備編
レッスン 8/9 · 音声
88%
🔥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ステップ(自己紹介→ヒアリング→提案→反対意見対応→クロージング)を解説。復習時にはチャプターから特定パートに飛べます。
感想を書いてみましょう
0 / 1000
P
アンケートレッスン(モバイル)
デスクトップ版パターンPのモバイル最適化。質問数/所要時間/匿名ピル + 質問プレビュー + 回答済み演出。コース内のどの位置でも使える汎用アンケートデザイン
営業 › 営業準備編
レッスン 9/9 · アンケート
100%
🔥3日連続
完了8
今日52分
9
9
営業準備編 — レッスン 9/9
学習アンケート — 学びの振り返り
アンケートへのご協力をお願いします
いただいた回答は今後の改善に活用します
約3分
学びを言葉にして残そう
気づきを書き残すと学習内容の定着が高まります
全5問 約3分 匿名
質問プレビュー
1
このコースは役に立ちましたか?
必須
2
もっとも学びになったレッスンは?
必須
3
実務で試したい具体的な行動は?
必須
4
改善してほしい点
任意
5
次に学びたいテーマ
任意
ご回答ありがとうございました!
いただいたご意見は今後の学習体験の改善に役立てます
回答済み
解説
アンケートは匿名集計です。「実務で試したい行動」を言語化することで、記憶への定着率が大きく向上します。
テックリーダーズ
753 メンバー · 24 オンライン
チャンネル
# 全体チャンネル
# もくもく会 3
# 人工インターン系 1
# ポートフォリオ作成
# 勤怠報告
# PDCAアプリ開発
ダイレクトメッセージ
山田花子
田中太郎
コミュニティ
TP5
TECH PLUS
TL3
テックリーダーズ
3
オンクラス社員研修
OC
(株) オンラインクラス
テックリーダーズ
753 メンバー · 24 オンライン
T
# 全体チャンネル 753人
コミュニティ全体のお知らせ・交流チャンネルです
📌 ピン留め: 4月スケジュールが更新されました 表示する
2026年4月15日(火)
加藤皇貴 管理者 10:35
Claude Code使ったことある人〜? AIコーディングツールとしてかなり注目されてます! 👇
👍 5
🔥 3
+
田中太郎 10:42
@加藤皇貴 使ってます!めっちゃ便利ですよ 😊
特にリファクタリング系のタスクで重宝してます。
👍 8
+
山田花子 メンター 11:15
みんなのポートフォリオ進捗を見て、すごく成長を感じています ✨
今週の「もくもく会」でレビュー会やりましょう!
12
🎉 6
+