熊本のホームページ制作会社・WEBマーケティングサポート・
広告コンサルティング

WORKS

ホームページ制作事例

ホームページ制作

DATA

  • CLIENT

  • TYPE

  • SECTOR

COMMENT

TEAM

←  WEB制作事例一覧

【ホームページ制作概要】

■クライアント  メープルツリーインターナショナルスクール
■プラン     11ページ+ブログ機能
■業種業態    インターナショナルスクール /英語保育・保育園
■制作カテゴリー コーポレートサイト/リニューアル
■URL      https://mapletree-school.com/

【重視した点】

インターナショナルスクール のホームページということで、元気や遊び心を意識してデザインしました。サイトをより印象付けられるように、スクールカラーの赤い枠線を、画面に固定して入れました。

スクールということで、カリキュラムやスケジュールなど、文章で説明することも多いカテゴリーですが、テキストが続きすぎて退屈さを感じないように、背景色や写真、文字の大小でメリハリをつけるようにしました。

PC版ビジュアル

テキストが多くなりがちな入園説明のページも、マスコットキャラクターを配置することで、堅くなりすぎず見やすくなるように工夫しました。

PC版ビジュアル

クラスごとの1日の流れも、アイコンで分かりやすく説明。インターナショナルスクール を探している保護者に、必要な情報をスムーズに伝えられるようにデザインしました。

スマホ版デザイン

モバイル版ビジュアル

ブログ一覧ページのメイン画像も、生徒さんのカラフルな作品の写真を使って、ワクワクするようなイメージで制作しました。
生徒さんの顔や普段の様子が見えると、自分の子どもを通わせたときのイメージが湧きますよね。学校や保育園、習い事などは、イメージ写真よりも実際の様子が分かる写真を使用した方が雰囲気伝わり、より親近感が湧いてくると思います。

モバイル版ドロワーメニュー

モバイル版のドロワーメニューとフッター。お問い合わせと入園説明会のボタンを画面に固定しておくことで、ユーザーがアクションを起こしやすい動線を考えました。

モバイル版ビジュアル

サイト内の説明箇所は、画面サイズが小さくなればなるほど、テキストの占める割合が大きくなってしまい、どうしても長く感じてしまうことが多いです「+続きを読む」ボタンで説明文を途中から隠しておくことで、表示されるテキスト量の全体的なバランスを取ることができます。

タブでの表示切替は、モバイル版で縦に長くなりすぎることを防ぐだけでなく、画面を動かさず見比べることもできるので、スケジュールや料金表などにも適しています。

ホームページ制作はWEBRUにお任せください!

WEBRU(ウェブル)では、熊本・福岡・佐賀を中心に住宅会社様・リフォーム会社様・工務店・建設業様・士業・スクール・エステ・スポーツ関係など、様々な業種のホームページ制作を行っております。
お打ち合わせからホームページデザイン、コーディング、サイト公開後のホームページ運用やSEO対策も親切・丁寧に行います。CMS(ブログ)を利用したコンテンツマーケティングやリスティング広告の運用も行っております。熊本・福岡・佐賀でホームページ制作・SEO対策・WEBマーケティングはWEBRU(ウェブル)にお任せください!

チラシ・パンフレットのデザイン制作、WEB動画作成も可能です。お問い合わせはこちらからお気軽にどうぞ!

TEAM W