Sport Tech Club - Mapeamento de Jornadas de Usuário

Visão Geral: Award-Winning UX

Para uma experiência digna de premiação, cada perfil precisa:

1. Landing Page Personalizada - Primeira impressão relevante
2. Quick Actions - Ações mais comuns em destaque
3. Métricas Relevantes - KPIs específicos do perfil
4. Tour Guiado - Onboarding contextual

---

PERFIS DE EQUIPE (Staff)

1. SUPER ADMIN (Administrador do Sistema)

Persona: Responsável técnico pela plataforma multi-tenant

Aspecto	Estado Atual	Estado Ideal
Landing Page	/dashboard (genérico)	/admin/overview (painel administrativo)
Quick Actions	Nenhum	Criar Tenant, Ver Logs, Health Check
Métricas	KPIs de arena	Tenants ativos, Uptime, Erros, Usage

Jornada Ideal:

Login → Admin Overview →
├── Health Dashboard (status dos serviços)
├── Tenants Management (CRUD tenants)
├── Users Management (todos os usuários)
├── System Logs (auditoria)
└── Feature Flags (configurações)

Views Necessárias:

• [ ] AdminOverviewView.vue - Dashboard administrativo
• [ ] TenantsView.vue - Gestão de tenants
• [ ] SystemLogsView.vue - Logs e auditoria
• [x] SettingsView.vue - Já existe (ajustar)

---

2. ARENA OWNER (Proprietário)

Persona: Dono do negócio, foco em resultados financeiros

Aspecto	Estado Atual	Estado Ideal
Landing Page	/dashboard (operacional)	/owner/dashboard (executivo)
Quick Actions	Nenhum	Ver Faturamento, Relatórios, Metas
Métricas	Ocupação quadras	Receita, Lucro, ROI, Comparativos

Jornada Ideal:

Login → Owner Dashboard →
├── Revenue Overview (faturamento diário/mensal)
├── Financial Reports (DRE, fluxo de caixa)
├── Arena Performance (comparativo de arenas)
├── Staff Performance (produtividade equipe)
└── Growth Metrics (crescimento, churn)

Views Necessárias:

• [ ] OwnerDashboardView.vue - Dashboard executivo
• [ ] ReportsView.vue - Relatórios financeiros
• [x] DashboardView.vue - Já existe (personalizar)

---

3. ARENA MANAGER (Gerente)

Persona: Responsável pela operação diária

Aspecto	Estado Atual	Estado Ideal
Landing Page	/dashboard	/manager/operations (foco operação)
Quick Actions	Nenhum	Status Quadras, Reservas Hoje, Alertas
Métricas	Genérico	Ocupação, Fila atual, Reservas pendentes

Jornada Ideal:

Login → Operations Dashboard →
├── Live Courts Status (mapa de quadras em tempo real)
├── Today's Schedule (agenda do dia)
├── Queue Management (controle de filas)
├── Staff on Duty (quem está trabalhando)
├── Pending Actions (aprovar/confirmar reservas)
└── Inventory Alerts (estoque baixo)

Views Necessárias:

• [ ] OperationsDashboardView.vue - Painel operacional
• [x] LiveArenaView.vue - Já existe (integrar)
• [x] QueueView.vue - Já existe (integrar)
• [x] DashboardView.vue - Já existe (personalizar)

---

4. INSTRUCTOR (Professor)

Persona: Professor de aulas, foco em alunos e agenda

Aspecto	Estado Atual	Estado Ideal
Landing Page	/classes	/instructor/today (agenda do dia)
Quick Actions	Nenhum	Próxima Aula, Fazer Chamada, Ver Alunos
Métricas	Nenhum	Aulas hoje, Alunos, Presença média

Jornada Ideal:

Login → Instructor Today →
├── Today's Classes (cronograma com timer)
├── Current Class (aula atual com chamada)
├── My Students (lista de alunos por turma)
├── Class Materials (materiais e exercícios)
├── Student Progress (evolução dos alunos)
└── My Schedule (agenda semanal/mensal)

Views Necessárias:

• [ ] InstructorTodayView.vue - Agenda do dia do professor
• [ ] AttendanceView.vue - Chamada de aula
• [x] ClassesView.vue - Já existe (expandir)

---

5. RECEPTIONIST (Recepcionista)

Persona: Atendimento ao cliente, check-in, pagamentos

Aspecto	Estado Atual	Estado Ideal
Landing Page	/dashboard	/reception (terminal de atendimento)
Quick Actions	Nenhum	Check-in Rápido, Nova Reserva, Cobrar
Métricas	Nenhum	Na arena agora, Próximos check-ins

Jornada Ideal:

Login → Reception Terminal →
├── Quick Check-in (busca por nome/RFID)
├── Current Guests (quem está na arena)
├── Upcoming Arrivals (próximas reservas)
├── Queue Status (filas ganha-fica)
├── POS / Payments (cobranças)
└── Daily Summary (resumo do turno)

Views Necessárias:

• [ ] ReceptionView.vue - Terminal de recepção
• [x] CheckInView.vue - Já existe (integrar)
• [x] POSView.vue - Já existe (integrar)
• [x] QueueView.vue - Já existe (integrar)

---

PERFIS DE JOGADORES (Players)

6. PLAYER PRO (Jogador Competitivo)

Persona: Jogador experiente, foco em ranking e competição

Aspecto	Estado Atual	Estado Ideal
Landing Page	/matches	/player/compete (modo competitivo)
Quick Actions	Nenhum	Desafiar, Ver Ranking, Próxima Partida
Métricas	Básico	ELO, Posição Ranking, Win Rate, Sequência

Jornada Ideal:

Login → Compete Hub →
├── My Stats Banner (ELO, ranking, streak)
├── Active Challenges (desafios pendentes)
├── Upcoming Matches (agenda de partidas)
├── Leaderboard Position (ranking com vizinhos)
├── Find Opponents (matchmaking)
└── Tournament Calendar (torneios disponíveis)

Views Necessárias:

• [ ] CompeteHubView.vue - Hub competitivo
• [ ] ChallengesView.vue - Gestão de desafios
• [x] RankingView.vue - Já existe (expandir)
• [x] MatchesView.vue - Já existe (integrar)
• [x] EventsView.vue - Já existe (torneios)

---

7. PLAYER REGULAR (Jogador Casual)

Persona: Joga regularmente, social, busca parceiros

Aspecto	Estado Atual	Estado Ideal
Landing Page	/matches	/player/play (encontrar jogo)
Quick Actions	Nenhum	Reservar Quadra, Entrar na Fila, Ver Amigos
Métricas	Básico	Jogos este mês, Próxima reserva

Jornada Ideal:

Login → Play Hub →
├── Next Game (próxima reserva ou fila)
├── Quick Book (reserva rápida em quadra favorita)
├── Active Queues (filas que posso entrar)
├── Friends Playing Now (amigos online)
├── Available Partners (buscar parceiros)
└── My History (histórico recente)

Views Necessárias:

• [ ] PlayHubView.vue - Hub para jogar
• [x] ArenasView.vue - Já existe (reservas)
• [x] QueueView.vue - Já existe
• [x] FeedView.vue - Já existe (social)

---

8. PLAYER BEGINNER (Iniciante)

Persona: Novo no esporte/plataforma, precisa de orientação

Aspecto	Estado Atual	Estado Ideal
Landing Page	/dashboard	/player/start (jornada de início)
Quick Actions	Nenhum	Tutorial, Agendar Aula, Dicas
Métricas	Nenhum	XP, Nível, Progresso no tutorial

Jornada Ideal:

Login → Getting Started →
├── Welcome Tutorial (tour interativo)
├── First Steps Checklist (gamificado)
├── Beginner Classes (aulas para iniciantes)
├── Equipment Guide (guia de equipamentos)
├── Community Welcome (apresentação comunidade)
└── First Booking (reservar primeira quadra)

Views Necessárias:

• [ ] GettingStartedView.vue - Onboarding do iniciante
• [x] OnboardingView.vue - Já existe (expandir)
• [x] ClassesView.vue - Já existe (filtrar iniciante)

---

9. PLAYER VIP (Mensalista)

Persona: Cliente premium, tem créditos mensais

Aspecto	Estado Atual	Estado Ideal
Landing Page	/wallet	/player/vip (painel VIP)
Quick Actions	Nenhum	Usar Créditos, Renovar, Benefícios
Métricas	Saldo	Créditos restantes, Economia, Status

Jornada Ideal:

Login → VIP Lounge →
├── Credits Balance (créditos do mês)
├── Usage This Month (quanto já usou)
├── Exclusive Benefits (benefícios VIP)
├── Priority Booking (reserva prioritária)
├── Expiring Credits (créditos a vencer)
└── Plan Management (upgrade/renovação)

Views Necessárias:

• [ ] VIPLoungeView.vue - Área VIP exclusiva
• [x] WalletView.vue - Já existe (integrar)
• [x] PaymentsView.vue - Já existe (histórico)

---

RESUMO: ROTAS IDEAIS POR PERFIL

Perfil	Rota Atual	Rota Ideal	View Necessária
SUPER_ADMIN	/dashboard	/admin	AdminOverviewView
ARENA_OWNER	/dashboard	/owner	OwnerDashboardView
ARENA_MANAGER	/dashboard	/operations	OperationsDashboardView
INSTRUCTOR	/classes	/instructor	InstructorTodayView
RECEPTIONIST	/dashboard	/reception	ReceptionView
PLAYER_PRO	/matches	/compete	CompeteHubView
PLAYER_REGULAR	/matches	/play	PlayHubView
PLAYER_BEGINNER	/dashboard	/start	GettingStartedView
PLAYER_VIP	/wallet	/vip	VIPLoungeView

---

COMPONENTES COMPARTILHADOS NECESSÁRIOS

Quick Actions Bar

<QuickActions :actions="roleBasedActions" />

Stats Cards (Role-based)

<StatsCard
  :metrics="roleMetrics"
  :period="selectedPeriod"
/>

Welcome Banner (Personalizado)

<WelcomeBanner
  :user="currentUser"
  :role="userRole"
  :greeting="timeBasedGreeting"
/>

Onboarding Checklist

<OnboardingChecklist
  :steps="roleSteps"
  :completed="userProgress"
/>

---

PRIORIZAÇÃO PARA MVP

Alta Prioridade (Impacto imediato no demo)

1. CompeteHubView - Jogador Pro é o showcase principal
2. PlayHubView - Jogador Regular é o mais comum
3. ReceptionView - Terminal de atendimento impressiona

Média Prioridade

4. OperationsDashboardView - Diferencial para gestores
5. VIPLoungeView - Monetização clara

Pode usar Views existentes (ajustar redirects)

6. InstructorTodayView - /classes já atende bem
7. OwnerDashboardView - /dashboard com filtros
8. GettingStartedView - /onboarding já existe

---

IMPLEMENTAÇÃO QUICK-WIN

Opção 1: Criar Views Dedicadas (Recomendado)

Criar 3-4 novas views específicas para os perfis mais importantes.

Opção 2: Dashboard Dinâmico (Mais rápido)

Modificar DashboardView.vue para:

1. Detectar role do usuário
2. Renderizar seções diferentes por role
3. Mostrar quick actions específicas
4. Métricas personalizadas

Opção 3: Híbrido

• Criar CompeteHubView e PlayHubView (jogadores)
• Criar ReceptionView (staff)
• Ajustar DashboardView para Owner/Manager/Admin

---

PRÓXIMOS PASSOS

1. [ ] Definir qual opção de implementação seguir
2. [ ] Criar wireframes das novas views
3. [ ] Implementar views prioritárias
4. [ ] Atualizar redirects em DemoLoginView.vue
5. [ ] Adicionar quick actions por perfil
6. [ ] Implementar métricas específicas
7. [ ] Criar tour guiado por perfil