所属するチームカラーに合わせてデザインを一新。ユーザービリティを重視したオフィシャルサイト

レーシングドライバーとして国内外で活躍されている千代勝正様のオフィシャルサイトをリニューアルいたしました。今回のリニューアルでは、サイト全体のデザインの一新を目的に制作いたしました。以前からa-blog cmsで運用されていたサイトのデザインを一新し、よりファンや関係者に情報が伝わりやすいサイトを制作いたしました。

案件概要

サイト名 千代勝正オフィシャルサイト
URL https://chiyo-katsumasa.com/
クライアント 千代 勝正
業種 スポーツ
仕様 CMS実装、アクセス解析、スマホ対応、SNSとの連携
リリース 2023/6
期間 3ヵ月

提案内容

チームカラーとモータースポーツのイメージを活かしたスタイリッシュなデザイン

デザインをリニューアルさせるという要件から、カーデザインに沿ってオフィシャルサイトも赤黒を基調とした配色を考えました。モータースポーツのイメージを強調させるために、傾斜デザインと背景に煙のエフェクトを取り入れて、流動的なデザインを実現しました。また、レースシーンの写真を各所に大きく掲載することでモータースポーツのスピーディーな雰囲気も伝えられるよう意識しました。デザインのトレンドに合わせて赤と黒のグラデーションを用いてスタイリッシュなデザインを目指して作成させていただきました。



ユーザビリティを意識したアクセスしやすいサイト設計


オフィシャルサイトを扱うということもあり、サイト内には過去のレース記録やプロフィール、戦績などのコンテンツが充実しており、昔からの情報がしっかり残されていました。主なユーザー層も千代選手のファンやメディア関係者であることは理解していたため、各ユーザーが求める情報に容易にアクセスできるようなインターフェースの設計を意識しました。

過去のレースキャリアを瞬時にキャッチ

RACEページには、最新のレース結果から過去の記録まですべてが掲載されています。いつどのレースに参加し、どのようなランキングだったかを簡単に確認できるように設計されています。たとえば、最近千代選手のファンになった方々にとっては、このページを通じて彼のこれまでのレースキャリアを知ることができます。このようなニーズを踏まえ、詳細ページに遷移しなくても主要な結果は簡単に把握できるよう、シンプルなレイアウトにしています。


RACE

CAREER


年ごとのカテゴリ分けを可能し、振り返りやすい設計に


千代選手のオフィシャルサイトには、撮影された写真やレース関連の動画コンテンツが豊富に収録されています。PHOTOページでは、写真を惜しみなく一挙に公開しており、モータースポーツの雰囲気や千代選手のレース中の姿を感じられるようなレイアウトになっています。また、PHOTOページやVIDEOページでは、年ごとにカテゴリ分けが可能であり、過去のレースを振り返りたいユーザーのニーズに応える設計となっています。


PHOTO

VIDEO


カレンダー機能で特定日付のレポートに容易にアクセスすることが可能に


REPORTページでは各レースごとに詳細なレポートを公開しており、レースごとにレポートの数も増えていきます。ユーザーが特定のレポートを簡単に見つけられるように、カレンダー機能を導入しました。このカレンダーを使えば、特定の日付のレースレポートを簡単に探すことができつため、ファンや関係者にとっては使いやすい設計となっています。


REPORT

CALENDAR


SNSとWebサイトを連携させて認知度の拡大を目指します


千代選手本人やその公式チームは、SNSを頻繁に更新しており、これがリアルタイムの活動を追うための有力な情報源となっています。特にInstagramの投稿は、Webサイト上でも確認可能になっており、これにより千代選手の活動をさらに広く発信することが可能になりました。SNSとWebサイトを連携させることで、認知度の拡大を目指すサイト設計を意識しています。


SNS

最後に

アップルップルではCMSの開発元ならではの多機能のWebサイトの制作が強みです。Webサイトの管理方法にお困りの方、多言語展開や独自のシステムを取り入れたWebサイトをお考えの方は、ぜひご相談ください。


お客様の声

レーシングドライバー

千代 勝正 様

デザインが変わり、かっこよく、また情報も伝わりやすくなりました。

サイト全体の雰囲気が大きく変わって、モータースポーツのカッコいいイメージを活かしたデザインにしてもらえて、とても気に入っています。また、ホームページを見れば僕の今までの全てのレースキャリアが一覧で見えるようになっているのでファンやメディアの方から見やすいと喜んでもらえるようになったことが嬉しいです。

もっとみる

Webにまつわる お困りごとをご相談ください。

こんなお手伝いができます

Webコンサルタントとしてのお手伝い/UIデザインのご相談/デジタルメディアの総合プロデュース/パンフレット・DMなどのDTP、ロゴ制作などのビジュアルデザイン