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 を尊敬しています

本田圭佑氏が考案した、子どもの自主性・創造性を軸にしたサッカーカルチャー

7,500+
参加選手数
(2024シーズン)
5,000
全国の試合数
32
全国大会出場
チーム数
au
KDDI ゴールド
スポンサー

哲学(ルールから読み取れる)

  • 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
STEP 1
👤
選手登録
STEP 2
チーム作成
⚠ U-10/12注意
STEP 3
🏆
エントリー

#04 フッター 4カラム化

  • ブランド / サービス / 関連サイト / 運営に分離
  • ブランドブロックで CTA 再喚起
  • 「困った時の最後の救命ロープ」機能を回復
4v4
無料で選手登録
サービス
関連サイト
運営
08

05一覧のヒーローに「価値」を集約

BEFORE
  • 「大会をさがす」見出しのみ
  • 本当にイベントがあるのか判断不能
AFTER
● 今週末 受付中 12 件
全国のジュニア大会を
いちばん見やすく。
128
開催予定
47
エリア
3,420
チーム
  • ライブな受付件数で「アクティブで信頼できる」を瞬時に
  • 検索バーも同居、スクロール無しで探索開始
09

06検索・絞り込みを 3軸 + チップ で

BEFORE
  • 絞り込み = 「All」タブ + 日付前後送り矢印のみ
  • エリア / カテゴリ / 大会名 / 状態 → 全部絞れない
AFTER
🔍 大会名・会場で検索 📍 全国 📅 今週末 検索
U-8 U-10 U-12 🏆 公式戦 ⚽ フェス 締切間近 初心者OK
💡 狙い: 「子の年齢 / 行ける範囲 / 直近の予定」の 3軸意思決定を瞬時に絞り込める。地域支部展開(@4v4sapporoYUK 等)との相性も◎
10

07一覧をカードグリッドで並列比較可能に

BEFORE
  • 取材時は「イベントはありません」のテキスト1行のみ
AFTER
JUN
07
U-10
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 白岡
📅 5/16
17:30〜
📍 会場
LIVRO
💰 参加費
¥550/人
💡 狙い: 判断時間を 半分以下に。
13

10参加状況 + 11注意事項

#10 残り枠 + 試合形式

1 /4チーム あと 3 枠
4対4
⏱️
10分
20秒SC
📐
32×20m
プログレスバーで緊急性 / カードで「いつもと違うルール」予告

#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)
1.5〜2x
最終 CV 数
ファネル全体改善
参加選手 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 を
日本のジュニアサッカーの
プラットフォームにしたい。

🌐 モックを見る 📊 Before/After 解説 📝 Issue #1(詳細)
大谷 剛弘 / 株式会社SYN JAPAN
take.otani@syn-gr.com / X: @otani_ai_memo
ご清聴ありがとうございました。 / で戻る・進む / ESC でオーバービュー
19