00
DESIGN & BUILD
LOADING
YOUR NAME
中EN
YOUR NAME
Front-end & design engineer
Shanghai · GMT+8
--:--
Available from Nov 2026
Portfolio 2026 — Design & Build

MAKE COMPLEX FEEL SIMPLE.

I build interfaces and the things behind them. Once a design lands in my hands it doesn't change shape — I ask the awkward boundary questions first.

Scroll
01 — Selected Work2023 — 2024
01 / 03

Campus Marketplace

Course project · 2024
Campus Marketplace · Case 01
01
Web / Full-stack · Team of 3

A second-hand marketplace for campus. I owned front-end and interaction. The original list was a wall of cards where nothing stood out once density went up; switching to a masonry plus map dual view doubled click-through on the same inventory.

Role
Front-end / UX
Duration
12 weeks
Stack
React · Node · MySQL
Outcome
Grade A
02 / 03

Campus Energy Dashboard

Thesis project · 2024
Energy Dashboard · Case 02
02
Data / Visualisation · Solo

Graduation project. A drill-down dashboard for one year of electricity use across three teaching buildings: overview, then floor, then room. The hard part was never the chart — it was deciding what a person standing in front of the screen asks first.

Role
Solo
Duration
16 weeks
Stack
D3 · Python · ECharts
Outcome
Dept. award
03 / 03

Expense Tracker

Side project · 2023
Expense Tracker · Case 03
03
Mobile / UI · Solo

A tool I built for myself and rebuilt three times before I trusted it. One rule: logging an expense must take under two seconds. So every category sits on the first screen, and the numeric pad is custom.

Role
Design + build
Duration
3 months, on and off
Stack
React Native · SQLite
Outcome
In daily use
02 — AboutWho

I don't think “looks good”
and “works well”
are two things.

I work between product and design. I can draw the interface and I can change the source; I'll argue about 2px with a designer and about render cost with an engineer.

School projects gave me one habit: ask what question this screen answers, then decide what it looks like. During my thesis I drew the same dataset seven times; the last version had three charts. Six were wasted — and all six were necessary.

Right now I'm working on two things: typography (Chinese spacing and punctuation is a level harder than Latin) and motion — making it serve comprehension instead of stealing attention.

03 — Résumé2021 — Now
2024 — Now
A tech companyFront-end intern · design system & product UI
Shanghai
Intern
2023 — 2024
Campus energy dashboardThesis project · solo
Data visualisation
Thesis
2021 — 2025
A universityBSc Computer Science
GPA 3.6 / 4.0
BSc
04 — ContactSay hi

Got something?
Let's talk.