RENEWAL PROPOSAL · 2026/5/17
4v4 リニューアル提案
player.4v4.jp の ログイン前 全要素 を網羅した、
12 の課題と改善提案
大谷 剛弘
株式会社SYN JAPAN 代表取締役 / take.otani@syn-gr.com
01
自己紹介
大谷 剛弘 (おおたに たけひろ)
- 株式会社SYN JAPAN 代表取締役(2022/9〜)
- 受託開発 + 自社サービス「Thrive&Jobs」運営
- ベトナム現地法人 50名体制でオフショア × AI開発を推進
- Issue駆動開発 × 複数エージェント運用の提唱者([Qiita記事](https://qiita.com/otani_ai_memo/items/be1fc389d203235493e5))
キャリアハイライト
- dTV (NTTドコモ) リーダー / 20名規模統括
国内SVOD初 500万会員突破(2016年)
- 成田空港 第一・第二ターミナル サイネージ全工程
- Amazon Connect 採用初期の士業CRM 構築
- 炎上案件で1ヶ月分の作業を1日で完了(AI活用)
「経営者として 0→1 立ち上げ × AI開発 × 大規模配信プロダクト経験」
この3つを 4v4 のプラットフォーム拡大に活かしたい。
02
まず、4v4 を尊敬しています
本田圭佑氏が考案した、子どもの自主性・創造性を軸にしたサッカーカルチャー
哲学(ルールから読み取れる)
- 10分1本勝負 / 交代自由 / 20秒ショットクロック
- GK もフィールドプレイヤーとして攻撃参加
- ベンチに監督・コーチを置かない
- 戦術・交代は子ども自身が決める
広がり
- ABEMA 全国生中継 / レジェンド対戦エキシビション
- @4v4official / @4v4sapporoYUK(2025〜地域展開)
- 地域支部 → 全国大会のジャーニー
03
今回の調査範囲
ログイン前にユーザー(特に保護者)が見る、すべての画面を網羅。
トップ
player.4v4.jp/
大会一覧
player.4v4.jp/events
大会詳細
player.4v4.jp/events/:id
✅ ヘッダー / ドロワー / フッター
✅ 全関連リンク7項目
✅ イベント詳細の全要素
✅ 過去レビュー / 問い合わせ動線
04
見つけた課題: 12 項目
トップ / 一覧 / 詳細 を 3軸で整理。下に行くほど CV に直結。
トップ / 共通
- #01 ヘッダー優先度フラット
- #02 ドロワー階層なし
- #03 3STEP 進行感弱い
- #04 フッター整理不足
大会一覧
- #05 ヒーロー価値伝達ゼロ
- #06 検索・絞り込み無し
- #07 一覧テキスト主体
- #08 空状態が事実通知のみ
大会詳細
- #09 ファーストビュー散乱
- #10 試合形式テキスト羅列
- #11 注意事項埋もれ
- #12 エントリーCTA固定なし
💡 Honda 氏の哲学との整合: 「自主性 / アクセシビリティ / 思考の高速化」をUX側で実装するのが、今回の提案の核です。
05
01ヘッダーの優先度を整理
BEFORE
- 新規登録 CTA が他リンクと同等の重み
- サービスの性質が一行で伝わらない
AFTER
- 新規登録 CTA を緑塗りで最上位優先
- サブタイトル「ジュニアサッカー大会プラットフォーム」併記
- ハンバーガー常時表示でセカンダリ動線維持
4v4 PLAYER ジュニアサッカー大会
ログイン 新規登録 ≡
💡 狙い: 初訪問の保護者が 3秒で「自分が来るべき場所か」を判断できる。
06
02ドロワーを 3グループ に整理
BEFORE
- メインと外部リンク 7項目がフラット
- サイト外遷移かどうか事前にわからない
AFTER
- メイン動線: 大会をさがす / エントリー方法 / ランキング
- 関連サイト: 4v4オフィシャル↗ / STORE↗ / オーガナイザー申請↗
- サポート: ヘルプ↗ / 利用規約 / プライバシー / 運営会社↗
- 外部リンクには ↗ アイコン明示
💡 狙い: 目的のリンクが見つかるまでの時間を 30〜50% 短縮。
07
033STEP ガイド + 04フッター
#03 3STEP の視覚化
- STEP バッジ + 絵文字で進行感を視覚化
- U-10 / U-12 制約注記を赤字 + ⚠ で目立たせる
- 各STEPに次アクションCTA
#04 フッター 4カラム化
- ブランド / サービス / 関連サイト / 運営に分離
- ブランドブロックで CTA 再喚起
- 「困った時の最後の救命ロープ」機能を回復
08
05一覧のヒーローに「価値」を集約
BEFORE
- 「大会をさがす」見出しのみ
- 本当にイベントがあるのか判断不能
AFTER
● 今週末 受付中 12 件
全国のジュニア大会を
いちばん見やすく。
- ライブな受付件数で「アクティブで信頼できる」を瞬時に
- 検索バーも同居、スクロール無しで探索開始
09
06検索・絞り込みを 3軸 + チップ で
BEFORE
- 絞り込み = 「All」タブ + 日付前後送り矢印のみ
- エリア / カテゴリ / 大会名 / 状態 → 全部絞れない
AFTER
🔍 大会名・会場で検索
📍 全国
📅 今週末
検索
U-8
U-10
U-12
🏆 公式戦
⚽ フェス
締切間近
初心者OK
💡 狙い: 「子の年齢 / 行ける範囲 / 直近の予定」の 3軸意思決定を瞬時に絞り込める。地域支部展開(@4v4sapporoYUK 等)との相性も◎
10
07一覧をカードグリッドで並列比較可能に
BEFORE
- 取材時は「イベントはありません」のテキスト1行のみ
AFTER
SYNGR Junior League
📍 三鷹
24/32→
締切2日
江東区フェスタ
📍 有明SC
16/24→
- 日付ブロック + バッジ + 参加比率 を1枚で
- 「締切間近」「満員」のカラーで一目判別
11
08空状態を「再訪のきっかけ」に変換
BEFORE
😶
「イベントはありません」
通知申込みボタンも関連動線もない
AFTER
📬
条件に合う大会がない時は?
エリア・カテゴリを保存しておけば、新着があった瞬間に通知
通知を受け取る
💡 離脱を「条件保存 → 再訪」のリピート行動に変換(Airbnb / メルカリ で実証済みパターン)。
想定効果: 空状態からの即離脱を -40%
12
09詳細ページのファーストビュー集約
BEFORE
- カテゴリ / 状態 / 残枠 / 締切が散らばる
- パンくずなし
AFTER
大会をさがす › U-10 › 埼玉 › 1stRound 白岡
U-10
公式戦
受付中
⏰ 締切4日
1stRound IN 白岡
💡 狙い: 判断時間を 半分以下に。
13
10参加状況 + 11注意事項
#10 残り枠 + 試合形式
プログレスバーで緊急性 / カードで「いつもと違うルール」予告
#11 注意事項を琥珀アラートに
🚫 スパイク禁止(トレシュー or フットサル)
🅿️ 路上駐車禁止
🌧️ 雨天中止(当日朝メール連絡)
🦺 ビブス無料貸出
🎁 無料トレマあり
本文と同じ色だと「スパイク禁止」見落としでトラブル → アラートUIに格上げ
14
12エントリーCTA を sticky に
BEFORE
- ページ末尾に1ヶ所のみ、固定なし
- レビューを読んでいるうちに「エントリーはどこ?」と戻る必要
AFTER
エントリー
¥550/人
⏰ 締切 5/14 (木)
エントリーする →
デスクトップ: 右カラム sticky
モバイル: 下部固定 sticky bar
期待効果
CV率 +15〜25%
💡 EC・SaaS で実証済みパターン。Honda 氏哲学の「20秒で意思決定」を UX 側で実装。
15
期待効果
12項目を実装した場合の、主要KPIへの想定影響
+35%
詳細ページへの遷移率
カード化(#07)・サーチ(#06)
+22%
エントリー完了率
sticky CTA(#12)・締切可視化(#10)
-40%
空状態からの即離脱
通知登録CTA(#08)
-30〜50%
目的リンク到達時間
ドロワー再整理(#02)
+15%
新規選手登録率
ヘッダー強化(#01)・3STEP(#03)
参加選手 7,500人 → 10,000〜15,000人 へ拡張する地盤としても機能。
@4v4sapporoYUK のような地域支部展開とも相性◎
16
実装ロードマップ(14週)
Phase 1 · 4週
Quick Win
- #01 ヘッダー再設計
- #07 イベントカード化
- #08 空状態 → 通知導線
- #12 sticky CTA
UI のみで体験大改善
Phase 2 · 6週
検索基盤
- #06 3軸サーチ + チップ
- #05 ヒーロー刷新
- #09 詳細ヒーロー再設計
「探せる」状態の確立
Phase 3 · 4週
仕上げ
- #10 参加状況 / 試合形式
- #11 注意事項アラート
- #02 ドロワー整理
- #03 3STEP視覚化
- #04 フッター4カラム
迷わない・気づける完成
想定リソース: FE 1名 × 14週 + BE 1名 × 8週 + デザイナー × 8週
投資回収: 既存トラフィック効果のみで 3〜6ヶ月で回収可能
17
本資料を作ったプロセス自体が、価値提案
「Issue 駆動開発 × AI」で 24時間以内 に調査・モック・解説・スライドを完了
使った手法
- Issue 駆動開発(Qiita で公開、X @otani_ai_memo で発信)
- AI との全対話を Issue に集約 → 設計書として活用
- Git Worktree で 最大5エージェント並列稼働
- 2026年3月発表の OpenAI Symphony と核心思想が一致
24時間で完了したアウトプット
- player.4v4.jp 全画面の構造調査
- リニューアルモック2画面(一覧+詳細)
- Before/After 視覚比較ページ(12セクション)
- GitHub リポジトリ + Issue 2件 + ロードマップ
- 本スライド資料
実績: 既存炎上案件にこの手法を導入し、従来見積もり 約1ヶ月分の作業を実働1日で完了させた経験あり。
4v4 でも同等の開発スピードで Phase 1 を加速できる想定です。
18
一緒に、4v4 を
日本のジュニアサッカーの
プラットフォームにしたい。
大谷 剛弘 / 株式会社SYN JAPAN
take.otani@syn-gr.com / X: @otani_ai_memo
ご清聴ありがとうございました。 / ← → で戻る・進む / ESC でオーバービュー
19