学校法人KTC学園 様

概要・課題

学校法人KTC学園様が運営する、おおぞら高校のWebメディアサイト制作のご依頼です。

おおぞら高校は、全国にキャンパスを展開する、一人ひとりに合わせた学び方を選べる通信制高校です。
これまで、紙媒体の情報誌「おおぞらタイムズ」を通して、生徒の活動や学校生活の様子を発信されていました。
一方で、紙媒体だけでは情報を届けられる範囲に限りがあり、本体サイトを訪れた人以外には、おおぞら高校の魅力や雰囲気を知ってもらいにくいという課題がありました。
そこで今回は、これから進路を考える中学生にも、おおぞら高校を選択肢のひとつとして知ってもらえるよう、独立したWebメディア「おおぞらタイムズ+」を制作。
読みやすさや記事の探しやすさに配慮しながら、継続的に情報を発信しやすいサイトを目指しました。

ターゲット

・高校生活への期待や不安を抱えている中学生
・「高校ってどんな感じなんだろう？」と気になっている中学生
・勉強だけでなく、友達・部活・行事・将来についても知りたい中高生
・自分に合う進路や学校生活をイメージしたい中高生

デザインコンセプト

青を基調に、メインターゲットである中高生がワクワクする高校生活をイメージできるよう、カラフルでポップな印象づくりを意識しました。

デザインのこだわりポイント

メディアサイトとしての使いやすさや回遊のしやすさを意識しつつ、切り抜き画像などを使用することで、ポップで親しみやすい印象づくりを目指しました。

TOPページでは、「特集記事」「新着記事」「今注目の記事」など各コンテンツの魅力が伝わるよう、サムネイル画像の見せ方に変化をつけ、コンテンツごとの差別化を図っています。

UI・UXでこだわったポイント

情報量が多い中でも余白を適切に設けることで、見やすく操作しやすいデザインとなるようにしました。
また、記事詳細ページではテキストの行間に配慮し、ユーザーにとって読みやすさを意識しました。

WordPressの仕様

継続的に情報を発信できるよう、誰でも使いやすい仕様を意識して設計しています。

また、記事の検索機能として、「タグから探す」「エリアから探す」を設けることで、コンテンツが探しやすいような工夫をしています。