現状の実装(集客 › LP構築/マーケティングの2グループ、排他的アコーディオン)を、単一の開閉グループ+タブへフラット化する。
❌ 親の v-list が open-strategy="single"(app/layouts/default.vue:28)のため、LP構築とマーケティングは排他的にしか開かない。ダッシュボード(ホーム)に相当するページも無い。
→ サイドバーはこの1グループのみ。各項目をタップすると、コンテンツ側にタブが現れて下位の内容を切り替える。二次サイドバーには一切遷移しない。
「集客」という部門ラベルをやめ、「マーケティング」という1つの開閉グループにする。グループが1つしかないので、「LP構築を開くとマーケティングが閉じる」という排他挙動の問題は構造上発生しなくなる。
ダッシュボード・LP構築・イベント・公式LINE連携は、互いに入れ子にせず同じ階層に並べる。LINEだけを使うユーザーも、LP構築・イベントを一切開かずに公式LINE連携へ直接入れる。
イベント編集の7画面や公式LINE連携の14機能は、コンテンツ上部の横並びタブに置く。タブは折り返さず横スクロールで、並び順と現在地が画面幅に関わらず崩れない。件数バッジで「その先に何がいくつあるか」も予告する。
まず集める / 育てる・対応する / 届ける / 見る・整えるの4工程タブを第1階層とし、その下に各工程の機能をピルで並べる。ピルの行頭には「機能:」ラベルを付け、1段目(工程)と2段目(機能)を視覚的に区別する。
1つの集客施策 =「LP(任意)→ 申込ページ → サンクスページ → リマインド」の束としてカードで俯瞰する。専用メニューは増やさずダッシュボード内のセクションとして置く——「迷ったらダッシュボード」という帰り先とフローの俯瞰が同じ場所になる。未設定の箇所は「スロット」として見せ、後からいつでも埋められる。LP一覧・イベント一覧・LINEアカウントには所属フローの⛓チップを付け、編集画面からワンクリックで戻れる(参考モックの「所属フロー列」「現在地チップ」を採用)。
イベント配下に横断のリマインド配信一覧タブを新設。⚠未設定の行が出ることで「設定漏れのイベント」に気づける。配信元アカウントは選ぶ場所(リマインド設定)と管理する場所(公式LINE連携)を分け、選択肢には連携済みアカウントだけを出す。
それでも迷ったユーザーの受け皿として、ダッシュボードに「次にやること」(未完了タスクへの直行リンク)と「集客フロー」(LP→申込→サンクス→リマインドの束の俯瞰)を置く。どこにいても「ダッシュボードに戻れば正解が書いてある」状態にする。
2つの代表シナリオを新しいサイドバー+タブ構成で辿る。各ステップは赤い「現行(Before)」で今のクリック経路と課題を先に示し、その下に本案(改善後)の画面を並べて対比する。集客フロー・リマインド配信一覧の動きは「03 動くモック」で実際にクリックして確認できる。
テンプレートからLPを作り、CTAボタンやイベント予約を設置する。
セミナー・個別相談の日程と申込みフォームを作る。LPが無くても単体で公開できる。
アカウントを接続して友だちを集め、配信する。LP・イベントは不要。
※以前は「日程」「担当者設定」等が別ページの二次サイドバーに分かれていた。今はタブなので、他に何があるか・どこが未設定かが常に見えている。
イベント編集の基本情報タブにも「このイベントを使用中のLP: 春の入会LP」が出る。片方向のリンク切れを作らない。
イベント申込者への自動リマインドはシナリオで設定する。
シナリオ:LP・イベントは一切作らず、公式LINEだけで集める→育てる→届ける。サイドバーが1グループ+フラット4項目でも、LINE単体利用が迷わないか確認する。
接続すると上記の機能が使えるようになります
※ LP・イベントを使っていないため集客フローは表示されません
とにかく早く募集を始めたい場合。申込ページURLが即発行され、サンクスページも自動生成されます。申込者はシンプルな申込ページを見ます。
広告を回すなど、訴求コンテンツを作り込みたい場合。あとからイベントの申込フォームをそのまま組み込めます。
どちらから始めても完成形は同じ。残りのステップは「未設定スロット」としてフローに現れ、後からいつでも埋められます。迷ったら「イベントから」でOK。
⚠=要対応(サンクスが初期テンプレのまま/リマインド未設定)。各スロットのボタンで該当の編集画面へ直行し、編集画面の「⛓ フロー名」チップでこのダッシュボードへ戻れます。
テンプレートからLPを作り、CTAボタンやイベント予約を設置する。
セミナー・個別相談の日程と申込みフォームを作る。LPが無くても単体で公開できる。
アカウントを接続して友だちを集め、配信する。LP・イベントは不要。
種別バッジと⛓所属フローが見えるので、自動生成されたサンクスページも「勝手に増えたページ」ではなく「フローの一部」として理解できる。サンクスページの「編集」は、イベント編集の「サンクス・重複ページ」タブと同一画面に着地します(編集画面は各要素につき1つ)。※モックの都合上、集客LPの「編集」はどちらも同じエディタを開きます
実際の公開ページのイメージ(簡略表示)。編集タブでイベントを選ぶとここに反映されます。
値を変えると上のボタンにリアルタイムで反映されます。
同様に文言・配色・角丸を編集できます(1つ目のボタンで挙動を確認済みのため省略)。
旧ブロック型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 | 停止中 | |
| 入会説明会 | ⚠ リマインドが未設定です — 申込者に開催前の案内が届きません | |||
イベント横断でリマインドの設定状況を一覧し、⚠未設定(設定漏れ)に気づくための画面。「編集」「+設定する」はどこから開いても各イベントの「リマインダ・通知」タブ(同一画面)に着地します。
接続すると上記の機能が使えるようになります(予告型プレビュー — 接続後に14機能が唐突に現れない)
友だち追加用のQRコード・リンクを作成します。
友だち一覧・検索・タグ確認。
友だちを分類するタグを作成・編集します。
イベント申込者への自動リマインドなど、ステップ配信を組みます。
受信メッセージへの自動返信ルールを設定します。
個別友だちとの1:1チャット。
全友だちへ一斉配信します。
配信用メッセージテンプレートを作成します(一斉送信・シナリオから呼び出されます)。
リッチなフレックスメッセージを作成します。
チャット下部のリッチメニューを設定します。
シナリオ内で送るアンケートを作成します。
Coming Soon — 実装中の機能です。
配信エラーの一覧・再送。テスト送信の失敗はここには出しません。
受信通知・上限アラートを設定します。