Tech × Art — 杨 · New York / Beijing / Palo Alto

Karen
Yang

红线牵 — the red thread ties what's meant to meet. Pull, and see what it tied to me.

Product designer & creative technologist. I turn fuzzy problems into shipped products — and build the weird technical parts myself. Product, games, hardware, paint. One thread; it tangles, it doesn't break.

历 · 01

Experience

Experience Design Intern · Monetization Design · Beijing · Jul – Sep 2026

RedNote 小红书 — Creative Lab

I was tasked to redesign a beta version of Creative Lab — RedNote's content-generation intelligence tool, on a platform of 300M+ monthly users — that had very unfriendly navigation. I owned the end-to-end UI/UX and the front end. Alongside it: monetization design, how AI creative tools turn free creators into paying users.

01 / 09
Before
Before — Navigation
After · Creative Lab
After — Navigation
BeforeAfter · Creative Lab
After — NavigationBefore — Navigation

The problemA sidebar you had to scroll: 24+ entries, each with its own line of description, and 14 creation tools in one long run.

What I did
  • Grouped the tools by the job they do — trends, image + copy, video, ads — into nine sidebar entries across two clear levels.
  • Collapsed the groups by default, so the whole sidebar fits on one screen without scrolling.
  • Made the workbench the home: the pipeline as a board — product prep → strategy → creative production — with today's priorities and asset health beside it.

Process

  1. 01

    Audit

    One tool in two skins with a toggle between them: unlabeled icon rails in one, a flat list of 14+ tools in the other.

  2. 02

    Restructure

    Tools sorted by the job into two clear levels; sibling tools merged into one page with inner tabs.

  3. 03

    Systemize

    Every page moved onto shared design-system tokens and components: one stepper, one segmented control, one empty state.

  4. 04

    Iterate

    V1 “Growth Lab” → V2 “Creative Lab”: three nav levels became two, platform tabs moved into the header, title rows cut so the data starts at the top.

  5. 05

    Ship

    Built the whole front end myself, fixed security and back-end bugs, tested at an internal RedNote hackathon.

More experience

Rabyte Technologies

AI Product Management Intern · Beijing · Jul 2026

Designed and built an AI investment tool for overseas companies, gathering needs directly from partners and users — and introduced AI workflows to the design and product teams.

Tech @ NYU

Designer & Developer · New York · Sep 2025 – now

Designed the interface and led an 8-engineer team to ship AlbertPlus, the course-registration tool 3,000+ NYU students use. It's in Product ↓

线 · 02

Product

北

2025 – · Product · AI

An AI career companion that actually knows you.

100+users and growing200job listings40+agent tools

Problem. Career tools for students are search boxes with filters — they know nothing about you, rank jobs you can't get, and leave the hardest parts (what fits me? am I ready? what next?) entirely on you.

Insight. The unit of career guidance isn't a job posting — it's a person. So I designed the profile first and the job board second.

Outcome. Live at northcareer.co with 100+ users and growing; 15 test users rated the profiler accurate. Biggest lesson: honesty is a feature — the wins came from replacing inflated fit scores and bluffed AI claims with grounded ones: readiness %, prep sheets, tool manifests. Dogfooding beat speculation; nearly every meaningful fix came from using it as a real anxious student would.

Python · Svelte · RAG · AI agents · Self-hosted Whisper

Design decisions — and why

01Profile first — through conversation

No intake form. A background Observer builds a multi-dimensional profile (Big Five, RIASEC, values) while you chat, take quizzes and play games — so every later screen can be personal.

02Fit you can question

Every career card shows its reasoning — interests 45% · personality 30% · values 25%, re-weighted by demonstrated skills — plus a confidence label. Explainable, not oracular.

03Readiness over reach

Roles are ranked by fit and readiness, so a freshman sees internships first — not '5–8 yrs experience' at an inflated score. Each requirement becomes a checklist scored against your real evidence.

04Approval where it counts

A background agent runs career tasks and auto-submits applications — but anything sent to a person in your name is drafted, shown to you, and only goes out once you approve it. A capability manifest stops the AI claiming actions it didn't take.

01 / 05

浪 · 03

Games & Interactive

Featured · Unity VR · in progress

Comic Surfer

A VR game where a 3D character enters a 2D comic to chase a thief. Engineered 8 panel interactions — expand, fold, shatter, reorder, enter and more — with XR hand tracking and full-body IK rigging, across 3 progressive scenes and 12+ C# scripts.

▶ live capture — watch the frames fold
Snapchat DJ Filter

An AR DJ set on your face — Lens Studio filter where head-tilt scratches and mouth-open drops the beat.

click ⤢ to feature

馆 · 04

The Studio

画 · 20 works — step into the room; the paintings hang on the walls. Click any one for the piece behind it.

目录 · Index

Everything, in a list.

Product

北

North

2025 – · Product · AI

An AI career companion that actually knows you.

100+users and growing200job listings40+agent tools

Problem. Career tools for students are search boxes with filters — they know nothing about you, rank jobs you can't get, and leave the hardest parts (what fits me? am I ready? what next?) entirely on you.

Insight. The unit of career guidance isn't a job posting — it's a person. So I designed the profile first and the job board second.

What I did. Built a chat-first companion where a background Observer builds a multi-dimensional profile (Big Five, MBTI, RIASEC, values) from conversation, quizzes, and games — and that profile drives everything. Career fit that's explainable, not oracular: interests 45% / personality 30% / values 25%, re-weighted 30% by demonstrated skills, with per-card confidence labels. An opportunities feed of 200 job listings ranked by fit AND requirements-readiness — a freshman sees internships first, not '5–8 yrs experience' at inflated scores. Every posting's requirements become a checklist scored against your actual evidence, with a 70% readiness bar and one-tap handoff to close gaps. A background agent executes career tasks and auto-submits applications, next to a mock interviewer and a résumé builder; a capability manifest stops the AI claiming actions it didn't take. Plus an orchestrator coach with 40+ tools (calendar, projects, readiness checks, live widgets, approval-gated outreach) and a digital twin trained on your voice. Built in Python and Svelte, with RAG, AI agents and self-hosted Whisper.

Outcome. Live at northcareer.co with 100+ users and growing; 15 test users rated the profiler accurate. Biggest lesson: honesty is a feature — the wins came from replacing inflated fit scores and bluffed AI claims with grounded ones: readiness %, prep sheets, tool manifests. Dogfooding beat speculation; nearly every meaningful fix came from using it as a real anxious student would.

Python · Svelte · RAG · AI agents · Self-hosted Whisper

址

Vantage

2026 · Product direction · Front-end

A multi-agent system that scores where to open a business.

+30%decision accuracy5×predictive lift$21Bmarket, 15% CAGR

Problem. Owners spend 40+ hours scouting rentals and still choose on gut — foot traffic, rent, competition, and demographics never combined into one verdict.

What I did. Owned product direction and built the front-end and API layer. You draw an area and pick a category to get a location-fit score, a predicted rating/revenue range, the nearest competitors, and an AI storefront mockup — powered by Google Maps, OpenAI, and NYC Open Data.

Outcome. Shipped a working demo at NexHacks with go-to-market feedback from 3 industry mentors and improved decision accuracy ~30% — then tested my own core assumption with a separate data study joining 60,351 Yelp businesses with Census demographics across 332 neighborhoods (Ridge regression, R² 0.028 → 0.138, a 5× predictive lift — the graphs below are the real ones).

React 19 · TypeScript · Google Maps · OpenAI · NYC Open Data · Census

I tested my own core assumption. EDA on 60,351 Yelp businesses: ratings cluster at 3.59, and distributions differ by state (FL median 4.0 vs PA 3.5).
I tested my own core assumption. EDA on 60,351 Yelp businesses: ratings cluster at 3.59, and distributions differ by state (FL median 4.0 vs PA 3.5).
Location-fit — average Yelp rating by business category × demographic quartile (income, rent, age, education). Beauty & Spas rank highest everywhere and ratings climb with each quartile — the neighborhood-fit signal the model leans on.
Location-fit — average Yelp rating by business category × demographic quartile (income, rent, age, education). Beauty & Spas rank highest everywhere and ratings climb with each quartile — the neighborhood-fit signal the model leans on.
Model progression — test R² more than doubles as the features get smarter: 0.028 (business-only baseline) → 0.138 by adding education, demographics, category mix, interactions, and neighborhood vitality. Final model ≈ 5× the baseline (ZIP-level, n=332, 80/20 split).
Model progression — test R² more than doubles as the features get smarter: 0.028 (business-only baseline) → 0.138 by adding education, demographics, category mix, interactions, and neighborhood vitality. Final model ≈ 5× the baseline (ZIP-level, n=332, 80/20 split).
园

SPIR

2022 – 24 · Founder · PM

A secret garden you tend by journaling — mental health for teens.

6schools200+users3×daily engagement

Problem. Mental-health tools feel clinical, and teenagers won't use them.

What I did. Led 6 developers and designers to build a lofi-style therapeutic web app. Designed the 'Secret Garden': plant trees to journal emotions, water each other's gardens for peer support, vent anonymously into a tree hollow. Ran 20+ interviews and sentiment tests across 3 design cycles.

Outcome. Deployed to 6 schools reaching 200+ users; the visual-first design tripled daily engagement.

Web Development · UI/UX Design · User Research

选

AlbertPlus

2025 – · Designer · Front-end

The course-registration tool 3,000+ NYU students actually like.

3,000+students8engineers15+interviews

Problem. NYU's registration flow is confusing and slow; students dread it every semester.

What I did. Designed the UI/UX in Figma and built responsive React components with an 8-engineer team on biweekly sprints. Ran 15+ user interviews and sentiment tests to optimize the flows — course registration, degree progress, and a 4-year planner.

Outcome. A shipped tool used by 3,000+ students — easier to use than the school's own system. It's live: click through the real thing.

Figma · React · User Research

4-year planner
degree progress
wireframes
wireframes
Chrome extension design
Chrome extension design
Wireframes — the flows I mapped in Figma before building: course registration, the degree audit, and the 4-year planner.
Wireframes — the flows I mapped in Figma before building: course registration, the degree audit, and the 4-year planner.
Chrome extension design — AlbertPlus laid over NYU's own Albert pages, so students never leave the registration flow.
Chrome extension design — AlbertPlus laid over NYU's own Albert pages, so students never leave the registration flow.
策

Salesforce Case Comp

Case competition · Product concept · Prototype

When a rep leaves, an AI agent hands their accounts to the right successor — in one confirmation.

Problem. When a sales rep leaves, their accounts have to land somewhere — and the relationships, deal history and context rarely travel with them.

What I did. A B2B product concept: an AI agent that already holds the team's context recommends the successor — accounts, relationships, deal history — explains why, and transfers ownership in one confirmation. I scoped the problem, designed the flow, and built the working demo on the screen.

Outcome. A working demo of the full handoff flow, built for the Salesforce case competition.

Product strategy · Flow design · Working prototype

Games & Interactive

浪

Comic Surfer

2026 – · Design · Unity / C#

A VR game where a 3D character enters a 2D comic to chase a thief.

Engineered 8 panel interactions — expand, fold, shatter, reorder, enter and more — with XR hand tracking and full-body IK rigging, across 3 progressive scenes and 12+ C# scripts.

8panel interactions−40%interaction errors2D↔3Dworlds

Unity · XR Interaction Toolkit · Mixamo · Inverse Kinematics

音

Snapchat DJ Filter

2025 · Design · Lens Studio

Scratch, mix, and drop — an AR turntable on your hands.

A hand-tracked AR lens that turns your palms into a live turntable — scratch and mix in the air.

Lens Studio · Hand tracking

文

Writing Experiment

2024 · Interactive web · built for a teacher

An interactive writing experience I built for a teacher — try it live.

A browser-based interactive built for a teacher's classroom. No video — click in and play with the real thing.

JavaScript · Interactive · Web

影

Meta Film Studio

2023 – 25 · Founder · Director

Founded a 50-member VR film club; directed 4 films end to end.

Founded a VR filmmaking community of 50, secured 3 sponsors and $2K+ in funding, ran 40+ workshops, and directed 4 VR films end-to-end — storyboarding, 360 capture, stereoscopic post, and spatial-audio mixing.

4VR films50members

360° capture · spatial audio · Quill

痕

Fingerprint

2024 · Director · Film

A short film — what we press into the world, and what it presses back.

Directed and edited end-to-end: concept, shoot, cut, sound.

Film · directing · editing

曲

Theme Song Music Box

2025 · ml5.js · p5.js

It reads the object in your hand and your face, then scores the moment.

A music box that generates a unique theme song from real-time object recognition and facial-expression analysis — an ml5.js vision pipeline mapping valence to generative audio.

ml5.js · p5.js · Object Detection · Facial Landmarks

感

Mood Sensing Wellness Ball

2025 · Arduino · sensor fusion

Hold it 10 seconds; it reads your pulse and skin and names your mood.

A physical device using pulse and galvanic-skin-response sensors; sensor fusion correlates heart-rate variability with perspiration to output personalized wellness suggestions.

Arduino · Pulse Sensor · GSR

分

Smart Trash Classifier

2026 · CV · hardware

Set it on top; the right bin opens itself. Zero decisions.

A computer-vision device that classifies waste on sight and drives servos to open the correct bin.

Computer Vision · Servos · 3D print

Fine Art — the RISD portfolio, 1–20

Butterfly and Pelvis
01蝶

Butterfly and Pelvis

Mixed Media · 20" × 16"

The female pelvis transforms into a butterfly, symbolizing hidden femininity. Icy textures suggest the freezing of female identity under rigid expectations; the butterfly is transformation and autonomy. The black background creates depth, arousing fear in those who look beneath the ice — the balance of fragility and strength in the female experience.

Apiece
02线

Apiece

Mixed Media · 30" × 20" × 20"

A critique of the universal objectification of women, where femininity is divided and consumed like a cake. Hands of different races mark shared exploitation across cultures; a birthday candle becomes a ring, signaling the vulnerability of maturity. A red thread ties societal ritual to the danger of growing up female — a world that reduces women to fragments for consumption.

Smash
03碎

Smash

Acrylic · 10" × 20"

Tomayto, tomahto. Identity conflict, as figures go head-to-head with themselves — everlasting internal struggle. The tomato, once ornamental, is now fruit, vegetable, and a symbol of exploitation. Shifting planes mirror the instability of identity, the tension between self-perception and imposed meaning.

Inner Currents — the fire in her mind
04火

Inner Currents — the fire in her mind

Acrylic · 16" × 20"

The fragile psyche of borderline mentality. The fire in her mind reaches every inch of skin; outside she stays cold and colorless, the suppressed explosions forming a corona around her heart. Internal conflict and external indifference are stitched together — her stretched face, nose at the very edge of the canvas, at the brink of collapse.

Self Portrait
05我

Self Portrait

Mixed Media · 18" × 22"

Strings compose the mask of my face, holding my skin intact. A green birthmark bites the edge of my face, degrading me toward the subconscious. Yellow lines like heartbeats pulse against deep purple; forks scrape textures of disruption; black shards are intrusive thoughts breaking the calm — the tension between vulnerability and resilience.

Pools of Life
06泳

Pools of Life

Mixed Media · 17" × 20" × 8"

We are all little swimmers in the pool of life, tangled in sticky waves, searching for fragile swim rings. The organic pink and blue lines are the gender constructs handed to us at birth; the clay-sculpted black background is life's unpredictable foundation. Among the swimmers: a fishing pole and a lifebuoy. Which one would you choose?

Aftermath
07眼

Aftermath

Pencil · 11.7" × 16.5"

The composition forms the illusion of an eye — thorns, girl, and trees shaping its contours — which becomes a hawk: hidden predators who prey on the vulnerable. The central figure, a girl who has just endured sexual violence, curls into herself, guarding her inner world. Extending branches and distorted surroundings hold the scars of trauma exposed under an unrelenting gaze.

Expired Sea Water
08海

Expired Sea Water

Mixed Media · 33" × 25"

Sea water never expires, unlike the impermanence of human perception. A textured blue surface of turbulent waves meets fragmented text that tries to define the boundless ocean; white foam is force meeting dehydrated rock. Scattered rocky shapes are poetic, fleeting thoughts — the infinite continuity of nature against the limits of human understanding.

Hangman
09悬

Hangman

Watercolor · 11.7" × 16.5"

A wooden figure hangs limply, suspended by red strings composed of words of hopelessness and bound to a fractured branch — the fragility of life under despair. Scattered leaves and Chinese characters of death drift around it, evoking the inevitability of loss. The suffocating grip of hopelessness beside the haunting presence of mortality — surrender and resilience in balance.

Nightly Pass Away
10逝

Nightly Pass Away

Ink · 16" × 20"

From a poem I wrote on meditation and rebirth: “My bed is my grave, and I'm buried every night… in the morning my soul is reincarnated… I wake like a newborn, embracing the sun.” But some nights I fall into hell — ugly spirits bind my brows, pry my eyes open with a fork. On quiet nights I half-open my eyes, sink deep, and hear the dry daisies rustling on my tombstone — the gray area where life and death are engraved in the folds of my bed sheets.

A Metal Cage Made of Cloth
11缚

A Metal Cage Made of Cloth

Mixed Media · 27" × 30" × 8"

Society demands women reveal their shape while hiding their skin — a paradox of allure and modesty. The figure's draped clothing echoes the burqa; its metallic texture is the unyielding weight of imposed tradition. Desirable yet restrained, surrounded by chains, scissors, and prison bars — a statement on the imprisonment of female identity and the struggle to break free.

Muddy Feet
12泥

Muddy Feet

Ink + Acrylic · 20" × 20"

Contrasting imprints of a bare foot and a boot explore identity and impact. The watercolor background, painted with traditional Chinese techniques, roots the work in culture while evoking fluidity and impermanence. The bare foot is natural identity and vulnerability; the boot is external force and imposed role. Our steps define us — the fragile balance between creation and destruction in the paths we leave behind.

Tangled
13缠

Tangled

Pencil · 11.7" × 16.5"

Hair winds like threads of fate, binding hands in a dance of connection and constraint. A symbol of identity and beauty, the hair is both tether and lifeline; the tension in the fingers is a delicate struggle between strength and vulnerability — the weight of expectation woven into the feminine experience, freedom and entanglement at once.

Weighted Bloom
14绽

Weighted Bloom

Mixed Media · 27" × 16"

Her body is the soil of a poppy; soon after she matures, it is time for harvest. The intertwined imagery of vulva and blooming flower is growth and vitality, while a green strap anchoring a stone is the weight carried through womanhood. A red field cut by sharp white lines evokes tension and restriction against the body's organic curves — the burdened beauty of femininity.

Wing-eating Butterfly
15噬

Wing-eating Butterfly

Mixed Media · 17" × 21"

A butterfly consumes its own wings — a fragile struggle with self-destruction. Splashed water and broken glass hint at chaos and freedom beneath a calm surface. Papers collaged at the edges form a cocoon: protective yet confining, their earthy, stained textures speaking to hidden decay. The bathtub, a symbol of cleansing, becomes a space of vulnerability — beauty and collapse.

The Wings of a Book
16书

The Wings of a Book

Mixed Media · 9" × 18" × 14"

As a child, books shaped my imagination and filled my dreams with flying lessons and imaginary planets. Each folded page is a feather, building the wings that carried my creativity; the emerging wing is the freedom stories offer, while a red thread and scattered feathers hint at connection and ideas set free. Books don't just preserve knowledge — they are the journeys they inspire.

Blue
17蓝

Blue

Mixed Media · 20" × 30"

The geometries of childhood, in a portrait of my brother framed by vivid blue — the depth, curiosity, and boundless possibility of youth. Wild shapes, textures, and bursts of color swirl in playful chaos, while his steady gaze cuts through the whirlwind — a fleeting moment of confidence within the shifting structures of childhood.

A Journey of Time
18时

A Journey of Time

Mixed Media · 24" × 24" × 2"

3-D clocks paired with 2-D collage capture time as scattered yet fluid. One cracked clock is fragile human history; the other is stopped, timeless. A boot steps forward, disrupting the rocks of a cyclical passage; foam covers stories of people and metallic shards. The layered design reflects how personal moments intertwine with universal rhythms — memory, experience, and the relentless flow of time.

The Flowers of Utilitarianism
19器

The Flowers of Utilitarianism

Mixed Media · 30" × 20" × 8"

Angular wooden frames, layered and fragmented, form a rigid structure against delicate organic elements. Green flowers resembling vegetables are the sacrifice of beauty for practicality; soft pink leaves are remnants of lost elegance. The work questions how utilitarian ideals overshadow life's immeasurable beauty — the ongoing conflict between functionality and artistry.

Birth of the Unseen
20孵

Birth of the Unseen

Mixed Media · 20" × 16"

The fragility and mystery of creation. Cracked eggs suspended in stages of emergence reveal distorted forms — the ambiguity of what is yet to come. The delicate veins of a leaf against raw pink emphasize interconnectedness and vulnerability; ancient Chinese characters for “bird” and “egg” invoke heritage and noble beginnings; a glass crack is the unseen force shaping existence — the hidden complexity of becoming.

杨 · 05

About

From Beijing, by way of every version of myself.

NYU — Interactive Media Arts (Tisch) + CS & Math (Courant). I've built for 3,000+ students, run research with 50+ participants, and shipped things people keep using. I like the messy middle: an idea, made real, tested on real people, sweated until it sings.

  • S.T. Yau Award — 1st Place, Economic Modeling (N. America)
  • National Economic Challenge — Silver (Macro)
  • U.S. Academic Decathlon — Gold, Social Science
Karen Yang

🎲 roll the dice up top — it decides how many of me show up