HavenClean
Site que transforma busca em agendamento
Site institucional e plataforma admin para uma empresa de limpeza em Boston, Orlando e Miami — orçamentos online instantâneos, back-office de agendamentos e leads, bilíngue (EN/ES) e SEO técnico desde o dia um.

Estratégia
Dois problemas, uma build. A frente de loja precisava converter cliques pagos em agendamentos; o fundo precisava transformar esses agendamentos num negócio que a equipe conseguisse ver e tocar. Encaixamos os dois numa única aplicação Next.js.
No lado público: um site que não se parece com a concorrência de template, um caminho de conversão com portas de entrada por intenção — orçamento instantâneo, botão de ligação sempre visível, área do cliente — e SEO técnico mais otimização para mecanismos de resposta desde o dia um, em Boston, Orlando e Miami, em inglês e espanhol. No lado de operações: um dashboard onde cada orçamento vira lead, cada lead um registro rastreável, e conversão e valor de pipeline ficam visíveis num relance.

Design
Uma identidade limpa e de alta confiança — azul-marinho profundo sobre branco vivo, tipografia de display em peso forte e fotografia real de interiores — que sinaliza serviço profissional no primeiro segundo. Cada caminho na página é casado com onde o visitante está: pronto pra agendar, comparando ou só ligando.
- Paleta azul-marinho e branco com títulos de display em peso forte e interiores fotográficos full-bleed — nada do azul-de-template padrão da categoria
- Caminhos de conversão por intenção: um orçamento online instantâneo, um botão de ligação sempre visível e uma Área do Cliente separada para quem já é cliente
- Sinais de confiança acima da dobra — prova social de rating 5.0 no Google, selo de equipes seguradas e com checagem de antecedentes e garantia de satisfação em 24 horas presente em todo o site
- Totalmente bilíngue (inglês e espanhol) com roteamento por locale, mais uma camada de regiões — Boston, Orlando e Miami — para relevância local

Tecnologia
Next.js 16 (App Router) e React 19, renderizados no servidor e entregues como imagem de container standalone via GHCR no Dokploy — com uma plataforma admin sobre Postgres por trás do site, não só um folheto estático.
- Next.js 16 App Router + React 19, roteamento bilíngue (inglês e espanhol) via next-intl com metadata, canonical e hreflang corretos por locale
- Back-office de operações: um dashboard para agendamentos, leads, clientes, equipes e time — sobre Postgres via Drizzle ORM — mostrando taxa de conversão, valor de pipeline e agendamentos por região e por serviço
- Fluxo de orçamento instantâneo a agendamento com e-mail transacional via Resend, mais uma Área do Cliente self-service para quem já é cliente
- SEO técnico e AEO desde o dia um: metadata por rota, dados estruturados JSON-LD, sitemap e robots, e páginas locais por região para Boston, Orlando e Miami
- CI/CD em runners GitHub Actions auto-hospedados: typecheck + build + push para GHCR + redeploy do Dokploy, com um ambiente de preview por pull request e promoção de staging para prod por retag de imagem
Operações
O site é só metade do produto. Por trás dele roda uma plataforma admin onde a equipe trabalha o funil inteiro num só lugar — agendamentos, leads, clientes, equipes e time — com taxa de conversão, valor de pipeline e agendamentos ao longo do tempo no dashboard. Cada orçamento instantâneo vira um lead rastreável, então a verba de mídia é mensurável de ponta a ponta em vez de sumir numa caixa de entrada. Construído em Postgres via Drizzle e renderizado no servidor com otimização de imagens e code-splitting por rota, para que a landing de tráfego pago pinte rápido e o fluxo de agendamento siga responsivo.
