← All work

Ordinem TCG Website

The Ordinem marketing site is the public face of the TCG: cards, rulebook, lore, and a playable card browser. I designed and built it in Framer, structuring clear entry points for newcomers and deep paths for advanced players, and shipping a performant filtering experience that became a core engagement surface.

Client Ordinem
Role Lead Designer
Services
Web DesignBrand
Year 2024

Overview

Card Browser (Framer Workshop + Custom Code): Built a performant card explorer with active filtering, search, and archetype views. Integrated custom code components and off‑the‑shelf modules for speed without compromising fidelity.

Outcome

A cohesive, high-clarity product surface that makes Ordinem immediately legible: learn fast, browse deep, and play now. The card browser became a core engagement driver, while the CMS stack unlocked scalable lore and rules publishing without sacrificing polish.

What I learned

End-to-end ownership (concept to code) kept the mechanics, narrative, and UI aligned. Building the browser in Framer with custom components proved that performance and maintainability can coexist when systems are clean, tokens are enforced, and complexity is isolated behind good abstractions.

← All work
View case →