Hello, I'm
Shangyi Zhou
UX Designer/Product Manager · Bridging Design, Technology & Cross-Functional Teams
M.A. Digital Studies (HCI & Product Design) @ UChicago · Previously at L'Oréal R&I Shanghai
UChicago · UCSD
SCROLL
01 / Projects
Projects
L'Oréal Digital Methodology Encyclopedia
A 0-to-1 internal platform housing 100+ product claims and testing methodologies for L'Oréal's R&I team, unifying information architecture, UI design, and front-end delivery into a single navigation system with a reusable component library. Independently led the full product lifecycle — from stakeholder alignment and UX requirements to prototype iteration and technical implementation with React and Figma, augmented by AI tooling.
View Project →
FOOTNOW
A smart soccer cleat app helping hobbyist players get game feedback, strengthen team bonds, and find nearby matches. Full UX research, personas, wireframes, and hi-fi prototypes.
View Project →
CoDraft: AI Writing Decomposer
An AI-powered writing companion that decomposes the drafting process into guided stages — outlining, structuring, and refining — powered by the Claude API. Independently taken from concept to production: product framing, UX flow, and full-stack build, with custom interaction details like magnetic cursor repulsion and 3D card tilt.
View Project →
AIGC Atlas DashBoard
An interactive dashboard visualizing AI-generated art style trends from 2022–2024, built on a curated dataset of AI artwork. Designed a full-screen, immersive interface housing seven distinct chart types — from trend lines to an interactive bubble world map — turning raw dataset into a legible visual narrative for researchers and enthusiasts.
View Project →
TrackPack
An AI-powered smart suitcase and companion app using cameras and weight sensors to track belongings in real time, notifying users of missing items before departure.
View Project →
HappyHour
A VR app encouraging moderate drinking while delivering an authentic bar atmosphere and social interactions — with user journey maps, personas, wireframes, and hi-fi VR UI.
View Project →
Lanterns But Light & Reunion
Two interactive artworks exploring cultural discontinuity — a physical Arduino light installation and a P5.js generative particle visualization.
View Project →
↳ Graphic Design · Visual Communication
↳ Academic & Course Projects
HTML · CSS · JavaScript · Web Development · Svelte
Ugarit Tablet Inventory
A JavaScript/HTML/CSS web development project built with Svelte, querying the OCHRE archaeological database to…
HTML · CSS · JavaScript · Web Development · Svelte 5
Met Museum Explorer
A JavaScript/HTML/CSS web development project built with Svelte 5 + TypeScript that calls the Metropolitan Mus…
Unity · C# · 2D Platformer · Multiplayer
Brave Buddies
A co-op 2D platformer built in Unity where two players — Wilo and Gabby — fight through forests and caves to r…
SQL · Relational Database · Data Management
Cocktail Database
A fully normalized relational database for cocktail management, built with SQL. Designed 15+ interconnected ta…
Arduino · 3D Printing · Fusion 360 · PCB
Arduino Spider Robot
A six-legged walking robot built from scratch — designed body parts in Fusion 360, printed with 3D printer, ha…
02 / About Me
About Me
I'm a product designer who builds what I design. At L'Oréal R&I Shanghai, I took an internal methodology platform from zero to launch — working with the Hair, Skin, and Make-Up teams, restructuring 100+ methodologies into a four-level taxonomy, and shipping the front end in React. I bring the same loop to my own projects, like CoDraft, an AI writing tool where the writer, not the model, makes every decision.
I'm pursuing an M.A. in Digital Studies (HCI & Product Design) at the University of Chicago on a Dean's Scholarship, after studying Interdisciplinary Computing and the Arts at UC San Diego. My work sits where visual craft meets structure: information architecture that makes dense content easy to navigate, component libraries that keep a product consistent as it grows, and interaction details — motion, feedback, hover states — that I prototype and build myself.
Skills
03 / Experience
Experience
2026.06 – 2026.09
Shanghai
Digital Project Designer/Manager Intern
L'Oréal
- —Designed and shipped the L'Oréal Digital Methodology Encyclopedia, a 0-to-1 internal platform that helps R&I scientists across Hair, Skin, and Make-Up find product claims and testing methodologies in one place, consolidating 100+ methodologies that were previously fragmented across teams.
- —Conducted user research with each team to map how they organized their methods, then restructured the content into a four-level taxonomy, giving every methodology a predictable path from the homepage to its detail page.
- —Produced three competing Figma prototypes and led a stakeholder vote to align teams on one direction, then delivered it through 3 iterative releases, building the React front end with an AI-assisted workflow and a reusable template that keeps all methodology pages consistent.
2025.07 – 2025.08
Chengdu
UI Designer Intern
Lifang International Digital Technologies Co., Ltd.
- —Designed 30+ hi-fi prototypes for cultural digital interactive products, taking each from requirements and wireframes through usability testing to engineering handoff.
- —Built a 20+ component Figma library and unified the information architecture across products, cutting design-to-development handoff time by 30% while working with the PM and a 20+ person engineering team in agile sprints.
2024.06 – 2024.07
Los Angeles
Research Assistant
USC – Prof. Aisling Kelliher, School of Cinematic Arts
- —Researched how AI-generated "Memories" albums in Apple Photos can resurface painful moments for users, analyzing 100+ cases and user behaviors around emotion recognition and memory management.
- —Translated findings into 10+ product recommendations and an interaction prototype that gives users control to edit and filter AI-curated memories, informing the system's responsiveness and interaction design.
2023.08 – 2023.09
Nanjing
Exhibition Design Intern
Nanjing Museum – Exhibition Department
- —Planned the information architecture and visual presentation for 3 major exhibitions, shaping how visitors encounter artifacts and interpretive content, in consultation with 10+ domain experts.
- —Organized 1,000+ archival materials and 20+ bilingual documents into a clear content hierarchy, coordinating with curators, designers, and logistics teams to bring each exhibition to opening.
Campus
2024.01 – 2025.06
San Diego
Lab/Studio Assistant
UCSD Envision Arts & Engineering Maker Studio
- —Mentored 300+ students in user-centered problem framing and rapid prototyping across engineering and design, helping bring 30+ projects from concept to completion.
04 / Resume
Resume
Download my full resume to learn more about my experience and skills.
05 / Get In Touch
Get In Touch
I'm currently looking for UI/UX, Product Design, Creative Visual Design, and Project Management opportunities. Let's connect!