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.
Galeria do produto
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