Two eras, one store
SF Apparel sells officially licensed Street Fighter clothing through Shopify. The range draws on two very different periods of the game: the SFII arcade era and the SF6 electric era. Each needed to feel like itself without turning the store into two separate sites.
I designed the UI and UX across a seven-page connected HTML prototype, a design system that holds both eras, and a handoff document for the developers.
Shared bones, separate skins
Each era has its own palette, typography and graphic language. Underneath, both share one grid and one set of components, so a product card or a size selector behaves the same way whichever era it sits in. That keeps the build simple and stops the store from drifting as new collections arrive.
Drops without the admin work
The brand releases in drops. Instead of building and retiring collections by hand for every release, the inventory system runs on Shopify product tags, so a drop goes live and comes down as products are tagged.
Screens
