Enter password
Product Designer · Palmstreet Present
David Yeo
I design modular product systems that reduce operational chaos at scale. 12+ product areas. Design system to Storybook. AI as a thinking partner.
About
Product Designer at Palmstreet. I design structured, scalable systems across 12+ product areas on a $3.3M/week live commerce platform. Design system to Storybook. Shipping infrastructure. Live commerce features. AI as a thinking partner for architecture, not a shortcut.
Animated Explorations
Non-production interaction concepts exploring motion, feedback, and delight.
Case Study 01
Product Designer + Systems Architect · Figma → Storybook → Netlify
Aug 2025 - Present Active
Typography & Color Tokens
Five type scales and six core colors, defined as JSON/TypeScript tokens that engineers import directly. No guessing at hex codes or font sizes - every value traces back to a single source of truth.
The token architecture bridges Figma and code. Change a value in the token file, and it propagates to Storybook, docs, and shipped product.
Buttons & Form Controls
Four button variants across three sizes with full state coverage: default, hover, pressed, disabled. Every variant maps to a Figma component with matching props.
Form controls (inputs, toggles, selects) follow the same token-driven approach. Engineers use the same prop names in code that designers see in Figma.
Components & Tokens
Status badges, avatars, notification rows, and spacing tokens - built as atoms that compose into larger patterns. Each component documents its own props, variants, and usage.
Atomic design approach: tokens feed atoms, atoms compose into molecules, molecules assemble into organism-level patterns engineers can drop into any feature.
Cards & Patterns
Product cards, order rows, and seller profiles - three core patterns that repeat across the entire platform. Each is built from the same atoms: badges, avatars, type scales, and spacing tokens.
Patterns are documented with real data so engineers see exactly how content fills each slot. No lorem ipsum.
Impact
Every new feature started from scratch. Engineers guessed at colours and spacing. I could not stop shipping to build the system - so I built it while shipping.
Claude handled token naming and architecture decisions. Figma Make handled interactive prototypes. The skill is matching problem type to tool type.
"Thanks for putting it together. Looks very solid." — Kang Zhang, CTO & Co-founder, on design review.
Case Study 02
Product Designer · Mobile + Web
Aug 2025 - Present Active
The Challenge
Palmstreet moves live plants, reptiles, collectibles, and jewelry through live commerce. When I joined, sellers purchased labels through a basic flow. No safety checks. No policies. No insurance. No bulk tools.
During cold seasons, live animals arrived dead: nothing flagged weather risk before shipment. A competitive audit made the gap concrete: Palmstreet lagged behind Whatnot, eBay, and TikTok Shop on 8 of 11 core fulfillment features.
Approach
I mapped the full chain before designing anything and saw that every gap created downstream trust damage. Fix them in isolation and they conflict. Fix them as a system and each piece reinforces the next.
Three layers: Detection (Weather Check tags orders by forecast), Policy (flat-rate Smart Shipping, insurance add-ons, hold orders), and Execution (unified fee rules, fraud-tiered eligibility, cross-platform flows).
Interviewed top sellers first. Two segments emerged: efficiency-focused and cost-conscious. That research shaped every major decision.
Impact
"Your work has had a meaningful impact on both sellers and the team." — Yufan Jiang, Design Manager, H2 2025 Performance Review.
Case Study 03
Product Designer · Mobile + Desktop Companion
Oct 2025 - Present Active
The Challenge
Live commerce has no undo. A buyer taps to bid and it is final. A Flash Sale that displays wrong means lost revenue on the spot, for sellers generating $10K to $50K in a single stream.
Single buyers hoarding every unit of a limited item shut out the rest of the community. The platform needed mechanics that rewarded the whole room, not just the fastest clicker.
Approach
I ran four buyer interviews before designing anything. The lead finding: community reciprocity drives live commerce more than item value. Buyers purchase from sellers because those sellers purchased from them. "Supportive purchases" are social currency.
That changed the design logic completely. If urgency mechanics favour the fastest clicker, they punish the social buyers who make the community work. Every feature had to pass one test: does this create a fair outcome for every person in the room?
Designed Flash Sale (seller-side icon redesign, collab with Abigail Colmenar on buyer widget). Shipped per-buyer purchase limits across all channels. Created Bless the Chat gift cards as shop-specific credits to reinforce the reciprocity loop.
Impact
"Seller performance badges fully shipped in V8.64 — thanks David." — Allen Xu, Product Manager, #product-oncall.
Get in Touch
I design systems, not screens. If you care about craft, research, and infrastructure, we should talk.
hello@davidydesign.com