制作概要
子ども向け英会話スクールの集客・体験申込を目的とした1ページサイト(PC/SP対応)を自主制作(架空)。
「信頼」「雰囲気」「通いやすさ」「不安解消」を軸に、保護者目線で情報を整理しました。
ターゲット
保育園〜小学生の保護者
初めて英会話を検討する層(不安が多い)
目的 / 課題
体験申し込みまでの導線を分かりやすくする
教室の雰囲気や考え方が伝わり、安心して問い合わせできる状態にする
施策・工夫
News直下にMessage(想い):共感→安心の流れを作る
FAQをContact直前に配置:不安解消→行動(問い合わせ)へ
ヘッダーのCTA:どこからでも問い合わせに戻れる導線
スマホ最適化:CTAの文言短縮(「お問い合わせ」)とサイズ調整、要素の縦積みで可読性を確保
やさしいトーンのUI:淡いベース+ミントのアクセント、手書き風見出しで親しみを演出
実装
HTML / CSS(レスポンシブ:Flex / Grid)
セマンティックな構造(nav/section/figure)+FAQはdetails/summaryで実装
画像は遅延読み込み(loading="lazy")で表示負荷を軽減
担当範囲
情報設計 / ワイヤー(構成)
デザイン(UI)
コーディング(HTML/CSS)
Back to Top