オンライン学習FV
enishitadesignProject Info
制作期間
5時間
担当範囲
デザイン
使用ツール
Figma/Photoshop
ターゲット
中高生・受験を控えた学生とその保護者
制作種別
自主制作
Overview
中高生を対象としたオンラインスクール「ACT BASE」のWebサイトデザインを制作しました。受験対策だけを目的とするのではなく、「答えのない問いに向き合う力を育てる」というスクールの特徴が伝わることを意識しています。オンラインでも安心して学べる環境やサポート体制をわかりやすく伝え、無料説明会への申込みにつながるサイトを目指しました。
Direction
「学び」「信頼感」「前向きな成長」を軸に、学生本人だけでなく保護者にも安心感を持ってもらえるデザインを目指しました。ブルーを基調に清潔感や信頼感を持たせながら、イエローをアクセントとして使用することで、学ぶことへの前向きさや活発な印象を表現しています。また、オンラインでの学習風景や講師のサポートがイメージできる写真を組み合わせ、サービス内容を直感的に理解できるビジュアルに仕上げました。
Design
Direction Point
ディレクションポイント
01
課題・目的の整理
一般的な受験対策だけではなく、「答えのない問いに向き合う力を育てる」というACT BASEならではの価値が伝わることを重視しました。
学生には「ここなら成長できそう」と感じてもらい、保護者には学習環境やサポート面で安心感を持ってもらうことで、無料説明会への申込みにつなげることを目的としています。
02
情報設計・導線設計
ファーストビューでスクールの特徴を端的に伝え、オンラインでの学習風景や講師によるサポートを視覚的に見せることで、サービスを具体的にイメージできるよう設計しました。
また、「無料説明会に申し込む」のCTAを目立たせ、興味を持ったユーザーが次の行動へスムーズに進める導線を意識しています。
03
ブランド・クリエイティブ設計
教育サービスとしての信頼感を表現するためにブルーをメインカラーとし、成長や前向きなエネルギーを感じさせるイエローをアクセントに使用しました。
幾何学的な図形を組み合わせたレイアウトと、学生・オンライン授業・サポートスタッフの写真を配置することで、堅くなりすぎず、現代的で親しみやすいオンラインスクールの世界観を表現しました。
