Site
Para clienteEm produçãoFreelaKit
Landing page de um kit digital para freelancers
Landing page do FreelaKit Essencial, um kit digital para freelancers com planilha de clientes, projetos e pagamentos, calculadora de preço por hora, modelo de proposta comercial, checklist de projeto e guia rápido. A página explica o que vem no kit, mostra o conteúdo por dentro e leva para o checkout da Hotmart.
O hero é uma réplica interativa da planilha, com oito abas clicáveis, barra de fórmula, calculadora de preço ao vivo e um painel com gráfico. A página é feita em React e entregue como HTML pré-renderizado, então continua funcionando com JavaScript desligado.
O que tem
- Réplica da planilha com oito abas, barra de fórmula e calculadora de preço por hora ao vivo
- Painel com indicadores e gráfico de previsto e recebido por mês
- Prévia da planilha de projetos e do modelo de proposta
- Checkout pela Hotmart e página de contato
- Tema claro e escuro, com a escolha guardada no navegador
- Dados estruturados de produto, oferta e perguntas frequentes para os buscadores
Por dentro
- Pré-renderizada
- Cada página chega ao navegador como HTML pronto, e o React só assume as partes interativas depois. O conteúdo aparece antes de qualquer script e a página carrega rápido.
- Funciona sem JavaScript
- Todo o conteúdo, a navegação e o botão de compra funcionam sem script. O JavaScript só acrescenta as abas da planilha, a calculadora e o tema.
- Planilha no navegador
- As abas, a barra de fórmula e a calculadora reproduzem a planilha real com acessibilidade por teclado e leitores de tela, usando os padrões de tabs da ARIA.
- Pronta para buscadores
- Fontes hospedadas no próprio site, dados estruturados de produto e FAQ, sitemap e imagem de compartilhamento publicados junto com as páginas.
Imagens
