Falar sobre meu projetoWhatsApp

Projetos

Vida Natural

A fábrica, a marca e os produtos já existiam; o site não mostrava o peso deles. Redesenhamos o site existente para apresentar tudo com clareza.

Ver o site no ar ↗

Cliente
Vida Natural
Segmento
Méis e produtos naturais
Serviço
Redesign de site
Ano
2026
Nova página inicial da Vida Natural: título editorial e os produtos em destaque.

Antes e depois

Página inicial antiga da Vida Natural: banner decorativo e menu de categorias.
Antes
Nova página inicial da Vida Natural: título editorial e os produtos em destaque.
Depois
  • Visual moderno
  • Conteúdo organizado
  • Navegação mais clara
  • Produtos em destaque
  • Apresentação mais profissional

Desafio

O site anterior funcionava como um catálogo: um banner decorativo no topo, as categorias concentradas em um único menu e os produtos listados sem contexto. A história de uma fábrica com quatro décadas não aparecia na tela.

O que fizemos

Partimos do site e da marca que já existiam. Reorganizamos a navegação em torno do que o cliente procura (méis, própolis e abelhas sem ferrão), demos à fotografia de produto o papel principal e alinhamos cores e tipografia do site à identidade da marca.

Destaques técnicos

  • Catálogo real, nada inventado

    Produtos, preços, descrições e fotos foram extraídos do site antigo e levados para um banco de dados. Um script recorta o fundo branco das fotos, para as embalagens flutuarem sobre a página.

  • Preço calculado no servidor

    O navegador nunca envia preço: o carrinho é recalculado a partir do banco a cada mudança e de novo antes de o pedido ser gravado.

  • Checkout pronto para ativar

    Mercado Pago com PIX, cartão e boleto e webhook assinado. Sem as credenciais, o pedido segue pelo WhatsApp, como a loja já opera.

  • Testado de ponta a ponta

    Fluxo de compra, interface e links cobertos por testes automatizados, sem quebra de layout em cinco larguras de tela.

StackNext.jsReactPrismaTailwind CSSZodMercado Pago

O que mudou

Um site à altura da fábrica: visual moderno, conteúdo organizado, navegação direta e produtos apresentados como protagonistas.

Próximo case

Meldê

Contato

Faça omercadose mover.

Conte o que você quer mover e para onde. A conversa começa pelo diagnóstico e termina com uma proposta clara.

Solicitar diagnóstico