← Todos os cases
E-commerce, WooCommerce, Tema próprio, Performance

Boutique Fit — e-commerce em tema próprio

E-commerce de moda fitness em tema WordPress próprio sobre WooCommerce — filtros em AJAX, carrinho lateral, checkout em três etapas e home que se monta sozinha a partir do catálogo.

  • ClienteBoutique Fit
  • SetorE-commerce · Moda Fitness
  • ServiçosE-commerce · Performance
  • Ano2026
  • SiteAcessar →
Boutique Fit — e-commerce em tema próprio

A Boutique Fit é uma das principais lojas de moda fitness feminina do Paraná — operação física em Curitiba e e-commerce nacional.

Desenvolvemos a loja em um tema WordPress próprio, escrito do zero sobre o WooCommerce: vitrine, filtros, produto, carrinho, checkout e conta do cliente, tudo desenhado sob medida para a marca — com as integrações de pagamento e frete operando nativamente.

Para o negócio

O que uma loja sob medida devolve em receita.

Cada decisão de engenharia aqui tem efeito direto no funil de vendas — em quanto tráfego chega, quanto dele converte e quanto a loja consegue cobrar.

  • 01 Mais indexação HTML limpo e semântico: o buscador rastreia mais páginas do catálogo em menos tempo.
  • 02 Preparada para busca com IA Motores de resposta leem estrutura, não layout. A loja passa a existir em um canal novo de descoberta.
  • 03 Velocidade é conversão Página leve não perde visita no carregamento. O tráfego pago que você já compra rende mais.
  • 04 Usabilidade é conversão Filtro que responde, carrinho que não interrompe, checkout com menos fricção até o pagamento.
  • 05 Credibilidade sustenta o ticket Para quem ainda não conhece a marca, a loja é a marca — e é ela que justifica o preço.
boutiquefit.com.br
Home da Boutique Fit no tema próprio
Home com carrossel que puxa sozinho os produtos mais vendidos de cada categoria.
01 · O projeto

Tema próprio, escrito para a loja.

Todo o front-end foi escrito do zero: sem tema-pai e sem construtor de página, com o WooCommerce como fundação transacional. Markup, componentes visuais e fluxos de interface são código do tema, feitos para o catálogo e o ritmo da Boutique Fit.

A decisão de engenharia mais importante foi preservar todos os action hooks do WooCommerce — é o que mantém o gateway de pagamento, os campos brasileiros de CPF e telefone e o cálculo de frete dos Correios operando nativamente, sem adaptação.

Na home, o carrossel monta a vitrine sozinho com os produtos mais vendidos de cada categoria: a página acompanha o catálogo em tempo real, sem banner manual.

02 · O projeto em números

Uma loja completa que carrega leve.

Números medidos na home da loja no ar, com cache do navegador desativado.

HTML da home
115KB
vitrine completa do catálogo
Tempo de resposta
~1,6s
média de 3 medições
Scripts na página
32
incluindo gateway e frete
Imagens no HTML
46
todas com carregamento adiado
boutiquefit.com.br/loja
Página da loja com painel de filtros e grade de produtos
Vitrine com filtro em AJAX e rolagem infinita, renderizada pelo próprio tema.
03 · Catálogo

Filtros em AJAX escritos no tema.

O catálogo tem filtro em AJAX com rolagem infinita, combinando categoria, tamanho, cor, marca, faixa de preço, promoção, ordenação e busca por termo — tudo renderizado por código do tema, sem plugin visual entre o usuário e o produto.

O contador de produtos por categoria é calculado na própria consulta: a pessoa vê quantas peças existem antes de aplicar o filtro.

04 · Navegação

Mega menu e vitrine de categoria do zero.

O mega menu com cards de categoria e foto de produto foi construído do zero, com hover instantâneo e sem biblioteca externa.

O cabeçalho encolhe de 134px para 62px ao rolar e a busca vira um painel ancorado na lupa: libera espaço vertical na leitura sem esconder a marca.

boutiquefit.com.br/categoria-produto/tops
Vitrine da categoria Tops
Vitrine de categoria servida pelo tema, com filtros na lateral.
boutiquefit.com.br/produto/…
Página de produto com galeria, seleção de tamanho e cálculo de frete
Galeria, seleção de variação, pontos de fidelidade e cálculo de frete na mesma dobra.
05 · Produto

Frete e fidelidade na primeira dobra.

A galeria de produto tem zoom e navegação de miniaturas escritos no tema. As variações de tamanho e cor são servidas pelo WooCommerce — a camada visual é toda própria.

O cálculo de frete por CEP e o cartão de pontos ficam acima da dobra, junto do botão de compra: a pessoa decide com tudo à vista.

06 · Compra

Checkout em três etapas. Carrinho em painel lateral.

O checkout tem campos pareados, resumo do pedido sempre visível, cartão de pontos integrado e um desenho de cartão de crédito que se preenche em tempo real conforme a pessoa digita.

O carrinho é um painel lateral: o aviso de "produto adicionado" aparece dentro dele, e a pessoa vê o carrinho crescer sem sair do que estava fazendo.

boutiquefit.com.br/finalizar-compra
Checkout da Boutique Fit em três etapas, com campos de CPF e CEP
Checkout em três etapas. CPF e cálculo por CEP vêm dos hooks do WooCommerce.
boutiquefit.com.br/minha-conta
Tela de login e cadastro da área do cliente
Login, cadastro e as duas etapas de recuperação de senha, com layout próprio.
07 · Conta do cliente

Área do cliente com layout próprio.

Login, cadastro e recuperação de senha têm telas desenhadas para a marca, sobre o fluxo de autenticação nativo do WooCommerce — pedidos, endereços e pontos de fidelidade no mesmo lugar.

08 · Mobile

A mesma loja, sem versão paralela.

Não existe um "site mobile" separado: o mesmo tema responde nas duas larguras. No celular o menu vira drawer, a busca ocupa a largura toda e a galeria de produto passa a rolar na horizontal.

Como o HTML já é enxuto no desktop, a versão mobile não precisa de nenhum truque adicional pra carregar rápido.

Home da Boutique Fit no celular
Home · 390 × 844
Página de produto no celular
Produto · 390 × 844

09 · O que ficou pro cliente.

Escopo do projeto

Tema completo — home, vitrine, categoria, produto, carrinho lateral, checkout e conta do cliente — mais 16 páginas institucionais em HTML limpo, editáveis pelo painel do WordPress, mega menu e filtros em AJAX.

  • Tema próprio versionado Todo o front-end é código da loja, evoluído pela equipe da Inundaweb no ritmo do negócio.
  • Instalação enxuta Poucos plugins, todos com função de negócio: pagamento, frete e campos brasileiros — menos superfície para manter.
  • Integrações nativas Gateway, Correios e CPF/telefone operam pelos hooks do WooCommerce, sem camada de adaptação.
  • Páginas editáveis pelo painel As 16 páginas institucionais são HTML limpo, atualizável pelo WordPress sem depender de desenvolvedor.
  • Home que se atualiza sozinha O carrossel puxa as fotos dos produtos mais vendidos de cada categoria — sem banner manual.
  • Estrutura pronta para busca HTML semântico e dados de produto legíveis — para buscadores e para os motores de resposta com IA.
Mais cases

Vamos conversar?

Diagnóstico gratuito de 30 minutos.