キャリア英会話スクール（架空のLP・バナー・チラシ）

サイトは画像をクリック

熊本市東区にあるという設定の、架空のオンライン英会話スクール「キャリア英会話スクール」の集客用ランディングページ（LP）です。「自宅で学べる地域密着スクール」という切り口で、無料体験レッスンの予約獲得を主目的に設計しました。

まず大手オンライン英会話スクールのLPを分析し、その情報設計（不安→解決→実績→料金→申込という流れ）を地域スクール向けに再構成しました。「悩みへの共感 → 選ばれる5つの理由 → 講師・サポート → 料金プラン → 無料体験の流れ → FAQ」という、申込前の不安を順番に解消していく構成にしています。

・主な特徴
①CTA（申込ボタン）は「25分の無料体験」に一本化し、ファーストビュー・料金直後・最下部・スマホ固定フッターの4か所に配置
②見出しは画像化せずHTMLテキストで実装し、SEOと読みやすさを確保
③スマホ・タブレット・PCで最適化されるレスポンシブ対応
④FAQは構造化データ（FAQPage）に対応し、アコーディオンはキーボードでも操作可能
⑤スクロールに合わせて要素がゆっくり表示される演出。prefers-reduced-motion指定時は自動で停止

・技術的なポイント
React・Vue等のフレームワークは使わず、HTML / CSS / バニラJavaScriptのみで制作しています。配色は濃紺（信頼）・ゴールド（実績）・レッド（申込）と役割を決め、赤は原則CTAだけに使うことで次の行動に迷わないようにしています。

・あわせて制作した販促物
LPと同じトーン＆マナーで、正方形バナー・縦長バナー・A4チラシを制作しました。Web・広告枠・紙のいずれでも世界観が統一されるようにしています。

・注記
社名・住所・電話番号・料金・実績などはすべて制作用のサンプルです。実際に運用する際に差し替える箇所は、制作メモ（README）に一覧化しています。