ホームページ制作事例(WEBサイト制作)|宮城県仙台市泉区|英会話教室|Hopes English School様
写真はHopes English School WEBサイトのトップページ
スマホ対応 | OK |
レスポンシブ | 対応済み |
トップページ最上部 | 動画 |
Hopes English School様(宮城県仙台市泉区)よりオフィシャルホームページ(WEBサイト)新規制作のご依頼をいただきました。
Hopes English School様は、宮城県仙台市泉区の自然豊かな紫山に開校したこども英会話スクールです。アットホームな雰囲気の少人数のレッスンで、密に英語でのコミュニケーションを楽しむことができます。基礎となる文法の学習を丁寧に行うだけでなく、フォニックスやスピーチなど発音・発話の学習も充実していて、季節や世界の文化にちなんだイベントからも学びを増やしています。話す・聞く・読む・書くの4技能をまんべんなく取り入れたレッスンで、お子様が日々達成感を味わい、もっと英語を学びたい・深めたいという意欲につながっています。
親御さんも安心!教室の雰囲気が伝わるデザイン
今回は小学生から中学生のお子様向けの英会話スクールなので、一目で子供向けの教室とわかる事。そして、親御さんに安心と信頼感をもってもらえるようなホームページ制作に重点をおきました。
「たくさん話せる。たくさん身につく」
というHopes English School様の強みにふさわしいホームページとなるように、英語のキャッチコピーをたくさん取り入れています。
「Closer To Your Dream」
いい点を取るために英語を学ぶより、
いい夢を見るために英語を学びませんか。
英語力を、人生を楽しむ力に。
このように、英語と日本語のキャッチコピーをセットで配置し、それぞれ伝えたい言葉がホームページ上でリンクするようにしました。
英語のキャッチコピーを見て、「英語って面白い」「このキャッチコピーがカッコいい」「なんて読むんだろう?」と英語にもっと親しみを感じてもらえるように、お子様の学びたいに繋がりますように。そんな思いも込めました。
また、教室のアットホームな雰囲気がそのままホームページにも表れるよう、現地でカメラマンに撮っていただいた動画や写真をたくさん使用しています。普段の授業風景を覗けるので、安心して入校を検討していただく事ができます。
実際に入校する前に、こうしたホームページ掲載の写真を見ることで、ポジティブな未来に向けての期待感を親子が揃って共有できるのではないかと思います。意欲溢れる子供達と優しくあたたかな先生達の楽しそうな姿というのはそれだけで魅力的です。その場所に自分も行ってみたいという気持ちになります。
色に役割を持たせ、色の持つ心理効果を利用
Hopes English School様は、全部で5クラスあるので「青、赤、黄、緑、紫」の5色をそれぞれのクラスに割り当ててデザインしました。
こうしてホームページ内の色に役割を持たせることにより、直感的に情報をカテゴリー別に判断していただく事が出来ます。
たくさんある情報をいかにスマートに分かりやすく見せるか、ホームページをデザインする際のこだわりポイントの1つです。
また、色には明るさを表した「明度」と、鮮やかさを表す「彩度」という要素があるのですが、「明度」と「彩度」の低い色は、落ち着きを与えるという心理効果を利用して、あえて青、赤、黄、緑、紫の5色の彩度と明度を落とし、ほんの少しグレーが混ざったような色に調整しました。
可愛らしい雰囲気は保ちつつ、色の明度と彩度をグレー寄りに合わせることでページ全体に落ち着いた穏やかな印象と統一感を出しています。
お子様にも寄り添いつつ、保護者の方にも見ていただく事を意識した「ほどよく大人っぽさをプラスした」中間のラインが狙いです。
オリジナルイラストでより印象的に
オリジナルイラストは、他のサイトと差別化を図るために有効です。また、視覚的魅力を与え、訪問者の心に残る効果もあります。今回は、弊社のグラフィックデザイナーAoiさん(社名と同名のスタッフです。)にお願いして、楽しい雰囲気を出しつつ、ページに合わせ彩度、明度を落とした色でイラストを作っております。
また、「Comiruシステムを導入しています」というアプリの紹介にもオリジナルイラストを作成いたしました。
このアプリには、「生徒の入退室の際は保護者様へ連絡が入ります。」という機能説明があるのですが、イラストにすることで、より分かりやすく表現されていると思います。
説明だけでは見落とされてしまうかもしれないアピールポイントに注目を集めることが出来るのもオリジナルイラストの強みです。
ナビゲーションを効果的に
中層ページには目次のように内容を項目別に配列し、それぞれ矢印ボタンをつけ、ボタンを押すと該当の場所に移動する「ページ内アンカーリンク」を設置しています。
ホームページ内に含まれている内容が明瞭になるので、閲覧する方が見たい場所にすぐにたどり着く事ができます。
鮮度の良いページ作り
Hopes English School様のホームページには「お知らせ」と「コラム」という2つのカテゴリーの記事枠をご用意しています。
こちらの記事はHopes English School様ご自身で作成する事が可能です。
内容も、更新のタイミングも自由にできるため、発信の場として有効に活用していただく事が出来ます。
定期的に更新されているホームページは、鮮度を保つ事が出来るので閲覧する方にも安心感を与えます。
そして、最新情報が掲載されたコンテンツの方がGoogleから高く評価される傾向にあるため、ホームページを検索した際に検索ページの上位にくるようなSEO対策にも繋がっています。
詳しくは Hopes English School様オフィシャルサイト をぜひご覧ください。
このホームページ(WEBサイト)を通じて、Hopes English School様の魅力がたくさんの親御さんに届きますように。
そして、お子様たちの夢につながれば幸いです。
■Hopes English School
Web Design Aoi (ウエブデザインあおい)は、仙台市青葉区と東京都渋谷区に本拠地を置くホームページ制作会社です。ホームページ(WEBサイト)制作の知識がない方でも簡単にブログを更新して頂ける「WordPress(ワードプレス)」というブログシステムで制作しています。お客様自身に日記を書くように気軽にブログを更新して頂けます。このようなブログ更新システムやパソコン・スマホ・タブレットで最適な表示が可能なレスポンシブデザインも余程のことが無い限りスマホ・タブレット用の制作費を別途頂戴しておりません。
私共にホームページ制作をご相談されたいという方は、ぜひお気軽にご連絡ください。