フリースクール Kimiiro様|ホームページ制作

茨城県つくば市のフリースクール「Kimiiro」様のホームページを制作させていただきました。

この記事の内容

概要

つくば市のフリースクール「Kimiiro」Webサイトのトップページを表示しているノートパソコンのイメージ画像
  • ヒアリング
  • 提案
  • デザイン
  • WordPress
  • SWELL
  • Canva
  • CSS
  • ブログ投稿方法動画レクチャー
  • ドメインエラー対応
項目内容
お客様フリースクール Kimiiro 様
サイトURLhttps://freeschool-kimiiro.com/
ご依頼内容WordPress(SWELL)によるホームページ新規制作
ページ数3ページ
費用69,000円

お客様の課題

ご依頼いただいた当初、お客様が抱えていた主な課題は、以下の3点でした。

フリースクールKimiiroさんのお悩み
  • ホームページをCanvaで自作したけれど、ピンときていない
  • デザインを変更して見やすくし、お問い合わせへつなげたい
  • 日々の活動記録を掲載したい

子ども達の気持ちによりそい、安心できる場所で、社会に出てからも自律して生きられるように支援する。

Kimiiroさんは、そんな素晴らしい理念をお持ちでした。

SNSでは情報が届かない保護者の方もいるので、ホームページを整備したい。

今回のプロジェクトは、Kimiiroを運営されている、蓮田さんの、そんな想いからスタートしました。

ホームページのご紹介

Kimiiroさんらしい「安心感」と「しっかりした理念」、そして「保護者さんに必要な情報」がスムーズに伝わることを意識しました。

① トップページ

フリースクール Kimiiroさんの雰囲気と理念を伝える「顔」となるページです。

茨城県つくば市のフリースクール「Kimiiro」サイトのトップページのデザインレイアウト。ファーストビューから特徴、1日の流れ、キミイロの日常、代表あいさつ、スタッフ紹介、保護者の声、テーマソング、入会案内・料金、よくある質問、アクセス、お問い合わせの構成

② 「活動記録」ページ

日々の活動やイベントの様子を投稿します。

また、スクールでの子ども達の過ごし方を通して、Kimiiroさんの大切にしている考え方や価値観などを発信するページです。

活動記録(ブログ)更新の方法は、動画でレクチャーさせていただきました。

さっそく記事を更新されていて、嬉しく思います!

③ 「お問い合わせ」ページ

フリースクールの見学や体験、ご質問などを受け付ける「お問い合わせ」ページです。

茨城県つくば市のフリースクール「Kimiiro」サイトの「お問い合わせ」ページのデザインレイアウト

トップページ(スマホ表示)

トップページをスマホで表示したときの画面です。

スマホで見たときに、文字や画像が小さくなりすぎないように調整しています。

茨城県つくば市のフリースクール「Kimiiro」サイトのトップページのデザインレイアウト(スマホ表示)。ファーストビューから特徴、1日の流れ、キミイロの日常、代表あいさつ、スタッフ紹介、保護者の声、テーマソング、入会案内・料金、よくある質問、アクセス、お問い合わせの構成

スマホ(レスポンシブ)対応も制作費に含まれていますので、ご安心ください。

お客様のご感想

サイトの完成後、フリースクール Kimiiro 代表の蓮田さんより、大変嬉しいご感想をいただきました。

お客様のご感想
何事も素早く、丁寧に対応して下さり本当に感謝しています。

初めてのHP制作でしたが、ニックさんにお願いして良かったです✨

大満足!!!
公式LINEの画面より

制作のポイント

  • 「温かさ」と「信頼感」の両立
    フリースクールのホームページを見るとき、保護者さんが最も重視するのは「安心して子どもを預けられるか」という点です。
    角を丸くしたデザインを採用することで「親しみやすさ」を表現しつつ、キミイロさんの理念や特徴を整理して掲載することで、教育機関としての「信頼感」も担保しました。
  • 個性豊かな色たちを、アースカラーで支える配色
    キミイロさんの素敵なロゴマークが映えるよう、また、温かさが伝わるように、白と薄いベージュを背景色にしました。
    ロゴにも使われている鮮やかなグリーンをメインカラーに採用。ボタンやアイコンの色もロゴの色と合わせることで「赤」「オレンジ」「緑」「水色」…と個性豊かな色たちを使いながらも、統一された印象が伝わるようにしました。
    フリースクールでも、個性豊かな子ども達の色を、豊かな自然やKimiiroのスタッフさん達が包み込んでいるように感じ、ホームページのデザインに落とし込みました。
  • スマホファーストの「見やすさ」
    保護者さんの多くは、スマートフォンからホームページを閲覧されます。
    そのため、PCでの美しさはもちろん、スマホで見た時の「文字の読みやすさ」を調整しました。
    「入会案内・料金」は、パッと見て内容が入ってくるレイアウトに、「スタッフ紹介」は画面が長くなりすぎないように「横スクロール」を採用しました。

まとめ:フリースクール Kimiiro様|ホームページ制作

フリースクール KimiiroのWebサイトデザインを表示したノートパソコンとスマートフォンのモックアップ

最後に、今回の制作についてまとめます。

項目内容
お客様フリースクール Kimiiro 様
サイトURLhttps://freeschool-kimiiro.com/
ご依頼内容WordPress(SWELL)によるホームページ新規制作
ページ数3ページ
費用69,000円
お客様のご感想
何事も素早く、丁寧に対応して下さり本当に感謝しています。

初めてのHP制作でしたが、ニックさんにお願いして良かったです✨

大満足!!!
筆者

大切なホームページの制作をさせていただきまして、どうもありがとうございました!
僕も子どもが好きなので、微力ながら力になれて、とても嬉しいです!

29ホームページでは、ホームページの制作やリニューアル等のご相談を無料で承っております。

サンプル制作も無料ですので、ぜひお気軽にご相談ください。

この記事が気に入ったら
フォローしてね!

この記事の内容