Um site bonito chama atencao.
Um site bem construido vende
Eu escrevo cada linha do seu site a mao, sem WordPress, sem tema comprado e sem plugin pesado.
O que voce recebe e uma pagina leve, que abre em menos de um segundo, aparece no Google e conduz
quem chega ate a conversa no WhatsApp.
medindotempo real de carregamento desta pagina no seu aparelho
95+meta de nota no Lighthouse em performance e boas praticas
zeromensalidade de plataforma: o site e seu, hospedagem enxuta
auditoria.sh
01 · Servicos
Dois formatos, o mesmo cuidado de engenharia
Comeco pelo objetivo do negocio e so depois penso em layout. Escolha o formato que combina com o
seu momento e veja exatamente o que entra na entrega, quanto tempo leva e o que eu preciso de voce.
Landing page de conversao
Uma pagina unica, com um objetivo unico: fazer quem chegou entrar em contato. Cada bloco tem
uma funcao dentro da leitura, do primeiro segundo ate o botao final. Serve para quem anuncia no
Instagram, no Google ou entrega cartao e precisa de um endereco que sustente a promessa.
Roteiro de leitura e texto de venda escritos junto com voce
Formulario ligado ao seu WhatsApp, com o resumo do pedido pronto
Otimizacao para celular, que hoje responde pela maior parte dos acessos
Ficha tecnica de SEO, cartao de compartilhamento e favicon proprios
Publicacao no seu dominio, com certificado de seguranca ativo
Site institucional
Para quem precisa de mais de uma pagina: apresentacao da empresa, servicos separados por
assunto, area de contato e espaco para crescer. Mesma base leve da landing page, com uma
navegacao pensada para o visitante encontrar a informacao sem precisar perguntar.
Ate 6 paginas internas, organizadas por assunto
Menu com estrutura clara e caminho curto ate o contato
Area de servicos preparada para receber novos itens depois
Enderecos amigaveis, sitemap e leitura correta pelo Google
Video curto mostrando como trocar textos e fotos sozinho
Servicos complementares
Podem entrar junto com o projeto ou ser contratados depois, um a um.
Registro e configuracao de dominioCuido do registro, do apontamento e do certificado de seguranca.
E-mail profissional no seu dominioEndereco com o nome da sua empresa em vez de conta gratuita.
Google Business e SEO localFicha do Google preenchida, com fotos, horarios e caminho para avaliacoes.
Catalogo digital com QRMenu ou catalogo que abre pela camera do celular, facil de atualizar.
Correcao de acessibilidadeContraste, teclado e leitor de tela revisados em pagina que ja existe.
Politica de privacidade e termos de usoTextos alinhados a LGPD, escritos para o seu tipo de atendimento.
02 · Como eu trabalho
Codigo e a ultima etapa, nunca a primeira
Site bonito que nao vende quase sempre nasceu do mesmo erro: alguem comecou a programar antes
de entender o negocio. Aqui a ordem e outra. Primeiro eu descubro o que precisa ser dito, depois
desenho onde cada coisa entra, aprovo o layout com voce e so entao escrevo a primeira linha de
codigo. Mudar um bloco no desenho custa minutos, mudar depois de programado custa dias.
Etapa 01
Coleta de requisitos
1 a 2 dias
Conversa guiada sobre o seu servico, o seu cliente e o que ele pergunta antes de fechar
Definicao do objetivo da pagina: ligacao, WhatsApp, agendamento, orcamento ou venda
Levantamento do que voce ja tem: textos, fotos, logo, dominio e redes
Analise de tres concorrentes diretos para achar o que ninguem esta dizendo
Escopo escrito com blocos, recursos tecnicos, prazo e valor fechado
Etapa 02
Arquitetura da informacao e wireframe
1 a 2 dias
Ordem dos blocos definida pela duvida que o visitante tem em cada rolagem
Wireframe em preto e branco, sem cor e sem foto, para discutir estrutura e nao gosto
Versao de celular desenhada primeiro, porque e de onde vem a maior parte das visitas
Definicao dos pontos de contato e do texto de cada botao
Etapa 03
Prototipo navegavel e layout aprovado
2 a 4 dias
Layout com cor, tipografia, foto e texto final aplicados sobre o wireframe aprovado
Prototipo que voce abre no proprio celular e navega antes de existir codigo
Guia de estilo com paleta, tamanhos e componentes, para o site crescer sem virar colcha de retalhos
Duas rodadas de ajuste incluidas nesta etapa, com o layout congelado no fim
Etapa 04
Codigo
3 a 10 dias
Marcacao escrita a mao, sem tema comprado e sem construtor de paginas
Otimizacao de imagem, fonte e cache aplicada durante o desenvolvimento, nao depois
Acessibilidade e seguranca conferidas bloco por bloco
Etapa 05
Teste e medicao
1 a 2 dias
Teste em aparelho real, no Android e no iPhone, em rede movel
Navegacao completa por teclado e conferencia de contraste com medidor
Formulario testado do envio ate a chegada da mensagem
Medicao de acessos ligada e eventos de contato conferidos um por um
Etapa 06
Publicacao e apoio
1 dia, mais 30 de garantia
Dominio apontado, certificado ativo e site no ar em horario combinado
Envio do mapa do site ao Google e verificacao no Search Console
Entrega dos arquivos e do acesso, tudo no seu nome
Trinta dias de garantia para correcao de qualquer defeito da entrega
O valor do projeto e apresentado no fim da etapa 01, quando o escopo esta escrito e nos dois
sabemos exatamente o que vai ser feito. Antes disso, qualquer numero seria chute.
Escolheu o formato?
Me conte o que voce precisa e eu volto com escopo, prazo e valor fechados
Sem reuniao obrigatoria e sem proposta de trinta paginas. Voce escreve em poucas linhas o que
precisa e eu respondo com o caminho mais curto para colocar isso no ar.
Toque nos blocos que fazem sentido para o seu negocio. O desenho ao lado se monta na hora, o
resumo mostra o prazo estimado e voce pode enviar tudo pronto para eu orcar.
●
Quatro blocos vem inclusos em toda entrega e nao podem ser desmarcados.
seudominio.com.br
Sua landing vai ter isso aqui
5 blocos escolhidos, prazo estimado de
6 dias uteis
O prazo comeca a contar quando eu recebo textos, fotos e o acesso ao dominio.
04 · Tecnologias
Tudo o que pode entrar no seu projeto
Nenhum site usa tudo o que esta aqui, e esse e justamente o ponto: o que entra depende do que
voce precisa. Cada recurso desta lista custa tempo de trabalho, e e por isso que o valor sai sob
medida em vez de tabela fixa. Toque em uma area para filtrar e abra a ficha para ver em que isso
muda o resultado do seu negocio.
10 areas mostradas nesta lista
Base e semantica
O alicerce do site. Marcacao com significado, estilo organizado em tokens e comportamento escrito a mao, sem tema comprado e sem construtor de paginas.
HTML5 semantico
CSS Grid
Flexbox
Container queries
Variaveis de CSS
JavaScript moderno
Design tokens
Padrao BEM
Progressive enhancement
Velocidade
Tecnicas para a pagina aparecer antes de a pessoa desistir. Cada imagem, fonte e trecho de codigo entra na hora certa e no menor tamanho possivel.
Tree shaking
Lazy loading
Code splitting
CSS critico
Preload
Prefetch
Preconnect
srcset
WebP
AVIF
Brotli
Cache imutavel
Minificacao
Fontes com subset
CDN de borda
Movimento e interacao
Animacao com proposito: guiar o olho, dar retorno ao toque e mostrar que a pagina esta viva, sempre sem travar a rolagem.
Transicoes por GPU
IntersectionObserver
Revelar ao rolar
Parallax leve
Micro-interacoes
Canvas
Contador animado
Efeito de digitacao
Esqueleto de carregamento
Respeito a menos movimento
Acessibilidade
O site funciona para quem usa teclado, leitor de tela, letra ampliada ou tem baixa visao. Isso amplia publico e reduz risco juridico.
WCAG 2.2 AA
Landmarks
ARIA
Navegacao por teclado
Foco visivel
Contraste medido
Texto alternativo
Area de toque de 44px
Leitor de tela
SEO tecnico
A parte que faz o Google entender o site e mostrar o resultado bonito na busca e no compartilhamento por WhatsApp.
JSON-LD Schema.org
Open Graph
Twitter Card
Canonical
sitemap.xml
robots.txt
Core Web Vitals
FAQ estruturado
Enderecos limpos
Aplicativo instalavel
O site pode ser instalado na tela inicial do celular e continuar abrindo mesmo com internet instavel.
Manifest
Service worker
Cache offline
Instalavel no celular
Atualizacao em segundo plano
Tela de abertura
Icones adaptativos
Seguranca e LGPD
Protecao no servidor e no formulario, com tratamento de dados alinhado a lei brasileira.
Content Security Policy
HSTS
X-Content-Type-Options
Referrer-Policy
Permissions-Policy
HTTPS
Armadilha antisspam
Limite de envios
Validacao de campos
Politica de privacidade
Medicao e integracoes
Sem numero nao existe decisao. Ligo a medicao de acessos e conecto o site as ferramentas que voce ja usa.
GA4
dataLayer
Eventos personalizados
Search Console
Meta Pixel
WhatsApp Business
Google Business
Webhook para CRM
E-mail transacional
Infraestrutura e entrega
Publicacao automatica, ambiente de teste antes do ar e possibilidade de voltar a versao anterior em minutos.
Git
GitHub
Vercel
Netlify
Cloudflare
Publicacao por commit
Ambiente de teste
Retorno de versao
DNS
Certificado automatico
Monitor de queda
Design e prototipacao
A etapa que vem antes do codigo: estrutura desenhada, prototipo navegavel e layout aprovado por voce.
Figma
Wireframe
Prototipo navegavel
Biblioteca de componentes
Guia de estilo
Teste em aparelho real
Mobile first
Tema pronto carrega codigo de recursos que voce nunca vai usar. Escrever a base a mao deixa a pagina leve e faz qualquer ajuste futuro custar menos tempo.
Pagina que abre rapido mesmo em internet ruim
Codigo que outro programador consegue continuar
Nenhuma dependencia que quebra em atualizacao
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Metade das visitas vem de celular em rede movel. Cada segundo de espera derruba a chance de contato, e velocidade tambem pesa na posicao do Google.
Tree shaking corta o codigo que nao e usado
Lazy loading carrega a imagem so quando ela chega perto da tela
Cache faz a segunda visita abrir quase instantanea
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Movimento bem feito aumenta o tempo de leitura e a percepcao de qualidade. Movimento mal feito da tontura e faz a pessoa sair. A diferenca esta em animar so transformacao e opacidade.
Animacao roda na placa de video, sem engasgo
Quem pediu menos movimento no aparelho recebe a versao calma
Cada efeito tem funcao, nenhum e enfeite
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Uma parcela grande da populacao tem alguma limitacao permanente ou temporaria. Site inacessivel exclui cliente pagante e ainda perde ponto na busca.
Todo botao alcancavel pelo teclado
Contraste conferido com medidor, nao a olho
Formulario que o leitor de tela consegue narrar
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Sem dados estruturados o Google adivinha do que o site trata. Com eles, seu nome, servico e perguntas frequentes podem aparecer direto no resultado.
Ficha da empresa legivel por buscador
Link no WhatsApp abre com imagem e titulo certos
Mapa do site enviado ao Google na publicacao
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Util para catalogo, menu de restaurante e area de cliente. A pessoa toca no icone e entra sem digitar endereco, com sensacao de aplicativo e sem custo de loja.
Abre com o icone da sua marca na tela do celular
Paginas ja visitadas funcionam offline
Sem taxa de loja e sem aprovacao de app
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Site invadido ou cheio de spam custa cliente e reputacao. As regras de seguranca ficam no cabecalho do servidor, invisiveis para o visitante e checadas por qualquer auditoria.
Bloqueio de codigo estranho injetado na pagina
Formulario protegido contra robo de spam
Politica de privacidade escrita para o seu atendimento
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Voce passa a saber de onde vem o contato, qual bloco convence e onde a pessoa desiste. E a diferenca entre achar e saber.
Cada clique importante virou evento medido
Contato cai no WhatsApp com o pedido resumido
Relatorio simples, sem painel confuso
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Hospedagem cara nao deixa o site mais rapido. Uso rede de distribuicao global com plano inicial gratuito, entao o custo fixo do seu site fica proximo de zero.
Site distribuido em servidores no mundo inteiro
Historico de versoes para desfazer qualquer erro
Aviso automatico se o site sair do ar
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
Mudar um bloco no desenho custa minutos. Mudar depois de programado custa dias. Por isso o layout e congelado antes de comecar o desenvolvimento.
Voce ve e aprova antes de existir codigo
Menos retrabalho e prazo mais previsivel
Decisao visual documentada em guia de estilo
Quer este item no seu projeto? Marque no formulario e eu incluo no orcamento.
05 · Investimento
Orcamento sob medida, porque nenhum projeto e igual ao outro
Nao trabalho com tabela fixa, e explico o motivo: uma pagina de cinco blocos com texto pronto nao
da o mesmo trabalho que uma pagina com animacao, catalogo, aplicativo instalavel e integracao com
sistema. Voce escolhe o que quer dentro da pagina e o valor nasce desse escopo, fechado por escrito
antes de eu comecar.
O que define o valor do seu projeto
TamanhoQuantidade de blocos, de paginas e de conteudo a organizar.
ConteudoSe voce entrega textos e fotos prontos ou se escrevemos juntos.
Recursos tecnicosAnimacao, catalogo, aplicativo instalavel, integracao e medicao avancada.
DesignAproveitar a identidade que voce ja tem ou definir a direcao visual do site.
PrazoEntrega no fluxo normal ou com prioridade na fila.
Depois da entregaProjeto entregue e encerrado ou acompanhamento mensal ativo.
Como chegamos ao numero
Voce conta o que precisaPelo formulario aqui embaixo ou pelo WhatsApp, em poucas linhas.
Eu devolvo o escopoEm ate 1 dia util, com blocos, tecnologias, prazo e valor fechado.
Aprovado, comecaMetade na assinatura e metade na entrega, por Pix ou cartao.
O valor aprovado nao muda durante o projeto. Se voce quiser incluir algo novo no meio do
caminho, eu apresento a diferenca antes de executar.
Depois da entrega
Site Vivo, o acompanhamento mensal
Site parado envelhece rapido: navegador atualiza, concorrente melhora e o Google muda o
criterio. O Site Vivo existe para o seu site continuar rapido, seguro e no ar sem voce
precisar lembrar disso.
Relatorio mensal com acessos, contatos recebidos e nota de velocidade
Pequenos ajustes de texto, foto e preco durante o mes
Backup do site guardado fora da hospedagem
Monitoramento de queda, com aviso e correcao no mesmo dia
Uma melhoria planejada por mes, escolhida junto com voce
Sob medidamensal, conforme o tamanho do site
Sem fidelidade. Voce pode pausar quando quiser e o site continua sendo seu.
Escopo e valor travadosO que combinamos por escrito nao muda de preco durante o projeto.
O projeto e seu, com codigo fonteDominio no seu nome, arquivos entregues, nenhuma amarra comigo.
Prazo com data, nao com em breveVoce recebe a data de entrega antes de pagar a primeira parcela.
Dados tratados conforme a LGPDAviso claro sobre o uso das informacoes e politica publicada no site.
06 · Perguntas frequentes
Perguntas frequentes
Se a sua duvida nao estiver aqui, me pergunte no formulario que eu respondo direto.
Uma landing page fica pronta em 5 a 10 dias uteis e um site institucional em 10 a 20 dias
uteis. A contagem comeca no dia em que eu recebo textos, fotos e o acesso ao dominio.
Sim. O dominio e registrado no seu nome, a hospedagem fica na sua conta e todo o codigo e
entregue para voce. Se um dia quiser trocar de profissional, leva tudo com voce.
Nao. A unica mensalidade possivel e o Site Vivo, que e opcional. O custo obrigatorio e o
dominio, pago uma vez por ano direto no registrador.
Consegue. Toda entrega inclui duas rodadas de revisao e um video curto mostrando como trocar
texto, foto e informacao de contato. Depois disso, ajustes avulsos sao cobrados por hora ou
entram no Site Vivo.
Metade na aprovacao do escopo e metade na entrega, por Pix ou cartao. O valor combinado no
inicio e o valor final.
Atendo de forma totalmente online, por WhatsApp e chamada de video. Site e produto digital,
entao endereco nao muda nada no resultado.
07 · Contato
Me conte sobre o seu projeto
Preencha os dois passos abaixo. So o nome e o WhatsApp sao obrigatorios, o resto voce completa
se quiser adiantar o assunto. Ao enviar, a proposta chega direto para mim com tudo organizado.