- The Story
Spring 2024. A K-pop DAO drops a loyalty coin at midnight and sells out in eight minutes—then spends the next three days untangling wallet mistakes and failed swaps in Discord. PurpleTrader’s founders watched the chaos and wrote a single sentence on a napkin: “Buying a community token should feel as normal as topping up a coffee card.”
They brought that sentence—and a three-month window—to Vietne.
Our task was clear: design an app that lets first-time investors discover reputable social tokens, judge them on hard numbers, and buy with the credit card already in their pocket. No seed phrases, no gas-fee panic, no guesswork.
What Makes PurpleTrader Different
The home feed is a curated grid of brand, creator, and DAO tokens—each stamped with an audit badge and a one-line origin story (“SneakerDAO · Governance for limited drops”). Users browse communities, not hexadecimal contract IDs.
Crypto natives can still connect a wallet, but newcomers tap “Visa,” pass Face ID, and own the token in under a minute. A single progress bar masks KYC checks, bridge hops, and gas payments—blockchain complexity never surfaces.
Thirty-second in-feed videos follow real traders. You watch Sara swap USDC for SneakerCoin in forty seconds, then try the same flow yourself. The clips double as tutorials and social proof.
The first 200 sign-ups earn fee rebates and a “Founding Trader” badge that unlocks future airdrops—turning early adopters into loud ambassadors.
A World-Cup-winning footballer and the founders of Balancer and CertiK wrote the first angel cheques. Their names, faces, and on-chain wallets sit right on the landing page. No shadow investors, no mystery money.
Design Challenges
PurpleTrader must welcome first-timers with a “one-minute to buy” promise yet satisfy DAO treasurers who demand liquidity curves and audit trails. We solved the tension with progressive disclosure: gauges and plain-language copy first; swipe deeper for candlesticks, order books, and on-chain flow.
Social-token markets echo with high-profile scams. Colors, micro-copy, and audit badges were chosen to project “regulated-exchange energy.” Every token tile shows an external-audit tick, contract address, and chain origin—visible proof that nothing is hiding behind a meme.
Wrapping Visa around seven blockchains means 6–15 s of swaps, bridges, and gas estimation. A single progress bar with a pulsing purple gradient turns that latency into perceived continuity, while micro-copy (“Processing on Polygon…”) reassures users the app hasn’t frozen.
The Vietne Approach
We skipped endless spec meetings and jumped straight into narrative wireframes: story-boarding the first-week journey—discover, evaluate, pay, brag—before drawing a single pixel. Interviews with twelve crypto rookies and eight power traders confirmed one fear: “One wrong tap and my money’s gone.” Every micro-copy line combats that anxiety.
Design language leans on deep purples for trust, sand neutrals for calm, and never flashes red or green without an exact percentage beside it. Forty-four WCAG-AA components shipped as code-ready tokens, letting the dev team drop UI straight into React Native without a pixel hunt.
A Day-One Win
Human Snapshot
Lina, forty-seven, woke one Thursday with a dry cough and slight fever. Instead of driving to her crowded clinic, she tapped the MediScreen link her GP’s office texted overnight. Thirty seconds of guided recording and four yes-or-no questions later, the system flagged subtle breathlessness and routed her clip to the top of the doctor queue. Within the hour she had a video consult, a PCR test booking, and clear isolation instructions—no waiting room, no panic, no hospital visit.
