総合判定:構造(集客フロー・目的起点・3階層IA)は両ペルソナに有効に働く。ただし「経験者は旧ツールの用語で機能を探して1段迷う」「初見は0件の画面で完成イメージが湧かない」という2系統のつまずきが残る。下の4つの改善をこのモックに実装済み(動くモック 02/03 で体験可)。
ファネル・シナリオ・タグで思考する移行ユーザー。機能名は「前のツールの呼び方」で探す。
マーケティングツール自体が初めて。専門用語を知らず、「何から手を付けるか」で止まりやすい。
ヘッダーに「🔍 機能をさがす」を常設。Lステップ・UTAGEの用語(ステップ配信/オプトインページ/流入経路分析/回答フォーム…)で検索してもヒットする別名辞書つきで、結果から該当画面へ直行する。キーボードの / でも開く。
工程タブの右端に14機能を1画面で一望できる「すべて」ビューを追加。Lステップの「フラットな機能一覧」の感覚で探せて、クリックで各機能に直行する。工程で考えたい人は従来の4タブのまま。
ダッシュボード最上部に直近7日/30日を切り替えられるKPI行(申込み・LP→申込率・友だち追加・リマインド開封)を追加。毎朝の定点観測はここで完結し、深掘りは各施策カードの「成果」タブへ。
初期状態(0件)に「サンプルデータで動きを見る」を追加し、作る前に完成形(運用中ダッシュボード)を確認できるようにした。LINE接続ウィザードには「公式アカウントをまだ持っていない場合」の開設ガイド導線を追加。
この表がそのまま改善①の検索の別名辞書になっている。ヘルプページ・移行ガイドにも転用できる。
| 他ツールでの呼び方 | オンクラスでの名前 | 場所 |
|---|---|---|
| ファネルUTAGE | 集客フロー | マーケティング › ダッシュボード |
| オプトインページ/登録ページUTAGE | 集客LP | マーケティング › LP構築 › LP一覧 |
| シナリオ配信/ステップ配信Lステップ・UTAGE | シナリオ | 公式LINE連携 › 育てる・対応する |
| 一斉配信Lステップ | 一斉送信 | 公式LINE連携 › 届ける |
| リマインダ配信UTAGE | リマインド配信 | イベント › リマインド配信(横断一覧) |
| 流入経路分析Lステップ | 流入経路 | 公式LINE連携 › 集める |
| 回答フォームLステップ | 申込みフォーム/アンケート | イベント › 申込みフォーム/公式LINE連携 › 届ける |
| 友だちリストLステップ | 友だち | 公式LINE連携 › 育てる・対応する |
| 個別トークLステップ | チャット | 公式LINE連携 › 育てる・対応する |
現状の実装(集客 › LP構築/マーケティングの2グループ、排他的アコーディオン)を、単一の開閉グループ+タブへフラット化する。
❌ 親の v-list が open-strategy="single"(app/layouts/default.vue:28)のため、LP構築とマーケティングは排他的にしか開かない。ダッシュボード(ホーム)に相当するページも無い。
→ サイドバーはこの1グループのみ。各項目をタップすると、コンテンツ側にタブが現れて下位の内容を切り替える。二次サイドバーには一切遷移しない。
ダッシュボードは「LP・イベント・LINEのどれから?」という機能三択をやめ、「何を実現したいですか?」の目的選択から始める。目的を選ぶと必要な構成(必須/自動作成/おすすめ/任意)を提案し、「この内容で始める」で今やる1項目だけを案内する——LPが必要かどうかはユーザーではなくシステムが判断する。機能から選びたい既存ユーザー向けの導線も畳んで残す。
「集客」という部門ラベルをやめ、「マーケティング」という1つの開閉グループにする。グループが1つしかないので、「LP構築を開くとマーケティングが閉じる」という排他挙動の問題は構造上発生しなくなる。
ダッシュボード・LP構築・イベント・公式LINE連携は、互いに入れ子にせず同じ階層に並べる。LINEだけを使うユーザーも、LP構築・イベントを一切開かずに公式LINE連携へ直接入れる。
イベント編集の7画面や公式LINE連携の14機能は、コンテンツ上部の横並びタブに置く。タブは折り返さず横スクロールで、並び順と現在地が画面幅に関わらず崩れない。件数バッジで「その先に何がいくつあるか」も予告する。
まず集める / 育てる・対応する / 届ける / 見る・整えるの4工程タブを第1階層とし、その下に各工程の機能をピルで並べる。ピルの行頭には「機能:」ラベルを付け、1段目(工程)と2段目(機能)を視覚的に区別する。
1つの集客施策 =「LP(任意)→ 申込ページ → サンクスページ → リマインド」の束としてカードで俯瞰する。専用メニューは増やさずダッシュボード内のセクションとして置く——「迷ったらダッシュボード」という帰り先とフローの俯瞰が同じ場所になる。未設定の箇所は「スロット」として見せ、後からいつでも埋められる。LP一覧・イベント一覧・LINEアカウントには所属フローの⛓チップを付け、編集画面からワンクリックで戻れる(参考モックの「所属フロー列」「現在地チップ」を採用)。
イベント配下に横断のリマインド配信一覧タブを新設。⚠未設定の行が出ることで「設定漏れのイベント」に気づける。配信元アカウントは選ぶ場所(リマインド設定)と管理する場所(公式LINE連携)を分け、選択肢には連携済みアカウントだけを出す。
それでも迷ったユーザーの受け皿として、ダッシュボードに「次にやること」(未完了タスクへの直行リンク)と「集客フロー」(LP→申込→サンクス→リマインドの束の俯瞰)を置く。どこにいても「ダッシュボードに戻れば正解が書いてある」状態にする。
目的を選ばず機能から直接作ることもできます:
| 申込日時 | 氏名 | 日程 | LINE連携 |
|---|---|---|---|
| 7/09 21:14 | 鈴木 一郎 | 7/12 14:00 | 連携済み |
| 7/09 18:02 | 田中 次郎 | 7/13 10:00 | 未連携 |
目的「既存施策の成果を確認したい」はこのタブに直行します。
直近の申込み 8件。
施策(フロー)単位で 概要/集客ページ/申込み/フォロー/成果 をタブ切替。⚠=要対応。各ボタンは「動作+対象」で行き先を明示し、該当の編集画面へ直行——編集画面の「⛓ フロー名」チップでこのカードへ戻れます。
テンプレートからLPを作り、CTAボタンやイベント予約を設置する。
セミナー・個別相談の日程と申込みフォームを作る。LPが無くても単体で公開できる。
アカウントを接続して友だちを集め、配信する。LP・イベントは不要。
| LP名 | 種別 | 状態 | 所属フロー | 操作 |
|---|---|---|---|---|
| 体験カウンセリング 集客LPlp.the-online-class.com/taiken-counseling申込先:✓サンクス自動生成・LINEリマインド2件 設定済み | 集客LP | ● 公開中 | ||
| 体験カウンセリング サンクスページlp.the-online-class.com/taiken-counseling/thanks紐付き:の申込完了ページイベント作成時に自動生成i | サンクスページ | ⚠ 初期テンプレ | ||
| 入会説明会 サンクスページlp.the-online-class.com/setsumeikai/thanks紐付き:の申込完了ページイベント作成時に自動生成i | サンクスページ | ✓ 編集済み | ||
| 入会説明会 集客LP公開すると公開URLが発行されます申込先:⚠ 未接続— 接続候補: | 集客LP | ○ 下書き | フロー未接続 |
命名規則: LPは「{イベント名}+{種別}」で自動命名(作成時に変更可)——名前だけで「何のLPで、どのイベントに紐付くか」が分かる。LP名の2行目には申込先イベント(📅クリックで直行)、所属フロー列には⛓フローを常設。種別列で集客LPとサンクスページを一元表示し(参考モックの列構成: LP名 / 種別 / 状態 / 所属フロー / 操作)、自動生成されたサンクスページも「勝手に増えたページ」ではなく「フローの一部」として理解できる。サンクスページの「LP編集」は、イベント編集の「サンクス・重複ページ」タブと同一画面に着地します(編集画面は各要素につき1つ)。※モックの都合上、集客LPの「LP編集」はどちらも同じエディタを開きます
ご登録のメールアドレスに詳細をお送りしました。
(初期文面)
編集画面でイベントを変えると、日程の表示(セミナー=固定日時/個別相談=空き枠)もここに反映されます。
実アプリのテンプレートギャラリーに相当。セミナー・個別相談タイプのテンプレートを選ぶと連携するイベントを選択でき、申込みフォーム一式の集客LPに加えてサンクスページも自動作成されます。
値を変えると上のボタンにリアルタイムで反映されます。
同様に文言・配色・角丸を編集できます(1つ目のボタンで挙動を確認済みのため省略)。
旧ブロック型LP・決済連携・特定商取引法表記などはここに折りたたまれています。
| イベント名 | タイプ | 状態 | 所属フロー | 操作 |
|---|---|---|---|---|
| 体験カウンセリング集客元:→この申込ページ→サンクス自動生成→リマインド LINE+メール 2件 | 個別相談 | ⚠ 担当者未設定 | ||
| 入会説明会集客元:LPなし(申込ページ単体で公開)→サンクス編集済み→⚠ リマインド未設定 | セミナー | ● 受付中 |
LP一覧と同じ列構成(名前 / 種別 / 状態 / 所属フロー / 操作)。イベント名の2行目で「どのLPから集客し、申込後どう続くか」の紐付きが名前つきで分かる(🖼️/⛓クリックで直行)。※モックの都合上、どちらの「編集」も同じ編集画面を開きます
タイプで日程の持ち方が変わります(作成後の変更不可)。どちらも申込ページに加えてサンクスページが自動作成され、LP一覧にも載ります。
| 担当者 | 申込通知 | キャンセル通知 |
|---|---|---|
| 佐藤 花子 | ||
| 山田 太郎 |
選択肢には公式LINE連携に登録済みのアカウントだけが表示されます。アカウントの追加・認証は (選ぶ場所と管理する場所を分ける)
| タイミング | チャネル | 件名 | 有効 |
|---|---|---|---|
| 開催3日前 10:00 | LINE | まもなく体験カウンセリングです | |
| 開催前日 18:00 | メール | 明日のご予約について |
| 氏名 | メール | 日程 | ステータス |
|---|---|---|---|
| 鈴木 一郎 | ichiro@example.com | 7/12 14:00 | 確定 |
| 田中 次郎 | jiro@example.com | 7/13 10:00 | 確定 |
| 対象イベント / フロー | チャネル・配信元 | タイミング | 状態 | |
|---|---|---|---|---|
| 体験カウンセリング | LINE アカウントA | 開催3日前 10:00 | ● 稼働中 | |
| 体験カウンセリング | メール seminar@onclass.jp | 開催前日 18:00 | ○ 停止中 | |
| 入会説明会 | ⚠ リマインドが未設定です — 申込者に開催前の案内が届きません | |||
イベント横断でリマインドの設定状況を一覧し、⚠未設定(設定漏れ)に気づくための画面。「編集」「+設定する」はどこから開いても各イベントの「リマインダ・通知」タブ(同一画面)に着地します。
| アカウント名 | 状態 | 使用先 | 操作 |
|---|---|---|---|
| アカウントA | ● 接続中 | のリマインド配信 2件・ | |
| 個別相談用LINE | ● 接続中 | なし(どのイベント・フローにも未使用) |
接続すると上記の機能が使えるようになります(予告型プレビュー — 接続後に14機能が唐突に現れない)
LINE公式アカウント(Messaging APIチャネル)をオンクラスに接続します。LINE Developers のチャネル情報を用意してください。
LINE Developers › 対象チャネル › Messaging API設定 からコピーして貼り付けます。
下のURLをコピーし、LINE Developers の Webhook URL に貼り付けて「Webhookの利用」をONにしてください。
https://api.onclass.jp/line/webhook/a1b2c3d4
あわせて LINE Official Account Manager の「応答メッセージ」をOFFにすると、シナリオ・自動応答が二重に返信されません。
チャネル情報とWebhookの疎通を確認します。
| 名前 | メモ | シナリオ | 人数 | アクセス数 | 流入経路URL | 操作 |
|---|---|---|---|---|---|---|
| 体験カウンセリングLP | LPフッターの友だち追加ボタン | 人 | 1,203 回 | |||
| サンクスページ導線 | 申込完了後の友だち追加案内 | 未設定 | 人 | 540 回 | ||
| セミナー会場ポスター | 会場掲示QR | 未設定 | 人 | 88 回 |
経路ごとに専用QR・URLを発行し「どこから友だちになったか」を計測。シナリオを紐付けると、その経路から追加された友だちに自動でステップ配信が始まります。
| LINE登録名 | ステータス | 配信除外 | 現在進行中のシナリオ | 登録日 | |
|---|---|---|---|---|---|
| 山山田 花子 | 有効 | - | 申込後フォローシナリオ | 2026-07-08 10:12 | |
| 佐佐藤 健 | 有効 | 配信除外 | - | 2026-07-05 18:44 | |
| 田田中 優子 | ブロック | - | - | 2026-06-30 09:02 |
全 1,240 人 ・ 20件/ページ 1 2 3 … 62
| 名前 | ユーザー数 | 操作 |
|---|---|---|
| 見込み客 | ||
| 体験申込済み | ||
| 入会済み | ||
| テスト配信用 i | システムタグ |
タグは友だちの分類のほか、シナリオの分岐条件・配信対象の絞り込みに使えます。削除すると使用中の流入経路/シナリオ(付与タグ・分岐条件)/自動応答/アンケート選択肢からも削除されます。
| シナリオ名 | ステータス | メニュー |
|---|---|---|
| 申込後フォローシナリオ一時保存データあり | ● 運用中 | |
| 休眠掘り起こし | ○ 停止中 |
実アプリはドラッグ操作のノードエディタ。ノードをクリックすると右ドロワーでメッセージ・待機時間・分岐条件を設定します(タブ: 基本設定 / シナリオ設定)。
友だちからのメッセージに対して、事前に設定したメッセージを送信することができます。
| 管理名 | 条件 | ステータス | 作成日 | |
|---|---|---|---|---|
| 営業時間外の自動返信 | 応答条件: キーワード (3) | 運用中 | 2026/06/20 | |
| 資料請求キーワード | 応答条件: キーワード (1) | 停止中 | 2026/05/11 |
キーワード(完全一致/部分一致)に反応して即時返信。シナリオと違い1問1答型で、営業時間外案内や資料送付に向いています。
PC=3ペイン(友だちリスト/トーク/友だち詳細)。テキストのほか画像・動画・スタンプ・フレックスメッセージの送受信に対応し、右ペインでタグ付け・メモを編集できます。
| メッセージ / 管理メモ | ターゲット | 送信数 | 送信日時 | ステータス | メニュー |
|---|---|---|---|---|---|
| [テキスト] 7月開催セミナーのご案内7月集客キャンペーン | すべての友だち | 1,240 | 2026-07-15 18:00 | 送信予約中 | |
| [フレックスメッセージ] 夏期キャンペーン告知(メモなし) | 条件に当てはまる友だち | 412 | 2026-07-01 12:00 | 送信済み | |
| [画像] 新コース告知(メモなし) | すべての友だち | — | — | 下書き |
「条件に当てはまる友だち」はタグのAND/OR/除外条件で絞り込み。作成画面では右側にLINEトーク風プレビューを見ながら文面を編集し、公開前にテスト送信できます。
| 管理名 | ステータス | メニュー |
|---|---|---|
| 📄リマインド前日用 | 公開中 | |
| 📄申込お礼メッセージ | 公開中 | |
| 📄休講のお知らせ | 下書き |
一斉送信・シナリオ・イベントのリマインド配信から呼び出す文面の雛形。使用中のテンプレートは削除できません。
| 管理名 | メニュー |
|---|---|
| 🧩イベント案内カルーセル | |
| 🧩ボタン付き紹介カード |
画像・ボタン・カルーセルを組み合わせたリッチな吹き出しを作成し、一斉送信・シナリオから配信します。
| 管理名 | ステータス | メニュー |
|---|---|---|
| 基本メニュー(大・6分割) | 公開中デフォルト | |
| 夏期キャンペーン用(小・3分割) | 下書き |
トーク画面下部に大きく表示されるメニュー。背景画像の縦横比で 大(2段)/小(1段)の分割枠を自動判定し、区画ごとにリンク先を設定します。「デフォルト」が全友だちに表示されます。
| アンケート名 | 回答形式 | 回答数 | メニュー |
|---|---|---|---|
| LINE | 86 | ||
| フォーム | 132 |
シナリオ内で送付できるアンケートURLを作成。回答形式はLINEチャット形式/フォームページ形式の2種で、回答に応じたタグ付与・属性集計ができます。
すべてのメッセージを対象に送信エラーになったものを表示します。再送ボタンからそのまま再送が可能です。
| メッセージ / 管理用メモ | ターゲット | エラー内容 | エラー日時 | メニュー | |
|---|---|---|---|---|---|
| [テキスト] 前日リマインド体験カウンセリング リマインド配信 | 佐藤 健 | 送信数制限エラー今月のメッセージ通数上限に達しています。プランの追加購入または翌月の回復をお待ちください | 2026/07/09 18:00 |
エラー種別(認証エラー・権限エラー・送信数制限など)ごとに対処法を併記。テスト送信の失敗はこの一覧には表示されません。
通知設定を行うことで、LINEの上限アラートやアカウントBANが発生した際に通知を受け取ることができます。
14機能を1画面で一望できます。クリックで各機能に直行(Lステップなどのフラットな機能一覧に慣れた方向けのビュー)。
グレーの説明は「他ツールでの呼び方・役割」。ヘッダーの「🔍 機能をさがす」でも同じ別名から検索できます。