pro
Summer Chang
Design System for iOS, Web, Mobile + Promo videos
Portfolio website design
I designed and built my own portfolio in Next.js, React, and Tailwind so the site itself shows how I work, not just the case studies inside it.
It is an interactive site with case studies, about, and blog. Visitors can move through shipped product work, including PetCard, where I helped ship a real product using AI as a design collaborator. The goal was a clean, conversion-minded site that feels simple and makes the work easy to understand.
Live site: summerchang.co (http://summerchang.co)
2
30
NFCtree: One Design System Across iOS, Web and the App Store
1
4
You met someone great.
Now you're spelling your LinkedIn.
Put your card on a NFC chip.
They tap. All your social links open in one place.
NFCtree. Free on the App.
1
64
I rebuilt the NFCtree website to match the new app.
Same colors, same fonts, same textures, from one design system.
⠀
I explored layouts in Paper first.
Looked at how Anchor, ugly.cash (http://ugly.cash) and Klarna handle scrolling.
Picked one.
⠀
Then I designed it in Figma.
Claude Code turned it into code.
Pushed to GitHub.
Vercel published it.
⠀
The scroll motion is CSS only.
It turns off when reduced motion is on.
⠀
Does your website look like your product?
10
16
1.3K