業種
オンラインITスクール
Work Detail
ママさん向け
ITスクールサイト
サイト名：ママコードラボ
子育てや家事と両立しながら、ITスキルを学びたいママに向けたオンラインスクールのデモサイトを制作しました。トップページ・コース紹介・講師紹介・受講生の声・お問い合わせページを用意し、初めて学ぶ方にも安心して相談してもらえる構成にしています。
制作概要
担当範囲
構成・デザイン・HTML/CSS実装
使用技術
HTML / CSS
ページ構成
複数ページ
このサイトについて
育児や家事の合間に、無理なくITスキルを身につけたいママに向けたオンラインスクールサイトを制作しました。
淡いピンクやベージュを基調に、やさしさ・親しみやすさ・相談しやすさが伝わるデザインにしています。トップページではスクールの特徴や選ばれる理由を整理し、コース紹介、講師紹介、受講生の声、お問い合わせへ自然につながる流れを意識しました。
また、各ページで情報を分けることで、受講を検討している方が自分に必要な内容を確認しやすい構成にしています。
デザインのポイント
ママ層に寄り添うやさしい印象
淡いピンクやベージュを基調に、子育て中の方でも気軽に相談しやすい、あたたかく安心感のある雰囲気にしました。
目的別に選びやすいコース設計
IT基礎、Webデザイン、在宅ワーク支援、親子プログラミングなど、目的に合わせて学べるコースを分かりやすく整理しました。
不安を減らす情報導線
講師紹介、受講生の声、FAQ、お問い合わせフォームを用意し、初めて学ぶ方が安心して無料相談へ進める構成にしました。
実際の画面
ページ構成
TOPページ
スクールの特徴や選ばれる理由、コース概要、受講までの流れを掲載し、無料相談へつながる導線を設計しました。
コース紹介
IT基礎、Webデザイン、在宅ワーク支援、親子プログラミングなど、目的に合わせて選べるコースを整理しました。
講師紹介
講師の専門分野やサポート内容を掲載し、受講前の安心感につながるページにしました。
受講生の声
実際に学んだ人の感想を掲載し、受講後の変化や学びやすさが伝わるようにしました。
お問い合わせ
スクール情報とお問い合わせフォーム、FAQを配置し、無料相談へ進みやすい構成にしました。