lagoon nebula, messier 8, ngc 6523, emission nebula, nature, reflection nebulae, constellation sagittarius, galaxy, starry sky, space, universe, night sky, sky, astronautics, space travel, space background
// Case study · 04

Quantum Quokka

Tokenomics in a cosmic dust cloud.

2026·Crypto·Next.js · Three.js · CoinGecko·9 days
// The brief

A founder with a meme coin and a real thesis: quantum computing and AI will rewrite finance, and $QQOK is the early bet. He came in with a logo, a Telegram of 4,000, and a whitepaper sitting in a Google Doc. He wanted a site that didn't look like every other coin waiting to rug its holders.

// Live from the chain
Supply1,000,000,000
Holders4,210
Burned12.4%
Market cap$310k

Every number is a particle. The dust cloud thins as the supply burns. Pulled live, not typed.

// The approach

Take the joke seriously enough to build it well. Every token number — supply, holders, burn — is a particle in a cosmic dust cloud, pulled live from CoinGecko. The whitepaper isn't a PDF behind a button; it is the scroll. Text drifts through space as you read it.

// Process · what we threw away
digital marketing, technology, notebook, stats, statistics, internet, analyst, analysis, plan, tablet, office, work desk, modern, business, marketing, digital, computer, mobile technologies, work, electronics, web browser, diagrams, data, percentages, calculation, screen, seo, advertising, digital marketing, digital marketing, digital marketing, statistics, business, business, marketing, marketing, marketing, marketing, work, data, data, data, data, data, seo, seo
killed · day 1
ticker + roadmap + pie chart · looked like the rug

First pass was the standard coin landing page — ticker bar, roadmap, a tokenomics pie chart, a row of 'as seen on' logos. We killed it in a day. It read like the exact thing it was making fun of. We rebuilt around one idea: the galaxy is the tokenomics. No pie chart. The dust cloud thins as the supply burns.

// we designed ten. they picked one.

Ten directions. One shipped.

Every project starts as ten homepages, fully built. The client picks the one that ships. The other nine aren’t waste — they’re the proof we looked before we leapt.

10 directions · drag or use the arrows
Data Grid Observatory — homepage direction for this projectpicked
Data Grid Observatoryquantum-quokka-07

Token data as a full-bleed CSS grid of cells — each a stat or narrative fragment. No photos, no gradients. Pure structured information architecture.

Cosmic Dust Cloud — homepage direction for this projectrejected
Cosmic Dust Cloudquantum-quokka-01

Full-bleed nebula backdrop with floating tokenomics particles and a bottom-anchored Orbitron headline — the cinematic flagship direction.

Neon Terminal — homepage direction for this projectrejected
Neon Terminalquantum-quokka-02

All-black CRT terminal with matrix-green scanlines. Token data rendered as live REPL output. The developer-culture 'if you know, you know' direction.

Planetarium Minimal — homepage direction for this projectrejected
Planetarium Minimalquantum-quokka-03

Maximum restraint — single orbiting dot, Cinzel serif, centered founder quote. Confidence through absence of noise.

Holographic Glass Dashboard — homepage direction for this projectrejected
Holographic Glass Dashboardquantum-quokka-04

Glassmorphism tokenomics cards floating over a nebula; neon cyan/magenta dual-accent; frosted panels. The DeFi-credibility direction.

Whitepaper in Space — homepage direction for this projectrejected
Whitepaper in Spacequantum-quokka-05

Whitepaper title-page rendered as a frosted document drifting over deep space. Garamond/Cormorant body, Orbitron chrome. Literary and cosmic.

Retro Arcade Meme — homepage direction for this projectrejected
Retro Arcade Memequantum-quokka-06

Synthwave 80s grid, scrolling hot-pink ticker, Rajdhani display type. Leans into the joke loudly — still polished, just louder.

Founder Testimony — homepage direction for this projectrejected
Founder Testimonyquantum-quokka-08

Split-screen: editorial copy + founder stats on the left, Dorian Vale's neon-lit portrait on the right. The human anti-rug signal.

Particle Cosmos SVG — homepage direction for this projectrejected
Particle Cosmos SVGquantum-quokka-09

No photos — pure SVG star field with tokenomics orbiting the quokka glyph like planets. Three.js-feel via browser-native SVG and CSS animation.

Chart Screen Chronicle — homepage direction for this projectrejected
Chart Screen Chroniclequantum-quokka-10

Crypto chart image as a full-bleed backdrop; Chakra editorial headline overlay; metrics strip at the bottom. The serious trading desk direction.

// The work

Next.js. A Three.js particle field of ~30k points wired to live CoinGecko numbers. Scroll-locked whitepaper typography. No CMS — he ships copy with a JSON edit and a commit, which is exactly how he wanted it.

galaxy, nature, space, universe, night sky, sky, outer space, milky way, stars, cosmos, astronomy, explosion, star clusters, galaxies, star formation, star birth, eruption, black hole, space wallpaper
stars, galaxy, space, rosette nebula, star clusters, milky way, outer space, universe, cosmos, celestial objects, astronomical objects, astronomy, stars, galaxy, galaxy, space, space, space, space, space, universe
christmas background, orion nebula, emission nebula, constellation orion, orion, galaxy, nature, starry sky, space, universe, night sky, sky, astronautics, nasa, space travel, astronomy, science, research, space wallpaper, space background
// Outcomes
// 01
9 days

brief to launch. he tweeted the site before the contract went live

// 02
31k

unique visits in launch week. zero ad spend

// 03
1

exchange DM'd him after seeing the site, not the chart

// From the founder
Most coin sites look like a scam. Mine looks like a planetarium. People actually stayed and read.
Dorian Vale
Dorian Vale
Founder, $QQOK
Built with Next.js · Three.js · CoinGecko · 9 days
Want the next one to be yours? →