Todos os cases
Marca · Site · Sistema

Alemão Auto Vidros.

Marca, site e sistema de uma vidraçaria automotiva de Osasco, todos no domínio da loja.

No ar

A Apol organizou a marca, fez o site e construiu o sistema que roda o balcão, as ordens de serviço e a equipe. Tudo em alemaoauto.com.br, com a cara do Alemão.

O desafio

Uma loja de vidro automotivo em Osasco desde 1998. A marca era o logo e pouco mais. Quem quebra um vidro procura no celular pelo problema, e a loja precisava aparecer com uma página pra cada caso. Faltava também um sistema feito pro jeito de uma vidraçaria, com carro, peça, orçamento e equipe no mesmo lugar.

O que a Apol fez

Três frentes com a mesma cara. A marca virou um manual público, que a gráfica, o fornecedor e quem faz post consultam. O site ganhou uma página por serviço e um WhatsApp que já chega dizendo o problema. E o sistema, no mesmo domínio, organiza as ordens de serviço, as encomendas, o caixa e a equipe.

O resultado

Está tudo no ar e em uso: o site e o manual são públicos, e o sistema fica atrás do login da loja. As telas internas deste case usam dados fictícios. Número de venda, de cliente ou de equipe só entra aqui com autorização escrita da loja.

  • Marca
  • Site
  • Sistema
  • App do funcionário
  • Cuidado contínuo

01Marca

Uma marca que qualquer pessoa, ou IA, consegue usar.

O logo já existia. A Apol organizou tudo em volta dele e publicou como manual em alemaoauto.com.br/brand. É o link que a loja manda pra gráfica e pra quem faz post. O visual principal do manual é feito com os mesmos componentes do site. Então o que está no manual é o que está no ar.

O que foi entregue

  • Cores oficiais tiradas do próprio logo, com a nota de contraste de cada cor
  • Fontes, espaçamento, ícones e padrão gráfico
  • Visual principal: azul cortado por diagonais amarelas, com selo de origem
  • Seu Alemão, o mascote 3D, com banco de poses e regras de uso
  • Logo aplicado em pastilha, placa de topo e selo
  • Kit pra IA, com comandos prontos pra criar arte dentro da marca
alemaoauto.com.br/brand
Manual da marca do Alemão Auto Vidros, página inicial com os fundamentos
alemaoauto.com.br/brand/key-visual
Capítulo Key Visual do manual, com a cena-mestre azul e amarela e o mascote
alemaoauto.com.br/brand/mascote
Capítulo do mascote Seu Alemão, com a descrição do personagem e o banco de poses
alemaoauto.com.br/brand/cores
Capítulo de cores do manual, com a paleta e a nota de contraste de cada cor

02Site

Uma página pra cada problema. O WhatsApp já diz qual.

O site tem uma página por serviço e páginas com Osasco no endereço, pra quem procura na cidade. No topo, o Seu Alemão e três atalhos: trincou o para-brisa, quebrou um vidro, outro problema. Cada botão abre o WhatsApp com a mensagem pronta, e a loja sabe de qual página veio a conversa.

O que foi entregue

  • Página por serviço e páginas com a cidade no endereço
  • Atalhos no topo que já abrem a conversa certa
  • WhatsApp com mensagem pronta em cada botão
  • Medição por página, sem cookie e sem guardar IP
  • Página de vagas ligada ao painel da loja
  • Pro Google ler: dados estruturados, sitemap e robots
alemaoauto.com.br
Página inicial do site do Alemão Auto Vidros, com o mascote e os atalhos de WhatsApp
alemaoauto.com.br/troca-de-para-brisa-osasco
Página de troca de para-brisa em Osasco, com endereço e botão de orçamento no WhatsApp
Página inicial do site do Alemão no celular

03Sistema

O sistema do balcão, com a marca da loja.

Fica no mesmo domínio, atrás do login da loja. As ordens de serviço andam num quadro, do orçamento ao cliente avisado. As encomendas guardam a cotação de cada fornecedor até a peça instalada. E a equipe tem um app pra bater o ponto com o QR da loja e o GPS, juntos.

O que foi entregue

  • Ordens de serviço em quadro, tabela, pátio, dia e fila
  • Encomendas com a cotação de cada fornecedor
  • Caixa, clientes e veículos com histórico
  • Painel do pátio feito pra TV da loja
  • App do funcionário: ponto com QR e GPS, saldo do mês, cesta e comunicados
  • Marketing e tarefas da equipe no mesmo lugar
alemaoauto.com.br/admin/ordens-servico
Quadro de ordens de serviço do sistema, com dados fictíciosDados fictícios
App do funcionário, tela inicial com a próxima marcação de ponto, com dados fictíciosDados fictícios
alemaoauto.com.br/admin/orcamentos
Quadro de encomendas com a cotação dos fornecedores, com dados fictíciosDados fictícios
alemaoauto.com.br/admin
Tela de entrada do sistema, com a marca do Alemão

As telas internas são o sistema de verdade, montado com dados fictícios. Nenhum cliente, placa, valor ou fornecedor da loja aparece aqui.

Na tela

O mesmo tipo de sistema e de site, rodando.

Com dados fictícios: o que a oficina usa no balcão e o que o cliente encontra no Google.

A ordem de serviço, pela placa

Digita a placa e acha o carro, o cliente e a OS. Cada etapa da entrada à entrega, à vista de todo mundo.

Ver o Apol Auto

Uma página pra cada serviço

Escrita pra quem procura o problema no Google, não o nome da empresa. No seu domínio.

Ver o site institucional

Como foi construído

O ritmo, semana a semana.

Cada barra mostra quantas mudanças entraram no código naquela semana (os commits). Não é estimativa: vem do histórico do projeto.

446commits

08/05 a 30/09 · 21 de 22 semanas com código novo

152
04/05semanas28/09
Commits por semana, Alemão Auto Vidros
SemanaCommits
04/057
11/057
18/0519
25/0519
01/0610
08/062
15/062
22/062
29/065
06/078
13/0725
20/0765
27/07152
03/0810
10/082
17/084
24/080
31/0832
07/0932
14/099
21/0922
28/0912

Pronto pra começar?

Marca, site e sistema
feitos pra você.

Comece pelo diagnóstico. Em uns 3 minutos você vê o que a sua empresa já faz, o que falta e por onde começar. De graça.

Diagnóstico grátis · Sem compromisso · Você sai sabendo o que dá pra resolver