Pular para o conteúdo

Todos os trabalhosDermatech Medical

Dois cliques no mesmo segundo.

Site de nove páginas em português, inglês e espanhol para uma empresa de equipamentos de análise de pele e do couro cabeludo por imagem. Os botões de WhatsApp alternam entre os consultores comerciais, e o contato chega direto a uma pessoa. A estrutura das páginas e o ponto de partida visual vieram dos mockups da cliente, e as imagens de produto vêm dos catálogos dos fabricantes; a implementação, a programação e a publicação foram minhas.

Estado
no ar
Período
09/2026 em diante
Stack
HTML, CSS e JavaScript puros, Cloudflare Pages, Worker, D1
Endereço
Ver no ar

Feito por mim

Implementação, três idiomas, rodízio de WhatsApp e publicação.

Veio do cliente

Mockups com a estrutura das páginas e o ponto de partida visual. Imagens de produto dos catálogos dos fabricantes.

Por dentro

Uma instrução só

Para os links de anúncio, um Worker fica na frente de um único caminho do domínio e deixa o resto do site intocado. A vez do consultor sai de uma única instrução SQL que grava o clique e devolve quem atende. O banco serializa as escritas, então dois cliques no mesmo segundo não caem na mesma pessoa.

SQL
INSERT INTO wa_cliques (origem, consultor)
VALUES (?1, 'c' || ((SELECT COALESCE(MAX(id), 0) FROM wa_cliques)
                     % CAST(?2 AS INTEGER) + 1))
RETURNING id, consultor;

Quem clicou nunca vê erro

O banco tem 1,5 s para responder. Se falhar ou demorar, o Worker sorteia e redireciona do mesmo jeito; em segundo plano, corrige a linha se o sorteio divergiu. Robô de pré-visualização, HEAD e prefetch recebem o redirecionamento, mas não gastam a vez. Nada de IP ou user-agent no banco: só origem, horário e consultor.

Publicar sem acidente

A pasta de trabalho pede para não ser indexada em três camadas. Ir ao ar passa por um script que remove isso numa cópia e por outro que confere o site publicado, com 180 verificações. O DNS foi migrado com e-mail, SPF, DKIM e DMARC conferidos idênticos antes e depois.

Como sei que funciona

Nos links de anúncio, o contador está no banco e o caminho responde 302 em produção. O site e o formulário abrem o WhatsApp sem servidor no meio, de propósito: esperar um serviço de envio travaria o único ponto de conversão.

O que isso não faz

  • No botão do próprio site, o rodízio é por navegador, com ponto inicial sorteado: é aproximado. A contagem exata é a do Worker.
  • A troca de idioma é no navegador, numa URL por página: são três idiomas de interface, não SEO em três idiomas.

Telas

Página inicial do site da Dermatech Medical
A página inicial.
Página de um equipamento no site da Dermatech
Uma página por equipamento.

O que quebrou

  1. O Google indexou uma página em inglês.

    O robô renderiza como en-US, e o site seguia o navegador. O idioma inicial agora é sempre português.

Créditos: Mockups com a estrutura das páginas e o ponto de partida visual: Dermatech Medical. Implementação, programação e publicação: João Leite. Marca e imagens de produto pertencem aos titulares.

Me conta o problema.

Uma mensagem basta para começar. Eu mesmo respondo e, se fizer sentido, mando uma proposta por escrito: o que entra, o que fica de fora, prazo e preço.

WhatsApp (11) 99227-9903