Hatomi Academy
学ぶって、わくわくする。
「自分にも続けられるか」が最大の不安になる社会人向けスクールのために、学びの流れ・伴走の仕組み・月額料金を先に開示し、成果を約束せずに無料体験へ進んでもらう導線に整えたスクールサイトの設計例です。
想定クライアント未経験の社会人を主な受講層とする、オンライン中心のスクール・教室（個人〜中小規模）
※ 掲載しているのはAIを活用した制作サンプルです。サンプルサイトの企業・人物・内容はすべて架空（フィクション）であり、実在のものではありません。
よくある課題
- 講座の中身には自信があるが、Web上では「自分にも続けられるか」が伝わらず、申し込みの手前で離脱される
- 料金や学習の進め方が分かりにくく、時間と家計の判断材料が揃わないまま他校と比較されてしまう
- 成果を大きく打ち出す競合が多く、誠実に書こうとするほど訴求が弱く見えてしまう
この設計の狙い
「安いから」でも「すごそうだから」でもなく、「ここなら自分でも続けられそうだから」で選ばれる状態をつくること。学びの流れ・伴走の仕組み・月額料金を早い段階で開示し、成果を約束しないまま無料体験へ進める構成にしました。
この構成にした理由
マリーゴールドの暖色をベースにする
背景をわずかに暖かいオフホワイト（#FFFBF2）、アクセントをマリーゴールド（#F2A413）に設定。学び直しの入口では「賢そう」より「怖くなさそう」が効くという前提で、寒色の権威性ではなく明るさと親しみで心理的な敷居を下げています。
見出しは丸ゴシック、本文は角ゴシック
見出しに Zen Maru Gothic 系の丸みのある書体、本文に Noto Sans JP を採用し、20〜32pxの角丸パーツと揃えました。未経験者が最初に感じる「難しそう」を書体と形で和らげつつ、本文の可読性は落とさないバランスにしています。
「続けられる理由」を最初のセクションに置く
スクール選びの障壁は、始める決断よりも続く確信のほうにあります。ヒーロー直後に専属メンター・夜間週末クラス・質問し放題・仲間とのつながりの4点を配置し、コース内容の紹介はそのあとに回す順序にしました。
料金と学びの流れを先に見せる
月額3プランと4ステップの学習の流れをトップページ内に配置。月額制は毎月の家計判断が伴うため、金額・期間・進め方を早く開示することが、体験申し込み前の不安をもっとも減らすという設計です。
成果を約束しない書き方を仕様に組み込む
転職・資格・収入に触れる箇所には「成果には個人差があります」「保証するものではありません」を必ず併記しています。教育分野では誇大な約束が信頼を損なうため、抑制した表現そのものを設計要件として扱いました。
ページ構成
- トップ
- スクールについて（理念・サポート体制・講師）
- コース一覧（カテゴリ絞り込み）
- 料金プラン・よくあるご質問
- 無料体験・お問い合わせ
実装している機能
- スマホ・タブレット・パソコンの画面に合わせた表示
- 検索対策（検索結果やSNSで正しく表示される設定・同じページが重ならないようにする設定）
- コースのカテゴリ絞り込み
- 料金プランの比較表示
- よくあるご質問（押すと答えが開く形）
- 数字が増えていく演出
- 講師紹介・受講生の声
- 無料体験申し込みフォーム（迷惑な送信を防ぐ対策・入力内容の確認つき）
狙っている効果
- 学びの流れとサポート体制を先に開示することで、「続けられるか不安」による離脱を減らすことを狙っています
- 月額プランを早い段階で示すことで、料金を確かめるためだけの問い合わせを減らし、相談の質を上げることを想定しています
- 成果を断定しない表現を徹底することで、期待値のズレによる不信や早期の離脱を避けることを狙っています
※ 上記は本設計が狙う効果であり、成果を保証するものではありません。
このサイトを作るなら
この構成は、ライトプラン相当です（標準的な構成で、原稿はご支給いただく前提）。
まずは必要な情報を整えて、きちんと伝わる一式を用意したい方へ。
￥380,000〜（税別）
- 表示価格はすべて税別です。「〜」は最低価格を示し、最終金額はページ数・機能・素材の有無により変動します。
- サーバー・ドメインの管理費（￥5,000 / 月・税別）が別途必要です。
- 正式なお見積もりは、ご要望をうかがったうえでご提示します。
Let's talk
この構成で、あなたのサイトをつくれます。
・未経験者を主な受講層とする社会人向けスクール・教室・講座の質に自信はあるが「続けられるか」の不安に応えきれていない事業者・誇大な成果訴求をせず、誠実な表現で受講希望者を集めたい教育事業者
この内容で相談する（無料）