CASE STUDY · 2026
Website Design
E-commerce UX
Interaction Design
Web Build
(01)
PROJECT OVERVIEW
CLIENT
Self-initiated concept
YEAR
2026
ROLE
Design & Development
DURATION
Concept build
(02)
Every project runs through the same focused stages, so nothing important gets skipped.
Phase 01
Concept & voice
Building a comic-book world with thick outlines, halftone panels, Bangers and Space Grotesk type, and copy with big personality and zero chill.
Phase 02
Shopping journeys
Splitting the store into two missions, for your desk or for a kid, then designing character cards, a villain spotlight and a squad builder.
Phase 03
Build & launch
A responsive build with a 360° turntable, power-level stats, a scale chart and a live bundle total, launched on Netlify.
(03)
Design explorations, layouts and visual directions that shaped the final product.
(04)
Collectible figure stores usually look like warehouses: rows of boxes on white, a price and a buy button. Nothing about them feels as fun as the characters they sell.
Buyers also come with two very different goals. Some want a statement piece for their own desk, others need a gift that a child will love.
The goal
Make a store with as much personality as the heroes, guide each type of buyer to the right figure, and encourage bigger orders.
(05)
HERO//HUB reads like a comic book. Every hero gets a numbered card with a sound effect, a one-line joke and a short origin story, and the home page splits into two missions: level up your desk, or find a gift for a kid.
Key features
A character spotlight with a 360° turntable, power-level stats and a scale chart
Collectible cards for 14 heroes, each with its own voice
A Build-a-Squad tool that bundles three heroes at 15% off
An inspiration gallery showing figures on desks, shelves and battlestations
A Join the League newsletter for new drops
(06)
(08) BUILT WITH