JOS Colecionáveis
Loja de carta avulsa que aguenta catálogo de milhares de SKUs.
- Cliente
- JOS Colecionáveis
- Segmento
- E-commerce · Card games
- Ano
- 2026
- Escopo
- UX/UI · Desenvolvimento WooCommerce · Arquitetura de catálogo · CRO
O problema
Vender carta avulsa não é vender produto de e-commerce comum. Cada carta é um SKU, cada condição é uma variação, e o estoque some de uma unidade. Loja montada com tema pronto quebra nesse ponto: ou o catálogo fica impossível de navegar, ou o dono não consegue cadastrar.
O comprador também é diferente. Ele é detalhista, sabe o número da carta de cabeça e desconfia de qualquer sinal de amadorismo.
O que eu fiz
A arquitetura é de catálogo de carta, não de loja genérica: um produto simples por SKU, atributo global pra filtrar e fluxo de importação por CSV, que é o que permite o dono subir coleção inteira sem cadastrar peça por peça.
A vitrine mostra estoque real por unidade, do tipo "5 em estoque" e "só restam 2", porque escassez verdadeira converte e escassez inventada queima a loja. A ordenação por numeração da carta não vem do WooCommerce, foi feita sob medida: é assim que o colecionador procura. O filtro "apenas disponíveis" existe porque catálogo grande com item esgotado no meio irrita quem sabe o que quer.
No colecionável, a foto é o produto
Foto grande, estado do item e disponibilidade no topo da página de produto. A hierarquia é foto, preço, disponibilidade, garantia. Cada elemento responde uma objeção real, e nada além disso entra.
Catálogo grande sem virar labirinto
Navegação por jogo, e dentro do jogo por singles e selados, com edições e acessórios separados. Filtro por preço e por disponibilidade. Quanto maior o catálogo, mais a estrutura vale mais que o design.
Por dentro
Documentação do projeto
Direção de arte
Único projeto claro do portfólio, e de propósito. Loja de colecionável vive de foto de produto, e produto fotografado em fundo branco continua branco na vitrine. Fundo escuro faria cada card virar um retângulo brilhante flutuando. O azul-claro é da marca da loja e ficou reservado pra estado — ativo, selecionado, em estoque.
Paleta
- #FFFFFF Fundo
- #F2FAFD Painel
- #C2E6F5 Linha
- #64C0E5 Acento
- #261B49 Texto forte
- #2FAE62 Em estoque
- #848688 Secundário
Verde reservado só pra disponibilidade. Numa loja de colecionável, "tem" ou "não tem" é a informação mais consultada da página — ela não podia dividir cor com nada.
Por que essa stack
WooCommerce porque o catálogo é grande, variado e muda todo dia, e a dona precisava mexer sem me chamar. O trabalho real não foi a loja: foi o modelo de dados. Carta avulsa, produto lacrado e item usado têm regras de estoque diferentes, e forçar os três no mesmo tipo de produto é o que quebra loja de colecionável depois de mil SKUs.
Detalhes
Importação em lote
Coleção nova entra por CSV com atributo global já mapeado. Sem isso, cadastrar uma coleção é uma tarde perdida e o catálogo atrasa pra sempre.
Em números
O que foi construído, contado no próprio site.
card games no catálogo: Pokémon, Magic e Lorcana, singles e selados
critérios de ordenação, incluindo numeração da carta, feita sob medida
unidade: o estoque é controlado peça a peça