Quiravelli

A indústria química exige precisão, segurança e inovação constante. A Quiravelli, referência no mercado de galvanoplastia, tratamento de superfícies e lubrificantes industriais, precisava de uma presença digital que unificasse sua robusta linha de produtos e sua autoridade técnica em um único ambiente. O objetivo era claro: criar um ecossistema onde a pesquisa por especialidades químicas fosse tão rápida e eficiente quanto os produtos que eles desenvolvem.

O diferencial: arquitetura desenhada para o comprador técnico

Diferente de um varejo tradicional, a venda B2B de especialidades químicas exige densidade de informações e suporte técnico. Desenvolvemos uma interface que equilibra um catálogo complexo de produtos com conteúdo educativo. A navegação foi estruturada para entregar aplicações, especificações e soluções em poucos cliques, facilitando a decisão de compra de engenheiros de processo e gestores de suprimentos.

O desafio

O grande desafio técnico e de design era modernizar a apresentação de um portfólio extremamente técnico sem gerar sobrecarga cognitiva no usuário. Precisávamos integrar um catálogo de produtos detalhado (com carrinho de orçamentos e lista de desejos) a um sistema de blog completo, garantindo que toda a plataforma oferecesse uma performance impecável de carregamento e um ranqueamento de excelência no Google (SEO).

A solução

Construímos uma plataforma escalável e focada na jornada B2B. A interface traz um design limpo, confiável e alinhado aos padrões da indústria química, utilizando SCSS e Bootstrap 5 de forma customizada. A plataforma de catálogo foi perfeitamente conectada a um sistema de Blog nativo, permitindo à Quiravelli publicar artigos técnicos, educar o mercado de tratamento de superfícies e capturar tráfego orgânico (Inbound Marketing) direto para as páginas de conversão e serviços.

Tecnologia

Para suportar as pesadas exigências de performance e SEO, o projeto foi construído na ponta da tecnologia web utilizando o Next.js 15 e React 18. A gestão de estado para orçamentos e itens salvos foi implementada com Redux Persist. O motor do blog não depende de pesados painéis externos: é renderizado na velocidade da luz através de arquivos Markdown locais. Toda a plataforma é blindada com técnicas avançadas de SEO (utilizando next-seo e next-sitemap), marcação estruturada de dados JSON-LD, e otimização agressiva de imagens (WebP/AVIF), resultando em pontuações altas no Lighthouse e Core Web Vitals.

O resultado

A Quiravelli elevou seu posicionamento para muito além de um site institucional: agora possui um canal ativo de aquisição e conversão B2B. O ecossistema atrai tráfego qualificado através do marketing de conteúdo técnico, encanta com uma vitrine de produtos ultrarrápida e canaliza visitantes de forma fluida para pedidos de cotação. É a união exata entre a credibilidade de uma indústria consolidada e a performance de uma plataforma digital de ponta.