Home

Work

Writing

About

all workproductux researchdesign engineering
‍‍·      Developed and designed websites using ReactJS, HTML, CSS for Floodgate
·      Led product design efforts to deliver engineer hand-off ready MVP frames for early-stage startups such as Loyalist and Opal, llc.
·      Worked on the program curriculum for student founders for Reactor
·      Designed a generative NFT collection for Outliers
·      Spun up a web development curriculum for Columbia's JADE Program and worked on marketing for CORE Elevate
·      Wrote about my experiences as a Chinese-American high school senior during COVID-19 for Refinery29

‍Want to chat? Send me a note ↗
react.js
FIGMA
Spotify Web Player: Joyce's Version (Thumbnail)

Spotify Web Player: Joyce's Version

Personal Project
Practicing my React & front-end skills by replicating Spotify Web Player by creating "Joyce's Version" with portfolio projects
next.js
react.js
FIGMA
GIF of the prototype flow

RoarReg

Google UX Design Challenge
A new consolidated platform for academic planning and course registration using Google technology.
figma
Sequoia Capital Logo

Program Design & Management Internship

Stealth Startup
Redefining healthcare for the most vulnerable – Backed by Sequoia Capital
FIGMA
design of a dashboard for IoT technology

IoT Dashboard Design

Take-home Challenge
Dashboard design for IoT technology with a provided prompt for an internship take home assignment. Executed in 3 days.
Venture Capital
Floodgate Logo

Program Management & Design Internship

Floodgate
Designed & created websites and products. Led the Reactor program and worked with founders to build venture-scalable companies. Led Outliers and created an NFT collection :)
html/css
NEXt.js
react.js
figma
design for treehacks hackathon, ai assistant

FeedbackGenie

🌲 Stanford Treehacks 2023
An AI user interview assistant with real-time interview feedback through suggestions for follow-up questions, interview analysis, and search engine to understand customer pain points, needs, and insights
FIGMA
figma dashboard redesign

Figma Dashboard Redesign

Personal Project / Take home assignment
Reimagining organization and decluttering on the Figma dashboard
html/css
webpage for hoot magazine

Web Editor, Editorial Board

Hoot Magazine, Columbia University
Building web for Hoot Magazine, Columbia's fashion publication established in 2010.Our publications have reached over 6.5 million views and through our combined print and digital presence, we reach over 30,000 students, employees, and residents of Columbia University, Morningside Heights, and the Upper West Side. We have featured fashion and beauty brands such as Bode, Outdoor Voices, Warby Parker, Takesh Eyewear, and Milk Makeup.
html/css
SOLIDITY
react.js
figma
webpage of outliers NFT minting

Minting website for Outliers NFT

Floodgate / Outliers
Generative NFT Collection w/ over 5000 unique thunderlizard avatars, featuring 65 varying trait options, reserved for the Outliers cohort.
FIGMA
idea for netflix wrapped

Netflix Wrapped

Case Study
Spotify Wrapped. Netfllix Edition
javascript
html/css
GIF of phone number memory game project

Phone number memory game

Personal Project
Fun game to test your memory with both auditory and visual segmants. To play, press start and repeat back the pattern!
figma
Opal PD Logo

Product Design Internship

Opal, llc.
1 of 5 founding product designers who developed the brand, user interface, and user experience from 0 to 1.
figma
Loyalist Logo

Product Design, Operations, Strategy

Loyalist
Founding designer in the restaurant tech industry reimagining hospitality and loyality,
php/mysql
html/css
Thumbnail of signup/login project

Sign up & login pages

Class project
Exploring databases with PHP/MySql by creating sign up and login authentication pages.