Visão geral
O projeto organiza a presença digital de uma perfumaria em uma experiência visual focada em descoberta. A página combina apresentação da marca, categorias, carrossel de produtos e chamadas diretas para atendimento por canais sociais.
Vitrine mobile-first para apresentar categorias, produtos e caminhos de contato direto por WhatsApp e Instagram.
O projeto organiza a presença digital de uma perfumaria em uma experiência visual focada em descoberta. A página combina apresentação da marca, categorias, carrossel de produtos e chamadas diretas para atendimento por canais sociais.
Uma pequena operação comercial precisa apresentar seus produtos de forma clara e atraente sem depender, desde o início, de uma estrutura completa de e-commerce. A experiência deve funcionar bem no celular e reduzir a distância entre descoberta e contato.
Minha atuação
As frentes em que participei diretamente, da definição do fluxo à implementação técnica.
Desenvolvimento frontend com Next.js, React e TypeScript.
Construção da narrativa visual e das seções da landing page.
Modelagem local de categorias e produtos.
Implementação do carrossel e das animações de entrada.
Integração de chamadas para WhatsApp e Instagram.
Ajustes de responsividade com foco em navegação mobile-first.
Funcionalidades
Recursos principais que materializam o fluxo e as regras deste case.
Hero e apresentação da marca
Categorias de produtos
Carrossel de destaques
Chamadas para WhatsApp
Integração com Instagram
Layout responsivo
Desafios técnicos
Decisões técnicas ligadas ao contexto, às exceções e à confiabilidade do fluxo.
Desafio 1
Equilibrar identidade visual e legibilidade em diferentes tamanhos de tela.
Desafio 2
Criar uma vitrine atraente sem depender de backend ou checkout próprio.
Desafio 3
Manter o carrossel fluido e os contatos acessíveis durante a navegação.
Resultado e aprendizado
O projeto reforçou experiência com landing pages orientadas a negócio, catálogos digitais e interfaces em que a conversão acontece por canais de atendimento já usados pela operação.
Galeria
Capturas selecionadas para apresentar a interface sem expor informações sensíveis.

