JOS Colecionáveis
A singles store built to carry a catalogue of thousands of SKUs.
- Client
- JOS Colecionáveis
- Sector
- E-commerce · Trading card games
- Year
- 2026
- Scope
- UX/UI · WooCommerce development · Catalogue architecture · CRO
The problem
Selling singles is not selling ordinary e-commerce product. Every card is a SKU, every condition is a variation, and stock disappears one unit at a time. A store built on an off-the-shelf theme breaks exactly there: either the catalogue becomes impossible to browse, or the owner cannot keep it updated.
The buyer is different too. They are meticulous, they know the card number by heart, and they distrust any sign of amateurism.
What I built
The architecture is built for a card catalogue rather than a generic shop: one simple product per SKU, global attributes for filtering, and a CSV import workflow, which is what lets the owner load an entire set without entering items one by one.
The storefront shows real per-unit stock, the "5 in stock" and "only 2 left" kind, because genuine scarcity converts and invented scarcity burns the store. Sorting by card number is not a WooCommerce feature, it was built for this: that is how a collector searches. The "in stock only" filter exists because a large catalogue with sold-out items scattered through it irritates the buyer who knows what they want.
In collectibles, the photograph is the product
Large photography, item condition and availability at the top of the product page. The hierarchy is photo, price, availability, guarantee. Each element answers a real objection, and nothing beyond that gets in.
A large catalogue that does not become a maze
Navigation by game, and inside each game by singles and sealed, with sets and accessories kept separate. Filters by price and availability. The bigger the catalogue, the more the structure matters more than the design.
Inside
Project documentation
Art direction
The only light project in the portfolio, deliberately. A collectibles shop lives on product photography, and product shot on white stays white in the storefront. A dark background would turn every card into a floating bright rectangle. The light blue is the shop’s own and was reserved for state — active, selected, in stock.
Palette
- #FFFFFF Background
- #F2FAFD Panel
- #C2E6F5 Rule
- #64C0E5 Accent
- #261B49 Strong text
- #2FAE62 In stock
- #848688 Muted
Green reserved for availability alone. In a collectibles shop, in-stock or not is the most-checked fact on the page — it could not share a colour with anything else.
Why this stack
WooCommerce because the catalogue is large, varied and changes daily, and the owner needed to manage it without calling me. The real work was not the store: it was the data model. Singles, sealed product and used items have different stock rules, and forcing all three into one product type is what breaks collectibles shops past a thousand SKUs.
Details
Bulk import
A new set comes in by CSV with global attributes already mapped. Without it, listing one set is a lost afternoon and the catalogue falls permanently behind.
In numbers
What was built, counted on the site itself.
card games in the catalogue: Pokémon, Magic and Lorcana, singles and sealed
sort options, including the custom sort by card number
unit: stock is tracked piece by piece