マーケティング統合サイドバー案(議論用)

現状の実装(集客 › LP構築/マーケティングの2グループ、排他的アコーディオン)に対する代替案。「集客」という部門名自体を「マーケティング」1つの開閉可能なグループに一本化し、その配下にダッシュボード・LP構築・イベント・公式LINE連携をフラットに並べる。各メニューをタップした後は、二次サイドバーや隠れたツリーではなくタブ切り替えで下位の内容を見せることで、常に「今どのタブにいるか」が一目で分かる状態にする。

この案の要点:
  1. ①サイドバーの階層を1段減らす(開閉グループは「マーケティング」1つだけにする)
  2. ②グループが1つしかないので、現状の「LP構築を開くとマーケティングが閉じる」という排他挙動はそもそも構造上起きなくなる
  3. ③深い機能(イベント編集の7画面・公式LINE連携の14機能)は二次サイドバーやツリーではなくタブで見せ、現在地を常に横並びで可視化する
01 — サイドバー構成案

「集客」を「マーケティング」1グループに統合する

現状の実装(集客 › LP構築/マーケティングの2グループ)を、単一の開閉可能なグループへフラット化する。

現状の実装 — 2グループ・排他的開閉
📁 集客
  • 📁 LP構築
    • テンプレート構築(Beta)
    • (旧) 構築
    • CTAボタン
    • イベント →8画面が二次サイドバーの奥
  • 📁 マーケティング
    • 公式LINE連携 →クリックで別ナビ、14機能+3が4クリック目で唐突に出現

❌ 親の v-list が open-strategy="single"(app/layouts/default.vue:28)のため、LP構築とマーケティングは排他的にしか開かない。ダッシュボード(ホーム)に相当するページも無い。

今回案 — マーケティング1グループ + タブ
📣 マーケティング 開閉可能な単一グループ
  • 📊 ダッシュボード
  • 🖼️ LP構築 タブ化
  • 📅 イベント タブ化
  • 💬 公式LINE連携 タブ化

→ サイドバーはこの1グループのみ。各項目をタップすると、コンテンツ側にタブが現れて下位の内容を切り替える。

グループを1つに

「集客」という部門ラベルをやめ、「マーケティング」という1つの開閉グループにする。グループが1つしかないので、以前の「LP構築を開くとマーケティングが閉じる」という排他挙動の問題は構造上発生しなくなる。

4項目はフラットに並べる

ダッシュボード・LP構築・イベント・公式LINE連携は、互いに入れ子にせず同じ階層に並べる。LINEだけを使うユーザーも、LP構築・イベントを一切開かずに公式LINE連携へ直接入れる。

深い内容はタブで見せる

イベント編集の7画面(基本情報/日程/担当者/申込みフォーム/サンクス・重複ページ/リマインダ・通知/申込み一覧)や、公式LINE連携の14機能は、二次サイドバーや予告型ツリーではなくコンテンツ上部の横並びタブに置く。タブは常に全部が見えているので、「あと何があるか」「今どこか」がスクロールや展開なしに分かる。

LINEの14機能は2段タブで

公式LINE連携は、まず集める/育てる・対応する/届ける/見る・整えるの4タブ(工程順)を第1階層とし、その下にもう1段、各工程内の具体的な機能(例: 育てる・対応する→友だち/タグ/シナリオ/自動応答/チャット)を小さめのタブ(ピル)で並べる。ページ遷移で丸ごと別ナビに切り替わることがなくなる。

02 — WALKTHROUGH

この構成で、実際に迷わず操作できるか

前回と同じ2シナリオを、新しいサイドバー+タブ構成で辿り直す。

STARTサイドバーの「▾ マーケティング」を開く。中身はダッシュボード/LP構築/イベント/公式LINE連携の4項目がフラットに並ぶだけ——階層はここで終わり。
/marketing
マーケティング
ダッシュボード
LP
0件
まだありません
イベント
0件
まだありません
公式LINE
未連携
-
どこから始めても構いませんはじめる →
DO「LP構築」をタップ。コンテンツ側に[LP一覧][CTAボタン][旧LP]のタブが現れる。二次サイドバーには一切遷移しない。
/marketing/lp
マーケティング › LP構築
LP構築
LP一覧CTAボタン旧LP
⚠ CTAボタンがまだありません。LPの申込ボタンに使うので先に1つ作成してくださいCTAボタンタブへ
DO「イベント」をタップし新規作成(個別相談)。編集画面は[基本情報][日程][担当者][申込みフォーム][サンクス・重複ページ][リマインダ・通知][申込み一覧]の7タブ。どのタブが今開いているか常に見える。
/marketing/events/{id}
マーケティング › イベント › 体験カウンセリング
体験カウンセリング(個別相談)
基本情報日程担当者申込みフォームサンクス・重複ページリマインダ・通知申込み一覧

※以前は「日程」「担当者設定」等が別ページの二次サイドバーに分かれていた。今はタブなので、他に何があるかが常に見えている。

DOLP編集画面でイベントブロックにこのイベントを埋め込む。「このイベントを編集」リンクで直行できる。
/marketing/lp/{id}
マーケティング › LP構築 › 春の入会LP
春の入会LP — 編集
LP一覧CTAボタン旧LP
使用中:体験カウンセリング(個別相談) 🔗 このイベントを編集
DO「公式LINE連携」でリマインドを設定。アカウントを選ぶと1段目タブ(工程)+2段目タブ(具体機能)が現れる。14機能が予告なしに出現することはない。
/marketing/line/{account_id}
マーケティング › 公式LINE連携 › アカウントA › シナリオ
アカウントA
集める育てる・対応する届ける見る・整える
友だちタグシナリオ自動応答チャット

イベント申込者への自動リマインドはシナリオで設定する。

RESULT「ダッシュボード」に戻ると、LP・イベント・公式LINEの状況と連携マップがまとめて見える。
/marketing
マーケティング › ダッシュボード
ダッシュボード
LP
2件
公開中1・下書き1
イベント
2件
担当者設定済み1
公式LINE
友だち842人
シナリオ稼働中1
連携マップLP・イベントを使っている場合のみ表示
LP春の入会LPイベント体験カウンセリングLINEアカウントA連携を見る
1 / 6

シナリオ:LP・イベントは一切作らず、公式LINEだけで集める→育てる→届ける。サイドバーが1グループ+フラット4項目でも、LINE単体利用が迷わないか確認する。

START「▾ マーケティング」を開く。LP構築・イベントは一度も開かず、「公式LINE連携」に直接入れる——他の3項目は同じ並びにあるが素通りできる。
/marketing
マーケティング
ダッシュボード
LP
0件
使っていません
イベント
0件
使っていません
公式LINE
未連携
-
公式LINEアカウントをまだ接続していません接続する →
DO「公式LINE連携」をタップし、アカウントを接続する。LP構築・イベントを一度も経由しない。
/marketing/line
マーケティング › 公式LINE連携
公式LINEアカウント
まだ接続済みのアカウントがありませんLINEアカウントを接続
DO1段目タブ「集める」で流入経路(QRコード)を作成する。
/marketing/line/{account_id}
マーケティング › 公式LINE連携 › アカウントA › 流入経路
アカウントA
集める育てる・対応する届ける見る・整える
流入経路(QRコード作成)
DO1段目タブ「育てる・対応する」→2段目タブでタグ・シナリオを設定する。
/marketing/line/{account_id}
マーケティング › 公式LINE連携 › アカウントA › シナリオ
アカウントA
集める育てる・対応する届ける見る・整える
友だちタグシナリオ自動応答チャット
DO1段目タブ「届ける」→2段目タブでテンプレート・フレックスメッセージを作り一斉送信する。
/marketing/line/{account_id}
マーケティング › 公式LINE連携 › アカウントA › 一斉送信
アカウントA
集める育てる・対応する届ける見る・整える
一斉送信テンプレートフレックスメッセージリッチメニューアンケート
RESULT「ダッシュボード」に戻ると、LP・イベントは0件のままでも公式LINEカードだけで意味を持つ。連携マップは表示されない。
/marketing
マーケティング › ダッシュボード
ダッシュボード
LP
0件
使っていません
イベント
0件
使っていません
公式LINE
友だち318人
稼働シナリオ2・送信エラー1

※ LP・イベントを使っていないため連携マップは表示されません

送信エラーが1件あります確認する →
1 / 6

この案で解消される点 / 残る検討ポイント

  • 解消:アコーディオン排他問題(グループが1つなので構造上発生しない)、LINE連携の唐突な出現(1段目タブが常に見えている)、イベント編集の二次サイドバー往復(7タブに統合)。
  • 検討:「LP構築」「イベント」を「マーケティング」という名前の中に含めることに違和感がないか——特にLPは決済・コース販売の色も強く、マーケター以外(コース運営担当者等)が「マーケティングの中にLPがある」と感じて探しにくくならないか、実際に使うメンバーの語彙で確認したい。
  • 検討:公式LINE連携の2段タブ(工程タブ+具体機能タブ)は、1段目タブの数(4)と2段目タブの数(最大5)が画面幅に収まるか、実装時にモバイル/狭い画面での折り返しを確認する。
03 — 動くモック

実際にクリックして確認する

サイドバーの切り替え、LP構築のタブ移動とイベント設置、イベント編集の7タブ、公式LINE連携の2段タブ——すべてクリックして動きます。

/marketing
マーケティング › ダッシュボード
ダッシュボード
LP
2件
公開中1・下書き1
イベント
2件
担当者設定済み1
公式LINE
友だち842人
シナリオ稼働中1
次にやることクリックすると該当画面を開きます
「入会説明会LP」が下書きのままです
「体験カウンセリング」の担当者設定が未完了です
公式LINEの送信エラーが1件あります
連携マップどのLPがどのイベント・LINEに繋がっているか
LP春の入会LPイベント体験カウンセリングLINEアカウントA
LP構築
LP一覧 CTAボタン 旧LP
春の入会LP ●公開中
入会説明会LP ○下書き
春の入会LP — 編集
PC / SP 切替・元に戻す等は省略
🗓 イベント予約ブロック
春の入会説明、まずは体験から
オンクラス 入会キャンペーン実施中
イベント未設定

実際の公開ページのイメージ(簡略表示)。編集タブでイベントを選ぶとここに反映されます。

/checkout?plan=basic
ボタン文言
背景色
角丸

値を変えると左のボタンにリアルタイムで反映されます。

/events/2

同様に文言・配色・角丸を編集できます(1つ目のボタンで挙動を確認済みのため省略)。

旧ブロック型LP・決済連携・特定商取引法表記などはここに折りたたまれています。

イベント
体験カウンセリング 個別相談
入会説明会 セミナー
体験カウンセリング — 編集
基本情報 日程 担当者 申込みフォーム サンクス・重複ページ リマインダ・通知 申込み一覧
イベント名
管理用名称
イベント種別
申込締切
所要時間
前後確保時間
定員
担当者アサイン
担当者申込通知キャンセル通知
佐藤 花子
山田 太郎
電話番号(テキスト・必須)
ご質問(テキストエリア・任意)
サンクスページ 重複申込ページ
リダイレクトURL
追加コンテンツ
表示内容
タイミングチャネル件名有効
開催3日前 10:00LINEまもなく体験カウンセリングです
開催前日 18:00メール明日のご予約について
氏名メール日程ステータス
鈴木 一郎ichiro@example.com7/12 14:00確定
田中 次郎jiro@example.com7/13 10:00確定
公式LINE連携
アカウントA
集める 育てる・対応する 届ける 見る・整える
流入経路

友だち追加用のQRコード・リンクを作成します。

友だち タグ シナリオ 自動応答 チャット

友だち一覧・検索・タグ確認。

友だちを分類するタグを作成・編集します。

イベント申込者への自動リマインドなど、ステップ配信を組みます。

受信メッセージへの自動返信ルールを設定します。

個別友だちとの1:1チャット。

一斉送信 テンプレート フレックスメッセージ リッチメニュー アンケート

全友だちへ一斉配信します。

配信用メッセージテンプレートを作成します(一斉送信・シナリオから呼び出されます)。

リッチなフレックスメッセージを作成します。

チャット下部のリッチメニューを設定します。

シナリオ内で送るアンケートを作成します。

分析 送信エラー 通知設定

Coming Soon — 実装中の機能です。

配信エラーの一覧・再送。

受信通知・上限アラートを設定します。