【ホームページ制作】高浜フリースクール一歩様

ご依頼の背景

「午前中の部として、フリースクールを立ち上げたい」というお話をいただきました。
そのために、Googleマップへ載せるためのフリースクールのホームページが欲しいとのことでした。

まずは、実際にお会いし、細かなヒアリングを行いました。
日常的に教育に関わっている分、教育のことをよく知っている人に頼んだ方がいいと判断し、ご依頼していただいたそうです。

すでに想いなどはお聞きしていましたので、ヒアリングではサーバーやドメインの話をお聞きしました。
ご自身で作成したドメインを使いたい、これまで使用してきた慣れているツールで制作したい、とのご希望でしたので、CMS(コンテンツ管理システム)は「ペライチ」を使用することになりました。

また、ご予算の関係上ページ数を1ページに削減し、LPに似せたホームページとして制作し、スマホのデザインを中心に設計することにしました。
通常はWordPressをおすすめいたしますが、このようにクライアント様のご都合やご希望に合わせて計画していきます。

また、実際に教室の雰囲気を伝えるためには実際の写真が一番有効であることをお伝えし、後日、写真撮影に伺わせていただくことを提案させていただきました。

写真撮影をすることで、フリースクールの良さや強みがより伝わる素材を集めることができ、制作にも反映することができました。
安心できる雰囲気を伝えるためにYouTubeへのご登録をお願いし、動画のリンクも使用しました。

ターゲット

小学生のお子さまを持つ保護者様

制作で意識したこと

・限られた条件の中で、「見た目の綺麗さ」よりも「必要な情報を全て入れる」こと、かつ「探しやすい」ことを最優先にしました。
・「楽しそう」と感じてもらえる写真を選定しました。
・子どもの顔写真が映らないようにしつつも、笑顔を感じられる画像加工を行いました。
・保護者がすぐに問い合わせできるCTAを配置しました。

この4点を意識して設計しました。

制作物

・ホームページ

デザインのポイント

「楽しい」が全面に伝わるようなファーストビューにしました。
どんな関わり方をしてもらえるのか、1秒でわかるように設計しています。

また、場所・誰のための場所なのか・何をする場所なのかがすぐに分かるようなキャッチコピーにしています。
まずは、「高浜フリースクール一歩とは…」という文言を入れました。

メニューボタンを上部に設置し、保護者が知りたい情報へ1タップで移動できるようにしました。
問い合わせボタンを常に追従させ、いつでも問い合わせが可能な状態をつくりました。

イメージカラーである「オレンジ」をメインカラーにしています。

制作の流れ

① ココナラよりお問い合わせいただきました。

② まずは、詳細の内容をお伺いするために現地でヒアリングを行いました。

③ お伺いした内容をもとに、ご依頼内容を整理し、必要な画像を確認し、撮影の提案をしました。

④ 現地にて撮影させていただきました。

⑤ 全体の構成を確認。ページ数を増やすことが難しいとのことでしたので、1ページで構成することを提案しました。

⑥ 制作

⑦ 3度ほど、確認と修正を行いました。

⑧ 納品

お客様のお声

高浜フリースクール一歩 お客様のお声
目次