Digital.Net Telecom – Landing comercial para provedor

Landing pública para provedor regional, centrada em planos, cobertura e atendimento local.

Visão geral

Nova experiência pública da Digital.Net Telecom, independente da landing anterior e desenhada para conduzir o visitante por planos, benefícios, cobertura e atendimento. A entrega combina uma direção visual mais editorial com conteúdo estruturado e chamadas diretas para WhatsApp, mantendo a base preparada para futuras integrações comerciais.

Desafio

  • A experiência anterior precisava de uma jornada comercial mais direta e coerente com um provedor regional.
  • O desafio era comunicar oferta, cobertura e suporte sem transformar a primeira visita em um painel operacional cheio de ruído.

Solução

  • Construí uma landing independente em Next.js, composta por seções reutilizáveis para hero, planos, benefícios, depoimentos, cobertura, FAQ e contato.
  • O conteúdo pode vir do Notion com cache e fallback local, enquanto os fluxos interativos — slider, menu, FAQ e consulta de CEP — permanecem leves e orientados à conversão.

Arquitetura

  • Landing independente com App Router
  • Composição por componentes e seções reutilizáveis
  • Conteúdo opcional via Notion com fallback local
  • Cache server-side com revalidação periódica
  • Interações client-side isoladas por jornada

Decisões técnicas

  • Separei a v2 da landing anterior para evoluir a direção comercial e visual sem carregar dependências da experiência antiga.
  • Usei Notion como fonte opcional de conteúdo, com fallback local para a página continuar disponível mesmo sem CMS configurado.
  • Mantive a consulta de cobertura simples e progressiva: validação de CEP no cliente e encaminhamento contextual para WhatsApp.
  • Priorizei semântica, foco nativo e redução de movimento para equilibrar conversão, acessibilidade e leveza.

Destaques de Engenharia

  • Hero com narrativa por contexto de uso
  • Planos, benefícios e cobertura em uma jornada única
  • CTAs diretos para WhatsApp e consulta de cobertura
  • Conteúdo editável via Notion sem acoplar a apresentação ao CMS
  • Experiência responsiva com acessibilidade e reduced motion

Impacto

  • Proposta comercial mais clara na primeira visita
  • Menos ruído entre oferta, cobertura e atendimento
  • Base leve para conectar CMS, leads e páginas de suporte depois

Resultado

  • Antes: a proposta comercial estava apoiada na experiência anterior -> Depois: uma landing independente passou a organizar a jornada por planos, cobertura e atendimento.
  • Antes: o conteúdo dependia de uma estrutura rígida -> Depois: a combinação entre Notion e fallback local permite evoluir as informações sem comprometer a disponibilidade.
  • Antes: a primeira visita tinha mais caminhos dispersos -> Depois: CTAs e seções conduzem o visitante até a consulta de cobertura ou o WhatsApp.

Tecnologias

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Notion API
  • Lucide React