#Navegação
#UI/UX
#CapiTools
#Despoluição
Pergunta / Comando do Usuário:
"Esse é nosso menu: Início 📅 Lançamentos 🎯 CapiMatch CapiTempo 🧠 CapiQuiz 🏆 Top 100 Capi Vale a Pena? Buscar... K Painel Admin Sair não está poluído? (...) Agora ajuste o menu."
Anteriormente, o cabeçalho acumulava 10 itens horizontais concorrendo por espaço, o que gerava sobrecarga cognitiva e provocava quebra de layout em telas intermediárias (notebooks e tablets).
Nova Arquitetura de Informação Implementada:
- Os 4 Pilares Diretos: Início, 📅 Lançamentos, 🏆 Top 100 e Vale a Pena? (com o mascote da Capi).
- Dropdown Unificado "🎯 Interativo": Agrupa as ferramentas de gamificação e utilitários da Capi (CapiMatch, CapiTempo, CapiQuiz e Mais Acompanhadas) em um menu suspenso moderno com ícones e descrições explicativas.
- Dropdown Admin Discreto: Para usuários logados, substitui dois botões volumosos (Painel Admin + Sair) por um botão compacto com menu flutuante (Dashboard, Atualizar Banco e Sair da Conta).
- Gaveta Lateral (Mobile Drawer): Reorganizada em grupos temáticos (Navegação Principal, CapiTools & Interativo, Catálogo & Comunidade e Administração), com leitura muito mais limpa no smartphone.
🚀
Resultado: Cabeçalho leve, visualmente limpo, com 50% menos poluição horizontal e navegação fluida em qualquer resolução.
#Design
#MascoteCapi
#HeroCard
#IdentidadeVisual
Pergunta / Ajuste do Usuário:
"Penso diferente, penso que fique algo como 2 colunas de card: coluna 1 nossa mascote, coluna 2 as frases como está em 2 linhas."
A transição de um título tradicional solto para uma estrutura em formato de Card de 2 Colunas unifica visualmente o carisma da marca com a proposta de valor do portal.
Arquitetura da Solução Aplicada:
- Coluna 1 (Mascote Capi Pipoca): O mascote ganha um palco dedicado à esquerda, com tamanho expressivo (
clamp(78px, 9vw, 115px)), animação fluida de levitação e tooltip divertido ("Pipoca pronta! O que vamos maratonar? 🍿").
- Coluna 2 (Assinatura em 2 Linhas): Mantém o peso marcante com a Linha 1 em tipografia sólida ("Antes do play,") e a Linha 2 vibrante com o gradiente característico ("pergunta pra Capi.").
- Design do Card: Envoltório com gradiente suave lavanda, borda fina elegante e leve iluminação radial, eliminando qualquer sensação de poluição visual anterior.
- Responsividade Mobile: No smartphone, as duas colunas adaptam proporcionalmente seus tamanhos sem quebrar a harmonia lateral.
✨
Resultado: A Capi agora acolhe o usuário como a anfitriã do site no exato primeiro segundo de visitação.
#SEO
#RadarIA
#GoogleSearchConsole
#CicloDeVida
Pergunta / Dúvida do Usuário:
"A página inicial não tem nada sobre novidades de séries e notícias. Quando as pessoas buscam no Google se uma série foi renovada ou quando saem os próximos episódios, como podemos capturar esse tráfego? E como a IA pode ajudar com pesquisas 1 ou 2 vezes ao dia sem ficar pesado?"
O maior volume de buscas espontâneas no Google sobre entretenimento tem formato de pergunta urgente: "Silo foi renovada?", "Quando estreia a 2ª temporada de Ruptura?" ou "The Boys foi cancelada?". Com o site cadastrado no Google Search Console e Google Analytics, posicionar o portal para essas perguntas gera um fluxo perene de novos visitantes.
Diretrizes e Decisões Alinhadas:
- Frequência Inteligente (1 a 2x ao dia): Em vez de rotinas a cada 30 minutos (que gerariam custo desnecessário e sobrecarga), o robô da IA roda de manhã (08h) e no final da tarde (18h) checando novidades no TVMaze e agências oficiais.
- Filtro Exclusivo de Séries Ativas: O monitoramento ocorre apenas em séries com status "Em Andamento / Em Exibição", ignorando clássicos históricos já concluídos (como Breaking Bad ou Life).
- Vitrine na Home: O bloco "Radar da Capi: Novidades & Renovações" exibe na página inicial as últimas atualizações de produções em alta (Silo, Ruptura, Reacher, Lanternas).
- Seção de Bastidores na Página da Série: A rota
/series/{slug} ganha um espaço de últimas atualizações para quem quer saber se a história vai continuar.
🎯
Objetivo: Transformar o CapiViews no oráculo oficial de respostas rápidas para o Google sobre renovações e datas.
#MascoteCapi
#Home
#Branding
Pergunta / Dúvida do Usuário:
"A nossa página inicial começa dizendo 'Antes do play, pergunta pra Capi', mas não tem nenhuma imagem da Capi ali! O que acha de colocarmos uma das emoções dela ou criarmos uma Capi específica para essa página inicial?"
O visitante lia a promessa da mascote no título principal, mas visualmente não encontrava a carismática capivara no primeiro segundo de navegação. A humanização do topo do portal é indispensável para criar conexão emocional imediata.
Plano de Execução:
- Fase 1 (Pronta Imediata): Integrar a simpática
capi-pipoca.webp no topo da Home com o balão de boas-vindas: "Pipoca pronta! O que vamos maratonar hoje? 🍿" logo acima do título principal.
- Fase 2 (Ilustração Exclusiva): Possibilidade futura de desenhar uma Capi "Mestre de Cerimônias" (relaxada no sofá com controle remoto e óculos 3D).
#AntiSpoiler
#ValeAPena
#IA
Pergunta / Dúvida do Usuário:
"Os cards 'O que a Capi Amou', 'Ressalvas', 'Indicado para' e 'Pode desapontar' ficam visíveis tanto na versão com spoiler quanto sem spoiler. Isso não pode de alguma forma passar spoiler em algumas análises?"
O risco era real e crítico: como os cards laterais são estruturados em tópicos chamativos (*bullet points*), o olho humano lê essas caixas antes de ler os parágrafos. Se uma IA desavisada elogiasse uma reviravolta ou citasse uma morte trágica em um ponto forte, a leitura sem spoilers seria arruinada.
Blindagem Implementada:
- Regra Inegociável no Prompt de IA: Os arrays
pontos_fortes, pontos_fracos, para_quem_e e para_quem_nao_e foram estritamente proibidos de mencionar acontecimentos específicos do enredo, mortes, culpados ou finais de temporada.
- Foco em Quesitos Técnicos: Os cards avaliam unicamente atuações, ritmo, direção, trilha sonora, cinematografia e perfil de espectador (ex: fã de suspense psicológico vs quem não gosta de ritmo contemplativo).
- Selo Visual de Reafirmação: Adicionado o distintivo
🛡️ Ficha de Decisão • 100% Livre de Spoilers no cabeçalho da barra lateral de valeapena_detalhe.php.
- Isolamento Total: Qualquer spoiler real é confinado única e exclusivamente na aba
conteudo_com_spoiler, que exige clique voluntário de desbloqueio.
#Calculadora
#MascoteCapi
#Gamificação
Pergunta / Dúvida do Usuário:
"Na Calculadora de Maratona Capivara temos 'Seu Perfil Capivara'. Conseguimos usar as emoções da Capi que já temos ou prefere que criemos outras?"
As figurinhas WebP já existentes possuem um encaixe natural com os arquétipos de maratona, permitindo que a imagem da mascote reaja dinamicamente a cada clique de preset ou deslize de slider.
Mapeamento Oficial das Emoções:
- 🍵 1 ep / semana (Capivara Zen): Exibe
capi-sono.webp — calma, relaxada e sem pressa no mundo.
- ✨ 2 eps / semana (Capivara Equilibrada): Exibe
capi.webp — o ritmo clássico e sereno.
- 🍿 3 a 5 eps / semana (Capivara Focada): Exibe
capi-pipoca.webp — no sofá de balde cheio no fim de semana.
- 📡 7 eps / semana (Capivara Diária): Exibe
capi-antenada.webp — hiperconectada todo dia após as tarefas.
- 📝 14+ eps / semana (Capivara Crítica): Exibe
capi-critica.webp — maratona nível profissional com caderninho e veredito afiado.
#CicloDeVida
#DossiêCapi
#BuscaGlobal
Pergunta / Dúvida do Usuário:
"Por que na série Life aparecia 'A Capi ainda não analisou' em vez do Dossiê, na busca dizia que ela não estava cadastrada e no card dizia que ela foi renovada sendo que é de 2007 e cancelada na 2ª temporada?"
As 3 causas identificadas e corrigidas:
- Falha de Estrutura no JSON:
resolveSeriesMetadata() retornava o bloco inteiro de imported_series.json em vez do nó ['serie'], fazendo o título ficar vazio e disparar o erro 404 estático. Corrigido com descompactação transparente.
- Busca Global Consultava Apenas SQL: A API de busca checava apenas a tabela MySQL e ignorava o arquivo de séries importadas e o catálogo consolidado. Agora checa todas as fontes e exibe o selo verde "Já no CapiViews" com o botão "Abrir ➔".
- Fallback Otimista Incorreto: Séries sem status explícito caíam em um fallback padrão que forçava "Renovada". A função
isSerieFinalizada() agora analisa anos de término passados (2009) e cancelamentos, marcando com precisão 🏆 CapiArquivo • Finalizada Oficialmente (2007–2009).
