Contexto

A Pocket Parfum vende alta perfumaria na Nuvemshop. O tema padrão já cuidava de catálogo, carrinho e checkout. Faltava a loja parecer uma casa de perfume e facilitar os dois jeitos de comprar da marca: sozinho, pelo carrinho, ou com atendimento, pelo WhatsApp.

O desafio

O tema padrão da Nuvemshop resolve catálogo, carrinho, frete e checkout. Ele não carrega a linguagem de uma marca de perfume: tipografia, cor, ritmo da home e o hábito de comprar pelo WhatsApp.

A restrição do projeto era essa. Não dava para reescrever a loja. Dava para customizar o tema sem quebrar o que a plataforma já faz: variantes, estoque, filtros, minicart, cálculo de frete e publicação pelo admin.

O que foi realizado

O trabalho foi feito dentro do tema oficial. A estrutura de seções, produtos, variantes e frete permaneceu. Por cima entrou uma camada de CSS e ajustes de template: header com logo central e “compre pelo WhatsApp”, barra de avisos que vira marquee no celular, slider, vitrines em carrossel, um bloco que junta vídeo e lançamentos, um painel institucional e uma seção “sobre” editável no painel. Na listagem, filtro e ordenação abrem uma gaveta. Na ficha, preço em destaque, variação em botões, quantidade e dois CTAs — adicionar ao carrinho e WhatsApp.

A paleta é azul-noite, azul de ação e dourado. Roboto leva os títulos; Open Sans, o preço; Inter, os controles de filtro e de compra. No mobile, vídeo, sobre e botões empilham, e o WhatsApp fica fixo na tela.

O case foi redesenhado com base no layout feito pelo UX/UI da DNA 360.

Ficha Técnica:

• Cliente Pocket Parfum
• Projeto Tema de e-commerce — alta perfumaria
• Plataformar Nuvemshop (tema em Twig)
• Papel Front-end do tema: layout, componentes e responsivo
• Entrega Home, header, vitrines, categoria, produto, rodapé e newsletter
• Stack Twig (.tpl), SCSS, JavaScript do tema, Swiper, painel de configurações da Nuvemshop