ホームページをリニューアルするにあたって、まずはお客様とオンラインでじっくり話し合いました。具体的には以下のような内容についてお話させていただいています。
- 八潮ちくみ幼稚園様の全体像や取り組みについて
- 課題や目的について
- ホームページ以外でのコンテンツ作成について
(イラスト、写真撮影、動画、インタビュー、原稿作成、ロゴマーク制作など)
- 納期について
- 予算について
打ち合わせのあとにホームページのサイトマップ(サイト全体の構築をリスト状にしたもの/見取り図)を提示し、正式にご依頼をいただく運びとなりました。
課題と目的
今回、お客様がとくに課題・目的されていたのが「園児の増加」です。
「幼稚園の良さをうまく伝えきれていない(ホームページの活用がうまくいっていない)のではないか」という課題から今回のホームページリニューアルに至りました。
今回のホームページリニューアルでそれらの課題と向き合い、幼稚園の良さや世界観、魅力をこぼすことなく伝えていくことを目的に制作を進めてまいりました。
以前のホームページ
具体的には、以下の課題を優先的に解決していくことになりました。
- スマホ対応
- 教育方針のネガティブを払拭し、ポジティブに転換する
- 都心から引っ越してきたファミリー層へのアプローチ
- アクセス情報の整理(駅から園まで距離はあるが、実際には送迎バスが出ており、しかも複数の路線を通っているため非常に便利)
- 採用ページの充実
ブランディング 当社からのご提案
上記の課題や目的をもとにお客様と何度かヒアリングをおこないました。
制作の開始時に園の方にも訪問しております。
お話を伺っているうちに「八潮ちくみ幼稚園の魅力」が具体的に見えてきました。
たとえば
- 預かり保育が充実している
- 夏休みや冬休みが短いため、保護者の負担が少ない(=はたらいているお母さんの味方)
- 広範囲に送迎の園バスが走っている
- 教育方針の充実
- 職員数が多い(=子どもの成長を後押ししてくれる、安心)
などなど
八潮ちくみ幼稚園様ならではの魅力をたくさん発見することができました。
これらをホームページにうまく反映させていくことを目的に、当社から以下の「八潮ちくみ幼稚園5つの魅力」を作成し、ご提案させていただきました。
八潮ちくみ幼稚園5つの魅力
お母さん、お父さん、周囲から見た「八潮ちくみ幼稚園」の評価と、実際のお客様の声を聴いて”具体的な強み”を作成しております。
これら「5つの強み」はネガティブなイメージから一変、ポジティブな印象を抱いていただけるよう表現方法を意識しました。
この5つの魅力を軸に体験教室のご案内用のチラシとランディングページを優先的に制作しております。
ホームページリニューアルより時期を早く発信されたい内容だったため1ページのランディングページとしてご提案しております。
ロゴ制作
たけ(竹)はまっすぐに育ち、どんなに曲げても折れず、もとに戻る強さを持っています。
そのことから園児たちが将来「素直」で「あかるく」そして「心を強く」成長していってほしいとのビジョンをもとにロゴマークをデザインいたしました。
ロゴ制作についての詳細はこちらをご覧ください。
情報設計・構築/レイアウト
園独自の取り組みや魅力、雰囲気は園の世界観のベースになります。
お客様とのヒアリングを重ね「八潮ちくみ幼稚園らしさ」「八潮ちくみ幼稚園の世界観」を伝えていくにはどうしたらいいのかを考えました。
八潮ちくみ幼稚園様は「子育て支援」「課外教室」「アフタースクール」「預かり保育」など取り組んでいることが多岐にわたる幼稚園ですので、優先度など情報整理をしっかりおこなってまいりました。
トップページや下層ページの構成においては、お客様から事前にいただいていたパンフレットなどを参考にしつつアレンジしつくりこんでいきました。
また、これまでにない内容やページを追加することによって、ユーザーにうまく訴求できるよう意識しました。
これまで情報量が少なかったページや内容を、多方面から広い視野を持ってレイアウトをおこなっています。
採用コンテンツ
お客様のご要望であった「採用ページ」の充実も図りました。
採用ページに関しては「どういったことを伝え」「どのように表現していくか」をとことん考え、構築・設計させていただきました。
求職者さんに「ここで働きたい」と思ってもらえるような求人ページを心がけて制作させていただきました。
グローバルメニューの情報整理へのこだわり
ページ数が多いのでグローバルメニューを増やしすぎず、サブページにするなど細かい点もケアしております。
おそらく、皆さまもメニューがズラリと並んでいるホームページよりも、洗練・整理されたホームページのほうが使いやすいと感じることと思います。
また、人間の短期記憶で覚えられる情報は「7」個前後といわれており、このことを「マジカルナンバー」と呼びます。
マジカルナンバーはさまざまなホームページづくりの参考にされています。
メニューがたくさん並んでいるホームページをみかけることがありますが情報がごちゃごちゃして見えます。これでは、どこにどういった情報が記載されているのかを見つけるのにかなり時間が掛かってしまいます。
今回の八潮ちくみ幼稚園様のように実際に取り組んでいること、伝えたいことが多くてもグローバルメニューに入れすぎずサブメニューなどをうまく活用し、情報を整理すれば見やすい上に、どこになにが記載されているのか覚えやすくなっています。
わかりやすいラベリングを
どういった表現・表記をしたら
- わかりやすく伝えることができるのか
- 認識されやすくなるのか
- 迷わないか
- 間違わないか
- 園の雰囲気に合うか
といったことを常に考え、ホームページをおとずれるユーザーの視点に立って表記を決めています。
例えば「リンクボタン」も単なる「詳しく」「詳細を見る」などだけでなくリンク先が何のページか認識するために実際のページ名をコンパクトに表記するなどを熟考して決めています。
Webデザインについて
八潮ちくみ幼稚園様のホームページを制作する前に「体験教室」のランディングページ制作をお手伝いさせていただいたのですが、その際のデザインが「すこし可愛すぎたかな」とお客様にご意見をいただきました。
そこで当社はあらためてヒアリングをおこない、デザインの方向性についてじっくり話し合い、固めていきました。
「おしゃれでやさしい」「あたたかい雰囲気」
とあらためてリクエストをいただくことができました。
ほかにも文字、余白、行間など基本的なことを念頭に「見やすさ」「わかりやすさ」「使いやすさ」を意識しつつ、八潮ちくみ幼稚園様の「魅力」や「伝えていきたいこと」を大切に、アクセントとしてイラストやデザインなどのあしらいを加えていきました。
トップページのデザインも2案ご提案させていただき、よりお客様の求める方向性へと近づけていきました。
“らしさ”のあるホームページに仕上がったのではないかと感じています。
構築について
構築には「WordPress」を導入し、一般的な「お知らせ」発信以外に「ありがとうの声」「採用インタビュー」などを投稿形式にすることでお客様みずからブログ記事を更新できる箇所を増やしました。
さらにトップページのスライドショーも手間なく差し替えができるよう設計いたしました。
また、アニメーションを組みいれることで動きを出し、ちくみ幼稚園の世界観や雰囲気を伝わりやすくしています。
スマートフォンにしっかり対応(レスポンシブWebデザイン)
現在、ママさんやパパさんのほとんどがスマートフォンでサイトを閲覧しています。育児の隙間じかんでサクッとブログなどを読んだりして情報を集めているママさんたちのことをいちばんに考えると、やはり幼稚園・保育園のホームページはスマートフォン対応に設計する必要があります。
さらに、求職者の年齢層を考慮しても「スマホから応募」される方が多いことがうかがえます。このようにユーザーやターゲットによってはスマホに対応しておくと親切です。
今回は単純にスマホで閲覧できるだけではなく、デザインや文字サイズ、文字数、行間、余白等などにこだわり、いかにスマホで見やすくなるかを意識して設計しました。
出張撮影について
ホームページに載せるためのお写真を2日間で撮影させていただきました。
日程を確保いただいたので、当日の「撮影タイムスケジュール」は念入りに作成させていただきました(30分〜1時間単位で緻密にスケジュールを組ませていただきました)。
このように撮影の「時間」「内容」「場所」を事前に整理しておくことで当日、スムーズに撮影をおこなうことができます。
また、撮影当日はスタッフさんや副園長様が園をご案内、一緒にまわってくださったおかげでより園の魅力を発見し、活気あふれる園児たちや先生たちの自然な様子を撮ることができました。
掲載の可否や、そのほか園について伝えたい、押さえたいポイントをしっかり撮影することができたのではないかと思います。
写真データは2日で1,300枚を超えるものとなり、その中からホームページやそのほか用途にあわせて選んでいきました。
撮影から帰ってすぐに園長、理事長さまのツーショット写真を記念に送らせていただいたところ、非常によろこんでくださいました。
下記は撮影後にいただいたうれしいお言葉をいただきましたので、ご紹介します。
お客様の声
「先ほど職員室のみんなで写真を見て「いい〜! 素敵!! と歓声があがりました」
「とても素敵に撮っていただきまして、ありがとうございました」
イラスト制作
ホームページリニューアル用としてオリジナルでのイラスト制作もお手伝いしています。
ホームページ全体に使用するイラストですのでどのようなタッチ、雰囲気のイラストにするか慎重にご検討いただきました。
まず、これまで当社が制作してきましたイラストの事例をご覧いただきながら等身、タッチ、色の雰囲気などさまざまなイラストをみていただきました。
これら参考イラストの中で園の先生方からもっとも反響が多かったイラストを相談の上で決定。イラスト制作を進めてまいりました。
ラフイラスト
ホームページでは写真とカットイラストで全体的な世界観をつくることを意識しつつ、イラストの内容も細かく吟味していきます。
清書イラスト
人物イラストでは
・幼稚園の先生
・理事長、園長先生
・プールで遊ぶ園児
・体操、運動をしている園
・お絵描きをする園児
・ママと赤ちゃん
・小学生にあがった児童たち
・雑巾がけなど掃除をしている園児
など、できる限り具体的に決めていきました。
人物のほかにも【動植物】のイラスト内容も書きだしていきます。
・亀
・孔雀
・にわとり
・スズメ
・てんとう虫
・かぶと虫
・蜜蜂
・花
といった具合にさまざまなイラストを描いていきます。人物、動植物のほかには【施設】や【自然】【用具】そしてちくみ幼稚園の象徴である【竹】を描かせていただきました。
イラストはちくみ幼稚園ホームページ内のいろいろな箇所に使用しております。
施設マップイラスト
世界観を壊さぬよう施設紹介ページの全体マップやフロアごとのマップもオリジナルで作成しています。
インタビューと原稿作成
ホームページリニューアルにあたり、インタビューを通した一部の原稿作成にも携わらせていただきました。
原稿のためのインタビューは撮影と同じ日程で行っています。
八潮ちくみ幼稚園の理事長、園長さまに協力していただきヒアリングを実施するとともに、先生たちにもインタビューさせていただきました。
新人先生からは実習生への参考としても「対談」というかたちでお話を伺っています。
こうした”現場の声”は「身近な存在の声」としてとても価値があります。
・園長先生の声
・先輩先生の声
・新任先生の声
といった現場のリアルな声をホームページ内、各ページの文章に反映、アレンジしていきました。
ホームページ完成後のお客様の声
ホームページのリニューアルが完了したあとの現在でも、ホームページ管理等をお手伝いさせていただいております。
2023年10月、ホームページリニューアル後のやり取りで以下のうれしいお言葉をいただくことができました。
- ホームページをリニューアルした直後に反響が出ました
- 「ホームページを見て…」とのお問い合わせや資料請求がさっそく入りはじめています。
園長、保育士さん、ママ・パパたちが誇りに思えるホームページを一緒に作りませんか?
当社も保育園、幼稚園、子ども園向けのホームページ作成・Webデザインを得意としております。
制作をお考えの方はお気軽にご相談ください。
幼稚園ホームページ制作3つのポイント
幼稚園のホームページ制作のご案内