SANTO JUGADOR
Online store for a sports-collectibles brand selling unique pieces with a story.
Meet the client. Who they are and who they sell to.
The client
Santo Jugador is a Mexican sports-collectibles brand. They sell authentic, limited pieces to collectors who value story and authenticity — the kind of buyer willing to pay MXN $15,000 if they trust who they're buying from.
What they came to solve, in plain language.
Challenge
- 01Move from Instagram and DM sales to a real online store with serious checkout.
- 02Build trust for high-ticket items the buyer can't physically inspect.
- 0390% of traffic is mobile — everything has to work flawlessly on a phone.
- 04Each jersey has its own story — it needs its own detail sheet, not a template.
What changed between day one and launch.
Before & after
MANUAL SELLING
- Catalog only on Instagram
- Sales closed via DMs, one by one
- No checkout, no cart
- The founder handled every sale
AUTONOMOUS STORE
- Catalog with authenticity visible on every piece
- Shop Pay checkout, live from day one
- Frictionless mobile-first experience
- Sells 24/7 without touching a DM
Every feature shaped so the client closes the deal.
What we built
Full detail per jersey
Measurements, patches, number, authenticity code and verified condition. The collector buys with the info they'd ask for at auction.
- Verified condition per piece
- Unique authenticity code
- Detailed measurements and patches
- 5-angle high-res photos per piece
A cart that waits for you
Up to a week without losing the piece — even if you switch devices or come back later.
- 7-day persistence
- Cross-device sync
- Low-stock heads-up
Recommendations that actually land
Recommendations by team, era and price range — the collector discovers the next piece without scrolling the entire catalog.
- Filter by team and era
- Price-range matching
- Related pieces view
Mobile, perfect
60fps high-res galleries, zoom to verify stitching and one-tap Shop Pay checkout.
- 60fps hi-res gallery
- Zoom to inspect stitching
- One-tap checkout
Our five steps applied to a real project.
Process
- 01Wk 1-2
Discovery
Interviews with the founder and two real collectors. Friction map of the current DM flow.
- Brief + roadmap
- Friction map
- 02Wk 2-3
Architecture
Headless Shopify Storefront + mobile-first React. Metafield schema for auction-grade detail pages.
- Architecture + ADRs
- Metafield schema
- 03Wk 3-7
Construction
11 routes, 45 components. Code and design in the same sprint. Weekly demo, no surprises at sprint 14.
- Visual system applied
- Store on staging
- 04Wk 8-9
Launch
Deploy with feature flags. Web Vitals from day one. First drop live at go-live.
- Production + drop live
- Web Vitals dashboard
- 05Wk 10+
Scale
Handoff to the client team. Post-launch roadmap: drops with waitlist, collector dashboard.
- Post-launch roadmap
- Handoff + support
- 01Wk 1-2
Discovery
Interviews with the founder and two real collectors. Friction map of the current DM flow.
- Brief + roadmap
- Friction map
- 02Wk 2-3
Architecture
Headless Shopify Storefront + mobile-first React. Metafield schema for auction-grade detail pages.
- Architecture + ADRs
- Metafield schema
- 03Wk 3-7
Construction
11 routes, 45 components. Code and design in the same sprint. Weekly demo, no surprises at sprint 14.
- Visual system applied
- Store on staging
- 04Wk 8-9
Launch
Deploy with feature flags. Web Vitals from day one. First drop live at go-live.
- Production + drop live
- Web Vitals dashboard
- 05Wk 10+
Scale
Handoff to the client team. Post-launch roadmap: drops with waitlist, collector dashboard.
- Post-launch roadmap
- Handoff + support
The numbers the project left behind in production.
What changed
Collectors who return to their cart days later and close the purchase.
If two people share a phone, their carts never mix.
The full gallery opens instantly, even off wifi.
Ten weeks from first brief to a live, selling store.
Screens of the site in production.
How it looks
The technologies that sustain the operation.
Technologies
- React 19
- Vite
- React Router 7
- Shopify Storefront API
- GraphQL
- GSAP
- Framer Motion
- Lottie
- Swiper
Want something like this for your business?
If this case clicked for you, let's talk. We reply within one business day, no strings attached.