ニュージーランドの語学学校サイトリニューアル事例｜Wix Studioでの多言語Webサイトデザイン実績
- 6月28日
- 読了時間: 6分
サザンクロス語学学院（SCLI）とは
サザンクロス語学学院（Southern Cross Language Institute）は、ニュージーランド南島のクライストチャーチにある、「英語で英語を学ぶ」ことに特化した語学学校です。
日本人高校生や交換留学生を対象に、少人数制の英語教育プログラムとホームステイプログラムを提供しています。
このたびLITTLE FUJI Design Studioは、WordPressで構築されていた既存WebサイトのWix Studioへの移行およびリニューアルデザインを担当しました。
本プロジェクトでは、学校の魅力や提供プログラムをより分かりやすく伝えられるよう、サイト構成や情報設計を見直し、利用者が必要な情報へスムーズにアクセスできるWebサイトを目指しました。
Webサイトリニューアル前の課題
既存サイトでは、WordPressで制作されたWebサイトだったため、クライアント自身で更新しづらいという課題がありました。
また、学生・保護者・パートナー校の教員、そしてニュージーランド現地のホームステイ受け入れ希望者など、異なるターゲットに対して必要な情報を分かりやすく届けるため、よりユーザーフレンドリーなサイト構成が求められていました。
Wix Studioを採用した理由
LITTLE FUJI Design Studioでは、すべてのWebサイト制作をWixで行っています。Wix Studioは柔軟なレイアウト設計が可能で、多言語サイトの管理やレスポンシブ対応に対応しているからです。
特にWixのマルチリンガルアプリは多言語サイトの構築・管理がしやすく、日本語と英語のWebサイトを必要とする今回のようなプロジェクトに適した選択肢でした。
また、Wix StudioはノーコードでWebサイトを管理できるため、専門的な知識がなくてもコンテンツを更新しやすい点も特徴です。さらにリソースキットを活用することで、サイト公開後の引き継ぎや運用サポートをスムーズに行うことができます。
デザイン性だけでなく、クライアント自身でコンテンツを更新しやすい管理環境を提供できることも、Wix Studioを採用した理由の一つでした。
語学学校のWebサイトで重要な情報設計
語学学校のWebサイトでは、単に学校を紹介するだけでなく、さまざまな立場のユーザーが必要な情報へたどり着けることが重要です。
今回のサザンクロス語学学校のWebサイトでは、
学習プログラム
学生向けのサポート
保護者向けのサポート
ホームステイプログラム
学校紹介とクライストチャーチという場所の紹介
お問い合わせ
などの情報を整理し、ユーザーが迷わず閲覧できる構成を目指しました。
また、管理のしやすさを考慮し、できるだけページ数を増やしすぎない構成にしています。
リニューアル前に個別ページとして分かれていた情報も、内容の関連性を見ながら整理・統合しました。
一方で、学校からのお知らせや、参加した留学生・保護者の声など、今後も定期的に追加される情報については、ブログ記事として蓄積していく方法をご提案しました。
これにより、日本語・英語での多言語対応や言語切り替えができるだけでなく、カテゴリーやタグを使って情報を絞り込みやすい構成になりました。
今回のリニューアルデザインで改善したポイント
今回のWebサイトリニューアルでは、以下の点を中心に改善を行いました。
サイト構成の整理と再設計
必要な情報へスムーズにアクセスできるよう、既存サイトのページ構成を見直し、サイトマップの再設計を行いました。
また、チームメンバー紹介や年間イベントなど、今後も内容の変更や追加が発生するセクションについては、Wix Studioのリピーター機能やプロギャラリーを活用して構築しています。
これにより、管理画面上でアイテムの並び替えをドラッグアンドドロップで直感的に行えるほか、新しい項目の追加や不要な項目の削除も簡単に行えるようになりました。
サイト公開後もクライアント自身で運用・更新しやすい構成とすることで、長期的に管理しやすいWebサイトを実現しています。
学生・保護者・提携校が信頼でき、親しみやすいデザイン
語学学校という教育機関の性質上、信頼感のあるサイトデザインはとても重要です。
サザンクロス語学学院のブランドカラーを取り入れたイラストや、アニメーション・動画を適宜取り入れることで、学校生活やニュージーランドでの暮らしが伝わる、親しみやすく活き活きとしたWebデザインを目指しました。
多言語対応
日本語・英語それぞれの利用者がスムーズに閲覧できる環境を整備しました。
今回はメインの英語ページを中心に対応し、一部のページには日本語設定も行い、多言語での表示が正しく反映されているかを検証しました。
残りの日本語ページについては、クライアントのチーム内で設定を進められるよう、多言語設定の方法をまとめたマニュアルを作成して納品しました。
モバイル最適化
スマートフォンやタブレットでも快適に閲覧できるよう、レスポンシブ対応を行いました。
コンテンツ量が多いページでは、モバイル端末上で縦方向のスクロールが長くなりすぎないよう、一部を横方向のスクロールに変更して調整しています。
SEO設定
検索エンジンから適切に評価されるよう、ページタイトルやメタディスクリプションなどの基本的なSEO設定を実施しました。また、画像にはすべてAltテキストを設定しています。
Webアニメーションの効果とRiveを採用した理由
今回のサイトでは、一部のビジュアル表現にRiveを活用したWebアニメーションを実装しています。
Webアニメーションには静的なサイトページ上にリッチな動きを加え、
ユーザーの視線を自然に誘導する
サイトに親しみやすさを与える
ブランドイメージを強化する
といった効果があります。
一方で、Webサイトでは情報の見やすさや読み込み速度も重要です。
そのため今回は大規模なアニメーションではなく、軽量なベクターアニメーションを実現できるRiveを採用し、ユーザー体験を損なわない範囲で動きを取り入れました。
Wix Studioのリソースキットを活用した運用支援
Webサイトは公開して終わりではなく、その後の運用も重要です。
今回のプロジェクトでは、クライアントが自身でコンテンツを更新できるよう、Wix Studioのリソースキットを活用した運用支援も行いました。
更新方法や基本的な管理手順を共有することで、専門知識がなくても日常的な情報更新を行える環境づくりを目指しました。
ニュージーランドの語学学校向け・多言語Webサイトデザイン まとめ
今回のサザンクロス語学学院のWebサイトリニューアルでは、
Wix Studioを活用した多言語Webサイトデザイン
語学学校に関わる異なるユーザー層に最適化した情報設計の見直しとサイトマップ再設計
信頼感と親しみやすさを両立したWebデザイン
Riveを活用した軽量なWebアニメーションの導入
Wix Studioのリソースキットを活用した運用支援
を通じて、留学生・保護者・提携校・ホームステイ受け入れ家庭など、さまざまな利用者にとって使いやすく、運営側にとっても更新しやすいWebサイトを実現しました。
詳細はWorkページにも動画と共に紹介しております。
LITTLE FUJI Design Studioでは、Wix Studioによる多言語Webサイト制作や教育機関向けWebサイトのデザイン・構築を行っています。
日本語と英語をはじめとした多言語対応、ユーザー体験（UX）を重視した情報設計、運用しやすいCMS設計、Riveを活用したインタラクティブなWeb表現まで、一貫してサポートしています。
ニュージーランドやオーストラリアをはじめとする語学学校のほか、多言語対応が必要な企業様・個人の方のWix Webサイト制作をご検討の方は、お気軽にご相談ください。
