「ジャパンラグビーリーグワン」開幕に向けて、コアファンも楽しめる特設サイトをスピーディに制作！J SPORTS 公式サイトデザイン制作株式会社ジェイ・スポーツ様のクラウドを活用した導入事例

https://www.jsports.co.jp/rugby/league-one/

掲載日：2023年3月7日

J SPORTS 公式サイトデザイン制作

Before

「ジャパンラグビーリーグワン」を J SPORTS にて放送開始するにあたり、コアファンも含めて幅広い層が楽しめる特設サイトを制作する必要があった。
ページ数が膨大になるため、社内の運用チームで効率的にページの追加・更新ができるテンプレートデザインを必要としていた。
Opta データ配信サービスと連携した試合結果のリアルタイム更新を導入したかった。

After

J SPORTS サイト全体のトンマナを踏まえた上で、ラグビーの力強さ、ダイナミックさを表現した特別感のある特設サイトデザインを制作。
お客様の運用チームでページ追加・更新ができるテンプレートデザインを提供し、コスト最適化を実現。
Opta のモジュールを組み込み、試合結果のリアルタイム更新を実現。

株式会社ジェイ・スポーツ様（以下、ジェイ・スポーツ様）は、国内外の様々なスポーツをお届けするスポーツテレビ局 J SPORTS を運営されています。同社は2022年1月に開幕した「ジャパンラグビーリーグワン」を J SPORTS にて放送するにあたり、開幕を盛り上げる特設サイトの制作を企画され、アイレットがフォーマットとなるサイトデザイン制作を担当させていただきました。

ラグビー開幕を盛り上げる特別感のある特設サイトを、コスト最適化と効率化を考慮しながら新規制作したい

ジェイ・スポーツ様はスポーツテレビ局 J SPORTS を運営されており、野球やラグビー、モータースポーツ、サイクルロードレースなど豊富なジャンルのスポーツ中継を配信するチャンネルとして根強い人気を誇ります。

2022年1月、「ジャパンラグビーリーグワン」開幕にあたり、J SPORTS にて放送することが決まりました。そこで、開幕前および開幕後にコアなファン層からライト層まで幅広いユーザーが楽しめる特設サイトの制作をアイレットのデザイン事業部にご相談いただきました。なお、2018年に J SPORTS 公式サイトをリニューアルした際も、アイレットのデザイン事業部でサイトデザイン制作を担当させていただきました。

お客様からのオーダーは大きく3つありました。はじめに、リーグワン開幕を盛り上げる特設サイトとして、通常の番組ページと差別化したデザインフォーマットを作成すること。続いて、ページ数が数百ページ規模になるため、コスト最適化と効率化を目的として、J SPORTS の運用チームでページ追加・更新できるようにテンプレートを作成すること。そして最後に、試合結果をリアルタイムに更新・提供するためにスポーツデータ「Opta」を導入すること。これらの条件を満たす最適なサイト制作を提案・実行することが当プロジェクトの重要なポイントになりました。

スピーディな制作進行を心がけながら、特別感のあるトンマナや SEO 対策にも注力。リーグワン公式サイトに次ぐ検索順位を記録

アイレットが担当させていただいたのは、SP/PC サイト全体の共通デザインやトンマナ制作、各種ページのテンプレートデザイン制作、開幕前のティザー制作と、開幕後の試合結果ページなどの追加。そして、試合結果をリアルタイムで更新できる Opta のモジュール導入です。

今回は、開幕に向けてスピーディーな制作が求められることに加えて、お客様自身で下層ページの追加やデータ入力が必要になるため、先にテンプレートページを制作するなど、お客様のご要望をヒアリングした上で、お客様にとって効率的で作りやすい制作スケジュール進行を提案・管理させていただきました。

サイト全体の共通デザイン制作に関しては、J SPORTS サイトのトンマナを踏まえた上で、特別感を出すためにラグビーらしい力強さやダイナミックなデザインを取り入れることで、通常の番組ページとの差別化を図りました。また、ファーストビューは J SPORTS の強みである「全試合配信」を強く訴求するデザインに。そして、テンプレートは汎用性の高さを優先し、例えば選手紹介ページでは海外選手名の文字数が多くなるケースも考慮して余白を持たせたデザインにするなど、ページ追加時の効率性や整合性を意識しながらテンプレートを作成いたしました。

さらに、SEO 対策も意識し、正しい HTML の構造を遵守したり適切なキーワードを自然に盛り込むなど、教科書的な基本をしっかりと押さえながら制作することで、高い SEO 評価を得られるサイトづくりを心がけました。

試合結果のリアルタイム更新については、Opta のモジュールを組み込むことはもちろん、J SPORTS サイトのトンマナに合わせて違和感のない見た目になるよう、一部 CSS を活用してデザイン調整を行なっています。

こうした取り組みを経て、無事にリーグワン開幕に合わせて特設サイトを公開し、公開後の試合結果ページのリアルタイム更新も実現。結果として、Google 検索結果でリーグワン公式サイトに次ぐ検索順位で表示されるほど評価の高い特設サイトとなりました。

なお、2シーズン目の改修も引き続きご相談いただき、2シーズン版の特設サイト作成とフォーマットのブラッシュアップを実施しております。

今後もアイレットは、デザインの可能性を追求し、お客様のニーズや課題に寄り添い解決に導くとともに、エンドユーザーにとって価値ある体験を創出してまいります。

案件名	「ジャパンラグビーリーグワン」開幕に向けて、コアファンも楽しめる特設サイトをスピーディに制作！J SPORTS 公式サイトデザイン制作
クライアント	株式会社ジェイ・スポーツ様