Tecvashop
Projeto 03 — Landing Page · Identidade de Marca · Logomarca

SaaS de BI financeiro para e-commerce

Criei a marca, a logomarca e a landing page de pré-lançamento do Tecvashop para geração de leads.

role para ver o projeto
ClienteTecvashop
SegmentoSaaS de BI financeiro para e-commerce
CidadeCuritiba - PR
Tipo de projetoLanding page de captação · Identidade de marca · Logomarca
Meu papelExecução completa — marca, copy, design e código
EscopoEstudo de personas · Estratégia de mensagem · Redação completa · Identidade e logomarca · Design e design system · Programação e publicação · Formulários de captura e backend de e-mail · SEO técnico
Landing Page CRO / Conversão Copywriting Identidade de Marca Logomarca HTML / CSS / JS SEO técnico Captação de Leads
O desafio

Pré-lançamento não tem prova de resultado. Toda a conversão precisa vir da clareza do problema.

Vender software antes do lançamento é o cenário mais difícil de conversão que existe: não há case, não há depoimento, não há número de cliente. O que sobra é a capacidade de descrever a dor com tanta precisão que o leitor reconheça a própria operação na tela.

O público também é específico: lojistas da Nuvemshop pequeno e médio, que não tem paciência com planilha, não fala a língua de dashboard e desconfia — com razão — de IA que promete número. Cada uma dessas resistências virou uma decisão de página.

  • Fazer o lojista reconhecer o próprio problema em menos de dez segundos
  • Explicar um produto técnico sem exigir vocabulário técnico
  • Neutralizar a desconfiança em IA aplicada a dinheiro
  • Capturar lista de pré-lançamento sem oferecer desconto
  • Criar uma marca atual e profissional
  • Criar uma landing page de alta conversão
Decisões

As decisões da página

Cinco decisões, da primeira dobra ao formulário — cada uma respondendo a uma resistência específica do lojista. Técnicas de CRO / Conversão aplicadas para maximizar a conversão.

A entrada

A pergunta que o lojista já faz sozinho

A dobra abre com "Você realmente lucra com o seu e-commerce?" — a pergunta que o dono da loja faz de madrugada e não sabe responder. Em vez de anunciar a categoria do produto, a página anuncia a dúvida. Logo abaixo, três números de mercado com fonte, para transformar aflição individual em problema reconhecido. É a primeira tela concentrando atenção onde ela precisa estar.

Veja como faço sites de alta conversão →
Primeira dobra e os três números de mercado
Bloco das três personas
O desejo

Três histórias no lugar de três benefícios

Substituí a lista de recursos por três falas literais de personas — "faturei R$ 80 mil e não sobrou para pagar o fornecedor". Benefício descrito em terceira pessoa não gruda; frase que o leitor já disse em voz alta, gruda. O bloco fecha nomeando o ponto comum: nenhum dos três enxerga o prejuízo antes de ele estar consolidado.

A confiança

Antecipar a objeção mais cara: "e se a IA errar meu número?"

Essa objeção mataria a conversão, então virou seção inteira. A página explica que o cálculo roda num motor determinístico e que a IA só traduz o resultado — nunca calcula. Também deixa claro que nada é alterado na loja sem aprovação. Em produto que mexe com dinheiro, delimitar o poder da ferramenta vende mais do que ampliá-lo.

Seção do motor determinístico
Formulários de captura — topo e fim
O fechamento

Captura sem fricção e sem desconto

Dois pontos de captura, topo e fim, ambos pedindo só o e-mail, com a condição declarada em uma linha: sem custo, sem cartão. A oferta não é preço — é acesso antecipado e condição de fundador. Em pré-lançamento, escassez real converte melhor que desconto, porque desconto sinaliza produto barato antes de o produto existir.

A base técnica

Página pesada de efeito, leve de carregamento

Construí em HTML, CSS e JavaScript puros — sem framework, sem construtor. Glassmorphism, camadas de fundo com parallax, animações por scroll, contadores e vídeo em modal com play sob demanda, tudo com atenção a peso e ao tempo de primeira renderização. Efeito visual que atrasa a página trabalha contra a conversão que ele deveria ajudar.

Veja como trabalho SEO e performance direto no código →
Glassmorphism, parallax e vídeo em modal
Vamos começar

A sua empresa tem uma história que o digital ainda não conta.

Me manda o link do seu site ou da sua loja no WhatsApp. Faço um diagnóstico gratuito reduzido, apontando onde ele pode trabalhar mais por você. Sem custo, sem compromisso.

QUERO MEU DIAGNÓSTICO GRATUITO NO WHATSAPP
WhatsApp