Newsletter com cupom
Formulário com proteção contra robôs, lista de e-mails com busca e download em planilha.
Projeto 02 · Automotivo
Site com painel e mapa de parceiros para uma empresa de remapeamento
Um site de visual forte para o público automotivo, com o dono no controle: ele troca banners, serviços, parceiros e artigos por um painel próprio. O painel publica páginas estáticas, que carregam rápido e funcionam bem no Google.
- HTML estático
- PHP (painel)
- JavaScript puro
- Mapa em SVG
- Dados em JSON
rhmodulos.com.br
O que foi entregue
Funcionalidades em uso de verdade
Prints reais do projeto no ar. Clique em qualquer imagem para ampliar.
01
Banner principal editável
O topo é um carrossel de quatro slides, com troca automática, pausa ao passar o mouse e gesto de deslizar no celular. No painel, o dono troca a foto, o enquadramento no celular e os textos de cada slide.
rhmodulos.com.br
rhmodulos.com.br/admin
02
Simulador de resposta do pedal
Um gráfico interativo mostra como muda a resposta do acelerador em cada modo de condução e mapa de performance. Ajuda o cliente a entender o produto antes de pedir orçamento. A simulação é ilustrativa e está identificada como tal.
rhmodulos.com.br
03
Mapa de parceiros em todo o Brasil
Pontos no mapa levam à lista de parceiros, com filtro por estado, botão de WhatsApp com mensagem pronta e rota no Google Maps. No painel, o dono digita estado e cidade e o ponto aparece sozinho no mapa, sem digitar coordenadas.
rhmodulos.com.br/parceiros
rhmodulos.com.br/admin
04
Serviços e blog sob controle do dono
Serviços e posts são criados e reordenados por setas. Ao salvar, o painel atualiza menu, rodapé, página inicial, lista do blog e sitemap de uma vez, e gera as páginas em HTML.
rhmodulos.com.br/admin
rhmodulos.com.br/admin
Nos bastidores
E o que não aparece no print
Pop-up inteligente
Mostra o último post e o convite à newsletter. Depois de fechado, só volta em 7 dias ou quando houver post novo.
Vídeo do YouTube sob clique
O player só carrega quando o visitante clica, o que poupa a velocidade da página.
Backups automáticos
Cada salvamento guarda uma cópia dos dados. O painel mantém as 20 mais recentes.
Pronto para o Google
Dados estruturados de oficina e perguntas frequentes, sitemap atualizado a cada publicação.
Segurança do painel
Senha com hash, bloqueio após 5 erros, proteção contra envio forjado e sessão que expira por inatividade.
Autonomia
O que o dono edita sozinho
Sem chamar programador e sem esperar por ninguém.
- Fotos e textos do banner principal
- Vídeo da página inicial
- Serviços e veículos atendidos, com ordem
- Parceiros e posição no mapa
- Posts do blog com imagens
- Pop-up, lista de e-mails e senha do painel
Tecnologias
O que foi usado, e para quê
HTML estático
As páginas são geradas prontas, o que garante velocidade e boa leitura pelo Google.
PHP no painel
Telas de edição e publicação, sem banco de dados externo.
Arquivos JSON
Os dados ficam em arquivos simples, com cópia de segurança.
SVG + base do IBGE
Mapa do Brasil desenhado em SVG e cidades convertidas em posição.
GD / WebP
Imagens redimensionadas e convertidas ao enviar.
JavaScript puro
Carrossel, mapa, simulador e pop-up, sem bibliotecas.
Reaproveitável
Gostou de algo? Levo para o seu projeto.
Estes módulos já existem e funcionam. Adaptamos ao visual e às necessidades do seu negócio.
Mapa de parceiros ou unidades
Ideal para franquias, revendas e redes de atendimento.
Quero esteBanner editável
Você troca fotos e textos do topo sem depender de ninguém.
Quero esteSimulador interativo
Um gráfico ou calculadora que explica o seu produto.
Quero esteBlog + newsletter
Captura de e-mails e artigos publicados pelo painel.
Quero este
O próximo projeto pode ser o seu.
Conte em uma mensagem o que sua empresa faz. A gente responde com uma proposta.
Falar no WhatsApp