Bastidores ScaleOS · Modelo #01 · Aberto

Transformei cada venda do escritório em um gol na TV.

Um placar de futebol que narra, comemora e ranqueia o time comercial em tempo real. Acelera Imob x Mundo Ótico, o dia como uma partida de 90 minutos, campeonato todo mês. Construído numa conversa com a IA, com ferramentas 100% gratuitas.

Baixar o modelo completo Ver o passo a passo

Monta em ~1 hora, sem escrever uma linha de código · kit + guia do zero inclusos

Placar de Vendas · hoje ao vivo
AI
Acelera Imob
7
×
2º tempo · 73'
MO
Mundo Ótico
5
AI · meta do dia
7 / 8 · No ritmo
MO · meta do dia
5 / 8 · Atrás do ritmo
⚽ GOL! Fred + Léo · R$ 3.200 · 67'
90'
1 dia útil = 1 partida
5-15s
da venda ao gol na TV
R$ 0
de custo, só plano grátis
1
arquivo index.html
O que é

O dia vira uma partida. Cada venda, um gol.

O problema era simples: a venda era anunciada num grupo de WhatsApp e sumia. O SDR que gerou a reunião nunca aparecia, e ninguém sabia o ritmo da meta sem abrir a planilha. O placar resolve isso na TV do escritório, sozinho.

🏟️

O dia é 90 minutos

Das 08h às 18h, o expediente vira uma partida com relógio de jogo, 1º e 2º tempo, pré-jogo e fim de jogo. Dá pra sentir se o time está adiantado ou atrás.

⚽

Venda paga = gol

Toda linha marcada como PAGO na planilha entra no placar em segundos: a dupla SDR + closer entra em campo, bola rola, música, confete e narração anunciam o gol.

🏆

Campeonato do mês

Cada dia útil é um jogo: vitória vale 3, empate 1. A tabela de pontos, vitórias e derrotas dá sentido a cada dia, mesmo quando o mês já parece decidido.

🤖

Zero trabalho manual

A fonte é a própria planilha comercial que o time já preenche. O sistema lê, filtra só os PAGOS e comemora. Ninguém registra nada à mão.

Como eu fiz

Construído numa conversa com a IA.

Eu descrevia o que queria e testava no escritório; a IA escrevia o código, testava sozinha e entregava os arquivos prontos. Nenhuma ferramenta paga. Este é o caminho real, etapa por etapa.

Claude · o construtor Firebase · login + banco Google Apps Script · lê a planilha Google Sheets · fonte das vendas GitHub · guarda o site Vercel · coloca no ar
01

Ideia e análise

A foto da dupla a cada venda, como uma escalação. Antes de construir, listei os riscos: registro manual que morre, exposição de quem não vende, crédito da dupla.

02

Primeira versão

Placar publicado direto numa conversa, comemoração com figurinhas, passe e chute, apito e torcida gerados no próprio navegador.

03

Endereço próprio

Migração para Firebase (login e banco) e Vercel a partir do GitHub, com contas separadas de gestor e de TV e regras de acesso.

04

Dois times

Entrou o confronto Acelera Imob x Mundo Ótico. Logos vetorizadas pra ficar nítidas em TV 4K e o placar central virou placar de jogo.

05

O dia em 90 minutos

Relógio de jogo, meta diária por time, selo de ritmo e barra do dia. O expediente ganhou tempo de bola.

06

Integração com a planilha

Apps Script que entrega só os PAGOS, sem expor telefone, com chave guardada no banco. A planilha que o time já usa virou o motor.

07

Velocidade

O tempo entre marcar PAGO e comemorar caiu de até 1 minuto para 5-15 segundos: leitura a cada 10s e cache no script.

08

Pacote de melhorias

Letras maiores pra ler de longe, craque do mês, destaque rotativo, telas de intervalo e fim de jogo, narração e resumo pro WhatsApp.

Pegue o modelo completo

Nada escondido. Leva tudo.

O kit com os arquivos prontos e o guia do zero para quem nunca programou. Baixe, siga o passo a passo e tenha o seu placar rodando em cerca de uma hora.

Arquivo .zip · 4 arquivos

O Kit do Placar

index.html · firebase-config.js · firestore.rules · placar-planilha.gs
  • O site inteiro num único index.html, sem build
  • Config do Firebase pronta pra preencher
  • Regras de segurança do banco
  • Script da planilha (Apps Script)
Baixar o kit
~40 KB
PDF · guia de construção

O Guia do Zero

PRD completo + passo a passo de 10 partes
  • Guia do zero para quem nunca programou
  • Contas, Firebase, GitHub e Vercel explicados
  • Regras de negócio e operação do dia a dia
  • Como reproduzir o sistema com a IA
Baixar o guia
PDF · ~300 KB
O passo a passo · clique por clique

Monte o seu, sem escrever código.

Esse é o guia que vem no kit, aberto aqui no artigo. São 10 partes, do zero. Tempo estimado: cerca de 1 hora. Siga na ordem; cada clique está descrito.

Tempo: ~1 hora Código escrito: nenhum Custo: R$ 0 (planos grátis) Precisa: Chrome + conta Google

Antes de começar, tenha à mão

  • Um computador com o navegador Chrome.
  • Uma conta Google com acesso de Editor à planilha comercial.
  • Os 4 arquivos do kit: index.html, firebase-config.js, firestore.rules e placar-planilha.gs.
  • Opcional: uma música curta em MP3 (10-13s, de uso liberado) com o nome exato gol.mp3.
A

Criar as contas

GitHub + Vercel + Google
  1. Crie uma conta em github.com (gratuita).
  2. Em vercel.com, clique em Sign Up, escolha o plano Hobby e entre com Continue with GitHub.
  3. Use a sua conta Google normal para o Firebase e para a planilha.
B

Firebase (login e banco)

console.firebase.google.com
  1. Acesse console.firebase.google.com, clique em Criar um projeto, dê um nome (ex.: placar-comercial) e desative o Google Analytics.
  2. Na página do projeto, clique em Adicionar app e escolha o ícone </> (Web). Dê o nome "placar", deixe Hosting desmarcado e registre. Aparece um bloco firebaseConfig com seis valores. Deixe essa tela aberta.
  3. No menu, abra Bancos de dados e armazenamento → Firestore → Criar banco de dados. Escolha a edição Standard, mantenha o ID (default), local southamerica-east1 (São Paulo) e modo produção.
  4. No menu, abra Segurança → Authentication → Começar e ative E-mail/senha.
  5. Na aba Usuários, clique em Adicionar usuário duas vezes: uma com o seu e-mail e senha, outra para a TV (ex.: tv@placar.app, não precisa existir de verdade).
  6. Volte no Firestore → aba Regras, apague o conteúdo e cole o arquivo firestore.rules do kit, trocando seu-email@exemplo.com pelo seu e-mail em minúsculas. Clique em Publicar.
Se um item não estiver onde o guia indica: use o campo Pesquise produtos no topo do menu do Firebase.
C

Preparar os arquivos

firebase-config.js
  1. Abra o firebase-config.js num editor de texto (no Mac: botão direito → Abrir com → TextEdit).
  2. Troque cada COLE_AQUI pelo valor correspondente do firebaseConfig da Parte B, mantendo as aspas. Salve.
  3. Se for usar música própria, deixe o arquivo com o nome exato gol.mp3, tudo minúsculo.
D

GitHub (guardar o site)

repositório privado
  1. No GitHub, clique em + → New repository, nome "placar", marque Private e crie.
  2. Clique em uploading an existing file.
  3. Arraste index.html, firebase-config.js e, se tiver, gol.mp3. Não suba o placar-planilha.gs.
  4. Clique em Commit changes.
E

Vercel (colocar no ar)

import do repositório
  1. Na Vercel, clique em Add New → Project e em Import ao lado do repositório "placar". Se ele não aparecer, use Adjust GitHub App Permissions.
  2. Em Framework Preset, escolha Other e não altere mais nada.
  3. Clique em Deploy. Em menos de um minuto aparece o endereço do site, algo como placar-xxxx.vercel.app.
  4. Abra o endereço e entre com o seu e-mail. Deve aparecer "O elenco está vazio".
F

Apps Script (ligar a planilha)

a parte mais importante
  1. Abra a planilha comercial no Chrome e clique em Extensões → Apps Script.
  2. Atenção: se já existir código no projeto, não apague nada. Em Arquivos, clique em + → Script e dê o nome "placar".
  3. Apague as linhas de exemplo do arquivo novo e cole todo o conteúdo do placar-planilha.gs.
  4. Na linha abaixo, troque o texto entre aspas por uma senha inventada (só letras, números e hífen) e salve com Cmd + S: 
    const PLACAR_CHAVE = 'TROQUE-ESTA-CHAVE';
  5. Na barra de cima, na caixa de funções ao lado de Depuração, escolha placarInstalar e clique em Executar.
  6. Autorize: Revisar permissões → sua conta → Avançado → Acessar (não seguro) → Permitir. O aviso aparece porque o script é seu, não verificado pelo Google.
  7. No registro de execução deve aparecer Pronto. X pagos encontrados em MM/AA.
  8. Clique em Implantar → Nova implantação → engrenagem → App da Web. Executar como: Eu. Quem pode acessar: Qualquer pessoa. Clique em Implantar.
  9. Copie a URL do app da Web, que termina em /exec.
  10. Teste numa janela anônima: abra a URL com ?key= e a sua chave no final. Deve aparecer um texto começando com {"ok":true.
Toda vez que mudar o script: é preciso publicar de novo em Implantar → Gerenciar implantações → lápis → Versão: Nova versão → Implantar. O link continua o mesmo.
G

Conectar a planilha no placar

aba Meta
  1. No placar, vá na aba Meta, seção Planilha.
  2. Cole a URL do app da Web (sem o ?key=) e a chave, e clique em Conectar planilha.
  3. O status deve mostrar "Conectada. X pagos em MM/AA". A aba Registrar venda passa a se chamar Vendas.
H

Elenco e metas

o time em campo
  1. Na aba Elenco, cadastre cada SDR e closer com o mesmo primeiro nome usado na planilha, o time certo e a foto.
  2. Padrão de foto: mesma parede lisa para todos, do peito pra cima, rosto no centro, celular na vertical e luz de frente.
  3. Na aba Meta, confira o horário do jogo (08:00 às 18:00), preencha a meta de vendas por dia, a meta mensal de vendas e a de faturamento de cada time, e clique em Salvar meta.
I

Ligar na TV

modo TV
  1. No navegador da TV, abra o endereço do placar e entre com a conta da TV.
  2. Na aba Placar → Testar comemoração para conferir o volume.
  3. Clique em Ligar modo TV. A tela vai para tela cheia, o som fica liberado e a TV não apaga sozinha.
J

Atualizar depois

quando mudar algo
  1. Novo index.html: suba no GitHub com o nome exatamente index.html. Se o computador salvar como "index (1).html", renomeie antes. Espere o deploy ficar Ready na Vercel e recarregue com Cmd + Shift + R.
  2. Novo script: substitua o conteúdo no Apps Script, recoloque a sua chave na linha do PLACAR_CHAVE e publique uma Nova versão.
  3. Depois de recarregar a TV: clique em Voltar ao modo TV. Sem esse clique, o navegador não libera o som.

Pronto. O elenco entra em campo e cada venda PAGA vira um gol na TV.

ScaleOS é a tecnologia de IA por trás da plataforma Nº1 de aquisição

Entra nos Bastidores.

Aqui eu conto os bastidores do que mais funciona em IA pra marketing, vendas e produtividade: os sistemas, as skills e tudo que eu uso no dia a dia, como esse Placar. O foco não é vender ferramenta, é a biblioteca aberta pra quem está dentro.

Entrar nos Bastidores Voltar pro download

Grupo gratuito no WhatsApp · sistemas, skills e os bastidores de IA que eu uso