Capabilities
Interaction & layout.
Applied through code in Tailwind + Framer Motion — rhythm, hierarchy, motion. Tesla-style restraint on the consumer surfaces.
Design-system implementation.
Custom Tailwind palettes (paper, terracotta), display-font pairing (Inter + Cormorant Garamond), token-driven utilities.
Content design.
Plain-English writing for technical artifacts — data-access policy, dashboards, agent reports, wiki pages. Structure beats prose.
Information architecture.
Wiki + cookbook IA designed for retrieval — by humans and by RAG. The structure is also the corpus.
Style direction.
Set and held the direction across the lineup — warm cream + ink + terracotta — so the family reads as one builder.
Evidence
Masterzen redesign.
Tesla-style warm cream + ink + terracotta. Cormorant Garamond display headlines, Inter sans body, snap-scroll product showcase, /functions capability map. All written, designed, and shipped solo.
Analytics Center external surface.
First self-serve dashboard experience for ~1,000 TikTok partners, vendors, and agencies — replaced sales-rep-mediated Excel exports with always-on, governance-built-in dashboards.
Monetization Data wiki.
80+ pages, thousands of unique visitors over six months, #1 contributor. Doubles as the grounded corpus behind the RAG knowledge agent — IA designed for retrieval.
Ads Analytics Cookbook (in progress).
Analyst-recipe layout for TikTok's ad-revenue business lines — content design as the unlock for self-serve analytics adoption.
At scale
- Design + IA across multiple shipped consumer products in the lineup
- Wiki: 80+ pages, thousands of monthly views, #1 contributor
- Sustained 4.0+ CSAT across an enterprise BI surface used by thousands
Stack
Tailwind · Next.js · Framer Motion · Cormorant Garamond + Inter · Figma (light) · Lark Docs · structured-writing discipline