提案文 :
upak-d / 金田あつし 様
お世話になります。
shishimarukoと申します。
トップページのデザイン提案をお送りいたしますので、ご査収のほど宜しくお願いいたします。
基本はレスポンシブデザインを想定しPCのデザインを作成し、
いただいた構成内容を参考にレイアウトやテキストなどを配置しております。
※参考画像:index_pc1.jpg
■デザインについて
ベースカラーを白とし、アクセントカラーはロゴ色の青を使用しております。
「厳粛」「インテリ感」のイメージを少し強めるために、フォントは明朝体(ヒラギノ明朝)を使用し
すっきり見やすい構成でデザインをしております。
重要なお知らせについてはMV直下に赤ベースでデザインしております。
※参考画像:index_pc3.jpg
またスマートフォンのデザインもイメージできるよう、ファーストビューのみですが用意しております。
※参考画像:mock.jpg
■MV(メインビジュアル)
「生徒の将来」「指導」「未来を射抜く」というキーワードから、生徒が見据える目線に未来を感じれるようイメージを選定し、使用しているキャッチコピーも断定する言い方に変更し、言葉に強みを持たせております。
またスライドショーにすることにより、広告の運用もできるようにしております。
※参考画像:index_pc2.jpg
■導線の見直し
このサイトを見る本当のターゲットを想定すると、
子供のことを考え、安心・信頼し、そして最終的に通塾を決断する「小学生の親」と考えます。
この親に対し、認知・興味、他の塾との比較・検討、そして購買=通塾の契約を行っていただくために
必要な情報を整理し、導線を考えます。
上記を踏まえ、トップページの構成ですが、
「進学塾3Arrowsは講師陣がプロ集団であり、継続して通塾できる安心な環境のもと、コミュニケーションを大切に成績向上ができる塾です」というストーリーを正しくターゲットに伝えるために、
「ABOUT US/一級線のプロ集団」「COURSE/継続できる環境」「SCHOOL/コミュニケーションの場」という
コンテンツ構成で、「小学生の親」を理解させる導線を考えました。
※あまりコンテンツを細分化すると、ページが長くなるため、3部構成でまとめております。
また、「小学生の数を増やす」にあたり、「無料教室体験予約」への導線を確保する必要があると考え、
画面右上に「無料教室体験予約ボタン」を固定で設置しております。
■各教室の強みの打ち出し
各教室の特徴と対応しているコースをシンプルに分かりやすく掲載しております。
教室の詳細は各詳細ページにリンクさせ、中ページで説明する仕様で考えております。
※素材写真から教室名が分からなかったため、無作為で写真を選定し使用しております。
※間違いがございましたらご容赦ください。
それでは宜しくお願いいたします。
2020-11-05 12:11:36