プロジェクト概要

北海道札幌市を拠点に活動する男子プロバレーボールチーム「北海道イエロースターズ（イエスタ）」の公式Webサイトを全面リニューアル。チームのブランドビジョン「We are Stars」を体現すべく、ファンとの共感を深めるデザインと使いやすい構成を追求しました。

背景・課題

リニューアル前のWebサイトでは、以下のような課題がありました。

• イベント情報や試合情報など様々な情報が散在し、ファンが知りたい情報にたどり着きにくい状態でした。
• PC・スマホを問わず、操作性や可読性、ユーザー体験などUI/UXの最適化が必要でした。

解決アプローチ

情報設計と導線の再構築

ファンとチームをつなぐ情報の“地図”を再設計

ファンが求める情報に迷わずたどり着けるよう、Webサイト全体の情報設計をゼロから見直しました。試合日程や選手紹介はもちろん、イベント情報やよくある質問なども整理し、誰にとっても見やすく、わかりやすい構成へと改善しています。

モバイルファーストのレスポンシブデザイン

スマホでも“イエスタらしさ”が伝わるデザインへ

今日では当たり前のことですが、アクセスの多くを占めるスマートフォンユーザーにも快適な体験を提供するため、モバイルファーストの考え方で設計を実施。コンパクトな画面でもチームのエネルギーや世界観がしっかり伝わるよう、ビジュアルとUIの最適化を行いました。

CMS導入による柔軟な運用体制の構築

“つくって終わり”にしない、日々育てるWebサイトへ

管理が楽になるよう、保守性を考慮したCMSを導入。試合結果やイベント情報はもちろん、ランキングや選手情報の更新などをリアルタイムで発信できるよう整え、現場のスタッフが無理なくサイトを活用できる仕組みを構築しました。

解析ツールによる継続的改善体制

感覚ではなく、データに基づく判断ができる環境を整備

サイト運用の改善サイクルをまわせるよう、Google Analytics等の解析ツールを導入。ユーザー行動の可視化により、訪問者がどの情報に関心を持っているかを把握し、今後のコンテンツ展開や導線の調整に役立てられる体制を築きました。
 

ビジュアルデザインの再構築

「強さ」と「親しみ」が共存する、チームの世界観を表現

旧サイトでは弱かった、北海道イエロースターズの持つ力強さや、地域密着型チームとしての親しみやすさを、全体のビジュアルに落とし込みました。鮮やかなイエローを基調としたカラーリングや、選手写真の扱い方、タイポグラフィのメリハリなどを通じて、「応援したくなる」空気感をWeb上でも体現しています。ファンが思わずサイト全体を回遊したくなるよう、Webデザイントレンドをふんだんに使った、遊び心のあるサイトに仕上げてあります。

デザイン ： 小林