03Academy Site & Data Visualization
baseball academy CLOVER
野球アカデミー｜Webサイト＋AIチャット＋レポート表示例
集客・採用の導線
デザイン・伝わり方
結果
計測データを使う指導の中身を、AIチャットと分析レポートの見本で、体験に来る前に確かめられるようになりました。
どう組んだかは、ご相談の際にお話しします。
気づきのポイント
-
データを使う指導は、配色と図で一目で伝えられる
投手のシルエットと投球の軌道を大きく置き、計測を使った指導だと見た瞬間に分かるようにしています。
-
目的別の入口があれば、迷わず選べる
投球指導・トレーニング・クラブを、それぞれの目的から選べる入口に分けています。
-
相談は、ふだん使っているSNSにつなげられる
相談はInstagramのDMへ進む導線にし、送る前に内容を整える文面作成画面も用意しています。
ねらい
黒をベースにグリーンとパープルを効かせ、投手のシルエットと投球の軌道を大きく置いた野球アカデミーのサイトです。投球指導・トレーニング・クラブをそれぞれの入口から選べるようにし、計測を使った指導の考え方と相談への流れを一続きに設計しました。レポートは実在選手の分析ではなく、表示例として画面構成と確認項目を伝えています。
取り組んだこと
- 黒・グリーン・パープルの配色と、投手のシルエット・軌道で、データを使う投球指導を表現
- 投球指導・トレーニング・クラブを、それぞれの目的から選べる導線に整理
- Instagram DMへ進む相談導線と、送信前に内容を整える文面作成画面を用意
- 公開チャットとレポート表示例を分け、投球に関する一般的な見方を案内