Desenvolvimento do site | Tobias Toassi Engenharia
Sete páginas públicas, galeria com carregamento progressivo, blog com painel próprio, formulário qualificado e mensuração fechada para ads. Tudo programado sob medida, página por página, exatamente como o wireframe descreve.
Preparado para Aura Branding | Projeto Tobias Toassi Engenharia
O que será programado
A proposta cobre o desenvolvimento completo das sete páginas públicas e das quatro landing pages de campanha descritas na arquitetura, com o design entregue pela Aura aplicado fielmente. A área do cliente é tratada como segunda fase, com investimento próprio.
Seis dobras narrativas, herói com CTA de WhatsApp e prova social com três casos.
Topo de funilManifesto de transição, retrato com três números-chave e território de marca.
Meio de funilMapa de três medos resolvidos e quatro subpáginas: Estrutural, Hidrossanitário, Elétrico e Método.
Meio de funil | 5 páginasGaleria 4x4 com filtros, carregamento de 16 em 16 e abertura em popup com navegação lateral.
Prova socialBlog com painel de publicação, filtros por formato e linha, sidebar com autor e mais lidos.
Autoridade + SEOPortal privado com login por e-mail, acompanhamento de fase, aprovações e documentos.
Segunda fase | orçada à parteFormulário com três perguntas de qualificação, WhatsApp, e-mail e mapa de atuação.
Fundo de funil/lp/estrutural, /lp/patologia, /lp/arquitetos e /lp/industrial, cada uma com CTA e evento únicos.
Campanhas pagasO site não é um catálogo: é a máquina que transforma visitante em reunião técnica. Cada página tem métrica de sucesso definida no wireframe, e cada métrica vira um evento configurado no código.
04 · Portfólio
A galeria carrega 16 projetos por vez; o botão "Veja mais" traz as próximas 4 linhas. Cada tile abre em popup com navegação lateral, sem sair da página: foto, descritivo e os três horizontes de resultado. Clique em qualquer tile abaixo para ver o comportamento.
Os 16 primeiros casos vêm na página; os próximos são buscados sob demanda, sem recarregar. Ao chegar ao fim do acervo, o botão muda para "Fim do portfólio" com CTA para WhatsApp.
Setas laterais e teclado navegam entre os casos dentro do filtro ativo. Cada abertura dispara o evento view_item com o tipo de projeto, pronto para remarketing.
Nível de acabamento
Continue rolando. É este o nível de cuidado que cada página recebe na programação: transição, peso de imagem, resposta ao toque e fidelidade ao layout da Aura.
O compromisso
Layout é o que o cliente vê. Código é o que o cliente sente. Cada dobra do wireframe vira uma dobra que carrega rápido, mede certo e não quebra no celular.
Kairos Solutions
O que está incluso
Programação de todos os templates a partir do layout da Aura.
Painel simples para a equipe publicar sem programador.
O site nasce pronto para campanha, com tudo instalado e testado.
Também inclusos: publicação na hospedagem contratada com CDN e HTTPS, configuração de domínio e subdomínios, SEO técnico com dados estruturados, rodadas de ajustes durante o desenvolvimento e 30 dias de suporte após a entrega.
A configuração recomendada no wireframe
| Camada | Ferramenta | Função no site |
|---|---|---|
| Site e conteúdo | Código sob medidapainel próprio para blog e portfólio | Templates programados do zero a partir do layout, sem tema pronto. Painel para posts, casos e textos das páginas. |
| Hospedagem + CDN | Hostinger + Cloudflare | Servidor Hostinger, Cloudflare na frente com cache, firewall e HTTPS automático. |
| Domínio + DNS | tobiastoassi.com.br | DNS no Cloudflare, subdomínio reservado para a área do cliente na segunda fase. |
| Formulários | Web3Forms ou Formspree | Envio qualificado para o e-mail do Tobias, com webhook para CRM ou Notion. |
| Medição | GTM, GA4, Plausible, Clarity | Container único para pixels e eventos, leitura sem cookie e mapas de calor. |
| Busca | Search Console | Sitemap automático, verificação de domínio e monitoramento de indexação. |
Custo mensal da stack para o cliente final: plano Hostinger mais camadas gratuitas. Nenhum custo recorrente para a Kairos além do desenvolvimento.
Valores
Fase 1 | Site público
R$ 9.800
Sete páginas, quatro subpáginas de serviço, quatro landing pages, blog, portfólio com popup, formulário qualificado e mensuração completa.
Pagamento em duas parcelas: 50% no aceite e 50% na publicação. Valor válido para o escopo do wireframe v2; novas páginas ou funcionalidades são orçadas em separado.
Fase 2 | Área do cliente
R$ 6.400
Portal privado em cliente.tobiastoassi.com.br com login por e-mail, fase e próxima ação, versões de ativos, aprovações registradas, documentos e log de decisões.
Orçada à parte, conforme combinado. Pode ser contratada a qualquer momento após a fase 1, com o layout da Aura para as telas do portal.
Processo
O prazo conta do recebimento do layout final da Aura e do conteúdo inicial (16 casos e 8 posts). O cronograma segue a ordem do funil, entregando primeiro as páginas que mais convertem.
Estrutura, hospedagem, painel de conteúdo, Home e Contato no ar em ambiente de homologação.
Cinco páginas de Engenharia, galeria com load more, popup com navegação e filtros.
Blog com filtros e sidebar, quatro landing pages, GTM, pixels, eventos e Search Console.
Revisão da Aura, rodadas de ajustes, testes em dispositivos e publicação no domínio final.
A Aura acompanha cada entrega em link de homologação e aprova antes da publicação. Ajustes de layout dentro do escopo entram nas rodadas previstas.
Fechamento
Me chame no WhatsApp para confirmar a proposta. A partir do aceite, começamos pela preparação da base enquanto o layout final é finalizado.
Confirmar pelo WhatsAppProposta válida por 10 dias a partir do envio.