スキル
担当範囲
使用ツール
Webサイト戦略・情報設計
WordPressからWix Studioへの移行支援
多言語ウェブサイト設計（日本語・英語）
Riveマイクロアニメーション
動画コンテンツ制作
Wix Webサイトデザイン
サイトマップ設計
多言語対応（日本語・英語）
コンテンツデザイン
Wix Studio
Rive
Figma
Adobe Premiere Pro
Southern Cross Language Institute
Webサイトリニューアル & 多言語サイトの構築
ニュージーランド・クライストチャーチに拠点を置く語学学校、Southern Cross Language InstituteのWebサイトサイトリニューアルをご依頼いただきました。
WordPressからWix Studioへの移行をはじめ、サイトマップと情報設計の再構築、多言語コンテンツの設計・制作を実施。入学希望者、保護者、提携教育機関など、多様なユーザーに向けて情報を分かりやすく届けるWebサイトへと刷新しました。
ニュージーランドと日本をつなぐ多言語Webサイトの再設計
Southern Cross Language InstituteのWebサイトは、ニュージーランドと日本の両国に向けて、学校が提供する英語学習プログラムやホームステイ・留学支援に関する情報を紹介しています。
サイトを訪れるユーザーは、それぞれ異なる目的や情報ニーズを持っていました。
ニュージーランド国内では、ホームステイプログラムへの参加を検討しているホストファミ リーが主な訪問者である一方、日本からのサイト訪問者は提携校の教職員、学生とその保護者が、ニュージーランドでの留学や教育プログラムに関する情報を得るためにサイトを利用しています。
拡張性の高い多言語ウェブサイトの再設計
Southern Cross Language Instituteは、ニュージーランド・クライストチャーチに拠点を置く語学学校です。英語学習を目的とした留学プログラムやホームステイサポートを提供しており、ニュージーランドと日本の両国からさまざまなユーザーがウェブサイトを訪れます。
ニュージーランド国内では、ホームステイプログラムへの参加を検討しているホストファミリーが主な訪問者です。一方、日本では提携校の教職員、留学希望者、その保護者が、ニュージーランドでの留学や教育プログラムに関する情報を得るためにサイトを利用しています。
今回のウェブサイトリニューアルでは、情報設計やコンテンツ構成を見直し、多様なユーザー層に対応できる多言語ウェブサイトへと再設計しました。ナビゲーションや情報へのアクセス性を向上させるとともに、将来的なプログラム拡大やコンテンツ追加にも柔軟に対応できる、拡張性の高いWix Studioサイトの構築を目指しました。
ニュージーランドと日本の両方のサイト訪問者と多様なユーザー層に対応する多言語ウェブサイトとして再設計し、情報の探しやすさ、運用のしやすさ、そして将来的な拡張性を兼ね備えたWebサイトを構築しました。
ニュージーランドと日本の両方のサイト訪問者と多様なユーザー層に対応する多言語ウェブサイトとして再設計し、情報の探しやすさ、運用のしやすさ、そして将来的な拡張性を兼ね備えたWebサイトを構築しました。
FINAL OUTPUTS
Web Design for Southern Cross Language Institute
長期的な成長を見据えたWebサイト設計
Webサイト公開後も学校スタッフが継続的にコンテンツを更新しやすいよう、運用性を重視した設計を行いました。
チームメンバ ーやプログラム情報など、更新頻度の高いコンテンツにはWix Studioのリピーター機能を活用し、効率的に管理できる仕組みを構築しています。また、ギャラリー機能を実装することで、スタッフがドラッグ＆ドロップで写真の追加・削除・並び替えを簡単に行えるようにしました。
さらに、長期的なサイト運用と検索流入の強化を見据え、ブログ内に卒業生の声・体験談専用のカテゴリーを設置。新しいレビューや留学体験談を継続的に追加できるだけでなく、SEO対策としても機能し、オーガニック検索からの流入増加につながる設計としています。
コンテンツデザイン & マイクロアニメーション
シンプルで見やすいデザインを維持しながら、サイトをより親しみやすく、サイト内の情報を直感的に理解できるよう、マイクロアニメーションを導入しました。
サイト内で使用するイラストや動画は、ブランドカラーやサイト全体のトーンに合わせてオリジナルで制作しています。マイクロアニメーションはRiveで制作し、軽量なデータサイズと豊かなモーショングラフィックスを両立。情報の理解を促しながら、ウェブサイトに親しみやすさと楽しさを加えました。コンテンツの可読性やアクセシビリティを損なうことなく、視覚的な魅力と操作性を両立した多言語ウェブサイトを実現しています。
また、保護者やホストファミリー向けの資料や各種ドキュメントを分かりやすく整理し、必要な情報へスムーズにアクセスできる導線を設計しました。
長期的な成長を見据えたWebサイト設計
Webサイト公開後も学校スタッフが継続的にコンテンツを更新しやすいよう、運用性を重視した設計を行いました。
チームメンバーやプログラム情報など、更新頻度の高いコンテンツにはWix Studioのリピーター機能を活用し、効率的に管理できる仕組みを構築しています。また、ギャラリー機能を実装することで、スタッフがドラッグ＆ドロップで写真の追加・削除・並び替えを簡単に行えるようにしました。
さらに、長期的なサイト運用と検索流入の強化を見据え、ブログ内に卒業生の声・体験談専用のカテゴリーを設置。新しいレビューや留学体験談を継続的に追加できるだけでなく、SEO対策としても機能し、オーガニック検索からの流入増加につながる設計としています。
コンテンツデザイン & マイクロアニメーション
シンプルで見やすいデザインを維持しながら、サイトをより親しみやすく、サイト内の情報を直感的に理解できるよう、マイクロアニメーションを導入しました。
サイト内で使用するイラストや動画は、ブランドカラーやサイト全体のトーンに合わせてオリジナルで制作しています。マイクロアニメーションはRiveで制作し、軽量なデータサイズと豊かなモーショングラフィックスを両立。情報の理解を促しながら、ウェブサイトに親しみやすさと楽しさを加えました。コンテンツの可読性やアクセシビリティを損なうことなく、視覚的な魅力と操作性を両立した多言語ウェブサイトを実現しています。
また、保護者やホストファミリー向けの資料や各種ドキュメントを分かりやすく整理し、必要な情報へスムーズにアクセスできる導線を設計しました。
プロジェクトの成果
本プロジェクトでは、多言語対応のWix Studioを使ったWebサイトの構築に加え、長期的な運用を見据えた引き継ぎパッケージも提供しました。
サイト公開後もクライアントのチームが運用できるよう、英語での詳細な操作マニュアル、画面録画による動画チュートリアル、ステップごとのガイドを含むリソースキットを作成し、Wix Studioのサイトダッシュボードに追加しています。
リソースキットの資料は、サイト管理・多言語コンテンツの更新・ブログのSEO設定までを網羅しており、外部サポートに依存することなく、スタッフ自身でウェブサイトの運用・管理を継続できる環境を実現しています。
Web Design for Southern Cross Language Institute
