Lana Nguyen. OPEN TO NEW ROLES →
← WORK / CLIENT

Matrix: creator voting
and market UI

I designed creator voting and market screens within an existing product brief and style guide. In one week, I worked from supplied feature specs through wireframes, final UI, and developer handoff.

CLIENTMatrix · startup
ROLEUI designer · solo
TIMELINE1 week · 2021
TOOLSFigma
The briefTwo feature areas: events and voting, then tokens and collectibles. Start with the spec, review lo-fi with the team, and hand off final screens.
My partWireframes, final UI, and developer handoff, working from the team’s feature specs and style guide.
StatusVoting flow went live · 2021

I re-exported the final boards in 2026 with consistent device frames. The UI is from the 2021 handoff; creators and market data in the mockups are fictional.

Matrix hi-fi screens: events list, Clash of Creators event detail, cast your vote, live results, and the stream view
THE ENGAGEMENTONE WEEK · TWO FEATURE AREAS
1 wk
FROM SPECS TO DEV HANDOFF
2
FEATURE AREAS
11
5 EVENT + 6 MARKET SCREENS
THE DETAILS WERE
STILL OPEN

The team supplied the feature scope and style guide. I drew the wireframes, reviewed them with the team, and developed the layouts, selection controls, and information hierarchy in the final UI.

CHOOSING
A CREATOR

My wireframes used dropdowns to choose creators. I replaced them with tappable cards that show creator names, initials, and fan counts together, so people can compare the options before choosing.

My low-fidelity wireframes: event description, voting flow with champion dropdowns, creator selection, vote confirmation, and results, annotated with spec notes
My wireframes from the supplied spec
Hi-fi screens: events list, Clash of Creators event detail, cast your vote with tappable creator cards, live results, and the stream view
Dropdowns → creator cards
ORGANIZING
MARKET DATA

My wireframes already included prices, sparklines, and card and crypto payment options. I carried those features into the final UI, added signed percentages to the market rows, and refined the hierarchy of labels, prices, and actions.

  • Market: prices and trading for tokens and collectibles
  • Orders: filled and open in one list, one-tap cancel for open ones
  • Detail pages: per-creator token and NFT views, price history, buy/sell flows
  • Checkout: card and crypto entry flows, with a shared visual hierarchy for the payment options.
My low-fidelity wireframes: tokens and collectibles list, open and filled orders, NFT detail with buy flow, token detail with price chart, and card/crypto payment sheets
Market wireframes
Hi-fi screens: token market, NFT market, orders inventory, creator token detail, NFT detail, and the card checkout sheet
Final market UI
DESIGN
DECISIONS

The main changes and retained features:

Starting pointFinal UIReason
Two dropdown pickers in my wireframesTappable creator cardsShow the options together, with names and fan counts beside each choice.
Prices and sparklines in my wireframesRetained sparklines; added signed percentagesPair the trend with a value for its direction and size.
The supplied dark palette with neon accentsAccents focused on prices and actionsGive those elements more emphasis than supporting metadata.
Card and crypto checkout in my wireframesFinal checkout layout within that structureKeep those payment options while refining the visual hierarchy.
WHERE IT LANDED

The dev team built the events-and-voting flow first. The creator-card voting screen went live in 2021.

Delivered11 screens in one week
Publishedevents and voting
NEXT PROJECTNhat Huong: a packaging system across the range →