Falar do meu projetoWhatsApp
Falar do meu projeto

Projetos

Vida Natural

A fábrica, a marca e os produtos já existiam; o site não mostrava o peso que têm. Redesenhámos o site existente para apresentar tudo com clareza.

Ver o site online ↗

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 num único menu e os produtos listados sem contexto. A história de uma fábrica com quatro décadas não aparecia no ecrã.

O que fizemos

Partimos do site e da marca que já existiam. Reorganizámos 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 alinhámos as cores e a tipografia do site com a 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 uma base de dados. Um script recorta o fundo branco das fotos, para as embalagens flutuarem sobre a página.

  • Preço calculado no servidor

    O browser nunca envia o preço: o carrinho é recalculado a partir da base de dados a cada alteração e outra vez antes de a encomenda ser gravada.

  • Checkout pronto a ativar

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

  • Testado de ponta a ponta

    Fluxo de compra, interface e links cobertos por testes automáticos, sem quebras de layout em cinco larguras de ecrã.

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ê

Contacto

Faça omercadomover-se.

Diga-nos o que quer mover e para onde. A conversa começa no diagnóstico e acaba numa proposta clara.

Pedir diagnóstico