カナダの教育重視型プレスクールの新規サイト

プロジェクト概要

競争の激しい市場で、新しいプレスクールを立ち上げ、最初の入園希望家庭を早期に集める必要がありました。

サイトをゼロから制作し、独自の教育理念を明確なブランドに落とし込み、レスポンシブなWordPressサイトを構築しました。

公開から1週間で、初回説明会への10家庭の申し込みを獲得しました。

期間

1人週

担当

UX/UIデザイナー、ブランドストラテジスト、WordPress開発者

ツール

Figma, WordPress, Elementor, HTML/CSS

会社

Mind Spark Academy（カナダ・BC州バーナビー）

チーム

CEO、デザイナー兼開発者（私）

成果

公開から1週間で初回説明会への10件の申し込みを獲得し、関心を持つ家庭を集めました。

完成したデザイン

背景と課題

課題

Mind Spark Academyの創業者には、力強く独自のビジョンがありました。脳科学、日本の価値観、グローバルな学びを組み合わせた複雑な教育理念を、以下を満たすブランドとサイトに変換することが課題でした。

• 明確な価値提案：競争の激しい地域市場で、従来の保育園やプレスクールとの違いを分かりやすく示す。
• 信頼の構築：新しい施設として、専門性、信頼感、親しみやすさを伝え、保護者の説明会申し込みを促す。
• メッセージの優先順位：創業者の豊富なアイデアを、独自性を損なわず、明快で魅力的なメッセージに整理する。

目標

立ち上げの成功を、3つの目標で定義しました。

• ブランドの目標：教育を重視する質の高い施設としてMind Sparkを位置付ける。
• ビジネスの目標：初回説明会への申し込みを促し、最初の入園児童の獲得につなげる。
• ユーザーの目標：保護者が独自の価値を理解し、必要な情報を見つけ、安心して次の行動を取れるようにする。

制約

• 未定義のブランド：既存のブランドや素材がない状態からのスタートでした。
• 創業者のビジョン：豊富なアイデアを、ユーザーに届く焦点と戦略へ整理する必要がありました。
• 公開期限：新規事業として、効率よくサイトを公開し、早期にマーケティングを始める必要がありました。

解決策

ディスカバリーとブランド戦略

創業者との深い対話から始め、メッセージの優先順位を整理しました。教育理念を「脳科学」「日本の価値観」「STEMと早期学習」「コミュニケーションとリーダーシップ」の4つの軸にまとめました。

ブランドアイデンティティの設計

核となるメッセージを定め、専門性と遊び心を両立したビジュアルを設計しました。

• 配色：明るく活力のあるオレンジで創造性と学びのひらめきを表現。十分な余白で落ち着きと質の高さを伝え、赤、黄、青、緑のアクセントで子どもらしい親しみやすさを加えました。
• タイポグラフィ：見出しにRaleway、本文にNunito Sansを選び、質の高い印象と遊び心のバランスを取りました。

サイトのデザインと開発

Figmaのモックアップをもとに、レスポンシブなWordPressサイトを構築しました。

• 情報設計：カリキュラム、プログラムと時間割、入園案内、お問い合わせ、FAQを分かりやすく配置しました。
• SEO：Yoast SEOとGoogle Analyticsで、SEOとマーケティングの計測環境を整えました。
• アクセシビリティ：色のコントラスト、画像の代替テキスト、大きめの文字サイズを考慮しました。

成果と今後の改善

振り返り

成果

ブランドとサイトが創業者のビジョンを表現したことに、クライアントから高い満足度を得ました。

公開からわずか1週間で10家庭が説明会に申し込み、独自の教育方針への強い関心を確認できました。

学んだこと

• サービスの核となる価値と、類似サービスとの違いに焦点を当てることを学びました。
• 新規サイトの設計から開発まで、一貫して担当する経験を得ました。Elementor、GA4、SEOツールなど新しいツールへの対応は難しさもありましたが、プロジェクト全体を自分で完了できたことは貴重な経験でした。