Destaque

Descrição

A JaEra coloca a negociação de preço dentro da página do produto. O comprador diz quanto quer pagar, as regras da loja respondem na hora e o preço fechado vai direto para o checkout. A ideia e o slogan já existiam. Faltava transformar isso num produto que vive dentro da loja de outra pessoa, em temas que a JaEra não controla, sem parecer intruso e sem fazer o cliente esperar.

Sete em cada dez carrinhos são abandonados antes do pagamento (Baymard Institute, 2025). Na página do produto, quem acha caro não pede desconto: fecha a aba. A gente desenhou cada passo para o comprador não sair da página. O botão fica acima do Adicionar ao carrinho, com a cara da loja, em três modos. As regras da loja respondem em 650 ms e a tela de análise saiu do fluxo, porque é nela que o comprador desiste. Fechou, o valor vai direto para o checkout, sem cupom para copiar. Não fechou, volta o valor do próprio comprador para ele ajustar, sem expor o mínimo da loja.

A gente entregou o design system com as mesmas variáveis no Figma e no código, o modal em quatro estados no desktop e no celular, o botão como app block da Shopify, a home comercial em código, três vídeos de movimento e um guia de implementação em 16 pranchas. A home comercial separa os dois públicos desde a primeira dobra: o lojista segue para a demonstração, o comprador para a lista de lançamento, e o formulário, preparado para o RD Station, já separa um lead do outro. Em negociação on-line, 45% das conversas terminam em venda (Quarterly Journal of Economics, 2020). A JaEra ainda não publicou dado próprio de conversão. O ganho está no mecanismo: venda recuperada, margem protegida e o preço real que o público pagaria.

Contexto

JaEra, contexto JaEra, contexto

Problema

JaEra, problema

Solução

JaEra, solução JaEra, solução

Decisões

JaEra, decisões JaEra, decisões

Celular

JaEra, celular

Design System

JaEra, design system

Home comercial

JaEra, home comercial

Uma home, dois públicos.

A home tem dois trabalhos: agendar a demonstração com o lojista e montar a lista de lançamento com o comprador. Cada bloco leva o visitante para o lado certo do formulário.

Primeira dobra da home da JaEra: título O preço deixou de ser o fim da conversa e botões para lojista e comprador
Cartão da JaEra em Faça sua proposta Cartão da JaEra em Fechou, com o valor garantido Cartão da JaEra em Ainda não deu, com a opção de nova proposta
01

A negociação acontece na primeira dobra.

O cartão do topo roda sozinho entre proposta, Fechou e Ainda não deu. O lojista vê o produto funcionando antes de ler qualquer explicação.

Na captaçãoQuem chega pelo anúncio entende o que está comprando sem rolar a página.

Seção da home com as três etapas, Você escolhe, Você define e Você conclui, cada uma com barra de progresso
02

Três etapas, com barra de progresso.

Escolher, definir e concluir, na mesma ordem do modal.

Na captaçãoA dúvida de como funciona se resolve antes de o visitante chegar ao formulário.

Home dividida em duas metades: Para quem compra, com o botão de aviso do lançamento, e Para quem vende, com o botão para ativar o JaEra na loja
03

Uma metade para cada público.

Quem compra e quem vende têm promessa, lista e botão próprios. A JaEra precisa dos dois lados, e cada um lê só o que é dele.

Na captaçãoO clique já diz de que lado a pessoa está.

Formulário na aba Tenho uma loja: nome, e-mail, endereço da loja e plataforma Formulário na aba Quero comprar: nome, e-mail e o que a pessoa quer negociar
04

Um formulário que separa os dois.

As abas Tenho uma loja e Quero comprar trocam os campos: o lojista informa a loja e a plataforma, o comprador diz o que quer negociar.

Na captaçãoOs campos seguem o padrão do RD Station, com um identificador de conversão para cada formulário, e o lead entra no CRM já separado, pronto para a demonstração de 20 minutos.

No celular, uma coluna na ordem da leitura.

A home empilha a promessa, a negociação acontecendo e o formulário, com um campo por linha.

Home da JaEra no celular, primeira tela
Primeira telaTítulo, botão e os três argumentos antes da primeira rolagem.
Home da JaEra no celular, com o cartão de negociação logo abaixo do texto
Negociação ao vivoO cartão do topo continua rodando, agora logo abaixo do texto.
Formulário da home da JaEra no celular, um campo por linha
FormulárioA aba Quero comprar troca os campos. Um campo por linha, do nome ao botão.

Direção de design, UI e desenvolvimento front-end: Cauã Naval, NavalBrands · Engenharia Criativa. Fotos da home e do produto: Unsplash. Produto, loja e valores das telas são de demonstração.

Entrega

JaEra, entrega

Faturamento

JaEra, faturamento

Por que a NavalBrands

JaEra, por que a navalbrands JaEra, por que a navalbrands