ジャパンバウンド

留学サイトを再設計し、見つけやすさ、信頼性、そして長期的な拡張性の向上を実現しました。JapanBoundは、アメリカの高校生を対象とした夏季留学プログラムです。現地の高校での交流や日本のホストファミリーとの生活を通じて、学生たちは視野を広げていきます。

期間

2025年9月〜12月

クライアント

GPI US, Inc.

サービス

#

UXデザイン

#

Webデザイン

#

デザインシステム

JapanBoundプロジェクトのバナー

挑戦

初めて留学を検討するご家族にとって、信頼は申込を始めるずっと前から築かれます。

留学の選択肢を調べることは、オンラインから始まることが少なくありません。ユーザーは、安心・安全性、プログラムの構成、信頼性といった基本的な疑問に答えを求めながら、その体験がどのようなものかを思い描こうとしています。情報整理が明確で、信頼できるストーリーがなければ、初期の調査はすぐに負担の大きいものになってしまいます。

リデザインを導いた2つの中核となる設計判断は、初期の調査を支えるためにナビゲーションの分かりやすさを高めること、そして信頼感と長期的な拡張性を生み出す一貫したビジュアルシステムを確立することでした。

JapanBoundの元のウェブサイトには、ストック画像と日本語のテキストが掲載されていました。
当初のJapanBoundウェブサイトでは、すべてのページでセリフ体フォントと画像の透かしを使用していました
JapanBoundウェブサイトの再構築された情報設計により、少ないクリック数でより多くの情報にアクセスできるようになりました

画像をクリックすると拡大表示されます。(左)元のホームページ。(中央)元のデザイン言語。(右)ウェブサイトの情報設計の再構築。

ソリューション

認知負荷を軽減するため、ナビゲーションと情報設計を明確化

学生や保護者の多くが初めてこのプログラムに触れる状況だったため、Webサイトには、短時間で全体像を把握でき、自信を持って情報を探索できることが求められました。従来の情報設計では、ユーザーが複数ページに分散したプログラム情報を自分でつなぎ合わせる必要があり、認知負荷が高く、初期調査段階で必要な情報を見つけにくい状態でした。

この課題に対し、リデザインではナビゲーションの明確化と、組織内部の構成ではなくユーザーの目的を軸にした情報設計の再構築に注力しました。プログラム詳細、組織の背景、過去の体験を明確に分離してラベリングすることで、ユーザーは情報の所在を予測しやすくなり、より安心してサイト内を移動できるようになりました。

信頼性と安心感を高めるデザインシステムの構築

海外渡航と未成年者を伴う重要な意思決定では、視覚的一貫性と本物らしさが信頼形成において重要な役割を果たします。従来のWebサイトは、古いスタイルやストック画像に依存していたため、ユーザーがプログラムの信頼性を判断しにくく、学生の体験を具体的にイメージしづらい状況でした。

リデザインでは、分かりやすいビジュアルパターン、一貫したタイポグラフィ、再利用可能なコンポーネントを全ページにわたって備えた、統一感のあるデザインシステムを導入しました。過去のプログラムで撮影した実写写真をストック画像に置き換えることで、体験のリアリティを高め、学生の実際のストーリーに根ざした表現へと刷新し、組織の信頼性をより強く伝えました。

JapanBoundのリデザインは、企業のメインサイトと日本の伝統的な模様から着想を得ています
リニューアルしたウェブサイトにCMSを導入することで、情報の一貫性を保ちながら、更新作業を容易にできます
JapanBoundのリデザインでは、円形のビジュアル要素と一貫したカラー設計を取り入れ、ブランドイメージの強化を図っています。
リニューアルしたウェブサイトにCMSを導入することで、情報の一貫性を保ちながら、更新作業を容易にできます
JapanBoundのリデザインは、企業のメインサイトと日本の伝統的な模様から着想を得ています
JapanBoundのリデザインでは、円形のビジュアル要素と一貫したカラー設計を取り入れ、ブランドイメージの強化を図っています。
リニューアルしたウェブサイトにCMSを導入することで、情報の一貫性を保ちながら、更新作業を容易にできます
リニューアルしたウェブサイトにCMSを導入することで、情報の一貫性を保ちながら、更新作業を容易にできます

画像をクリックすると拡大表示されます。(左上)新しいデザインシステムの着想源。(右上)新しいデザインシステムの実運用例。(左下)過去のプログラムのコンテンツレイアウト。(右下)今後のプログラムのコンテンツレイアウト。

結果

特定のページに到達するまでのステップ数は概ね変わらない一方で、より明確なラベリング、論理的なグルーピング、そして一貫したページ構造により、サイト全体でコンテンツの見つけやすさが向上し、目的のページへ進む際の迷いやすさが軽減されました。

再設計したシステムは、よりプロフェッショナルで信頼感のあるビジュアル表現を実現するとともに、整合性を損なうことなく今後のプログラムに向けた拡張可能な更新を可能にしました。

Create a free website with Framer, the website builder loved by startups, designers and agencies.