AT A GLANCE
Client
Stone of Jordan
Industry
Web3 gaming
Scope
Brand + website
Platform
Framer · Solana
Timeline
[ weeks ]
Engagement
PRD-first, fixed scope
01 · THE CHALLENGE
A game with a world,
but no front door
Stone of Jordan had a rich premise, an AI-driven loot engine, a fallen-cleric protagonist, and a dark saga, but nowhere for that to land. Pre-launch, it needed a site that sold the hook and gathered a community.
Interest to community
No presence meant no funnel. Hype had nowhere to convert into Discord members and a whitelist for mint.
A complex story, fast
Lore, classes, a hero, and a roadmap all had to be legible to a newcomer in a single scroll.
Launch-grade and global
A Web3 gaming audience expects polish and multilingual reach, and a presence that scales to mint day.
02 · WHAT WE BUILD
A dark-gothic brand and a full site to launch on
A complete visual identity grounded in the game's world, plus a multi-page Framer site that carries lore, classes, roadmap, and team, and routes every visitor toward the community.
Dark-gothic system
Aged gold and sapphire on near-black, an epic display face, and a gem motif drawn from the Stone itself.
Six-page site
Home, Class, Lore, Roadmap, Team, and Contact, each structured to tell one part of the story.
Community funnel
Trailer, multilingual support, and prominent Discord, X, TikTok, and YouTube routing throughout.
Screens delivered
03 · PROOF
Launch-ready, and live
6
Pages shipped
X
Languages
X
Community size
Live
On Framer
Full dark-gothic brand and visual system
Multilingual support
Discord and social community funnel
Six responsive pages, designed and built
Trailer and media integration
Mint-ready presence, handed off
HOW WE ENGAGED
PRD-first, fixed scope, no surprises
Every VTS build starts with a product requirements doc that locks the scope and the price before a pixel moves. Stone of Jordan ran the same way: define, design, build, hand off.
HOW WE ENGAGED
PRD-first, fixed scope, no surprises
Every VTS build starts with a product requirements doc that locks the scope and the price before a pixel moves. Stone of Jordan ran the same way: define, design, build, hand off.
Define
Map the system, surfaces, and threat model.
Design
Brand system and page wireframes, reviewed in passes.
Build
Responsive Framer build, multilingual and media-ready.
Hand off
Live site, editable, with the team set up to run it.