ツタエノワ制作サンプル 架空・一般化した構成例です。実在する教室の情報や、顧客案件の内容は使用していません。

学習塾サービスページ 改善構成例

対象と相談前の確認 事項を、最初に。

初めて見る人が、長い説明を読む前に「自分に関係があるか」「何を相談できるか」を判断できる情報順の提案です。

表示内容は仮の情報区分です。実際の対象・学び方・条件は事業者確認後に確定します。

MOBILE FIRST VIEW → NEXT ACTION

  1. 01
    対象を確認自分に関係があるか
  2. 02
    学び方を比較違いを短く把握する
  3. 03
    相談前に整理聞きたいことを確認する
  4. 04
    相談方法を確認納得して次へ進む

ENTRY POINT

入口を2つに絞る

初回利用者が迷いやすい起点を、モバイル上部で選べる構成にします。

A

対象から確認

[対象区分]を起点に、関係する学び方の候補へ進む導線です。

比較例を見る
B

目的から確認

[相談したいこと]を起点に、確認すべき情報へ進む導線です。

整理項目を見る

COMPARE

同じ情報順で、学び方を比較

各選択肢の見出しを揃え、違いを短時間で読み取れる形にします。

選択肢 01

[学び方の名称]

対象
[対象区分]
学び方
[説明を確認後に掲載]
相談前
[確認事項]

選択肢 02

[学び方の名称]

対象
[対象区分]
学び方
[説明を確認後に掲載]
相談前
[確認事項]

選択肢 03

[学び方の名称]

対象
[対象区分]
学び方
[説明を確認後に掲載]
相談前
[確認事項]

料金・時間・対象条件などの実情報は、確認済み事実だけを掲載する想定です。この改善案には含めていません。

REORDER, NOT REPLACE

既存情報を活かす再配置

考え方や詳しい説明を削るのではなく、初回利用者向けの案内層を上に追加します。

  1. 01

    初回利用者向け案内を上部へ

    誰向けの情報か、次に何を見ればよいかを先に示します。

  2. 02

    対象・学び方の見出しを統一

    比較軸を揃え、モバイルでも違いを追いやすくします。

  3. 03

    方針・詳しい説明は後段に保持

    価値ある説明を、読み手が全体像をつかんだ後に届けます。

  4. 04

    相談導線の直前に確認事項

    何を相談できるかを示してから、次の行動へ案内します。

POLICY

考え方を、理解しやすい位置で伝える

[事業者の考え・教育方針]

実際の文章は転載せず、権利と事実を確認したうえで事業者が確定します。

BEFORE CONSULTATION

相談前に、確認したいことを整理

一般的な問い合わせ先を置くだけでなく、相談内容の例と未確認事項を手前で示す改善案です。

相談できる内容の表示例

  • 対象について
  • 学び方について
  • 日時・条件について
  • 体験・見学について
  • 費用について

上記は情報設計上の仮項目です。実際に相談可能な内容は未確認です。

NEXT STEP

相談までの流れを短く見せる

  1. 1対象を確認自分に関係する案内を探す
  2. 2学び方を比較選択肢の違いをつかむ
  3. 3質問を整理未確認の点をまとめる
  4. 4相談方法を確認案内を読んで次へ進む

FAQ

判断前の疑問を残さない

自分が対象になるか確認できますか?

対象条件は未確認です。事業者確認後に、正確な案内を掲載します。

学び方の違いはどこで分かりますか?

比較する情報項目を揃え、確認済みの内容だけを掲載する想定です。

体験・見学について相談できますか?

実際の受付内容は未確認です。可能な相談内容を確認してから掲載します。

CONSULTATION GUIDE

読み終えた位置に、相談方法を1つ

実装時は、事業者が承認した媒体・文面・受付範囲だけを設定します。

表示用のボタンです。相談・問い合わせ機能は接続していません。