Portfolio 2026

Yi Crafting tools that turn complexity into insight, action, and moments of delight.

6+ years in digital product & UX/UI design ↓ 3+ years in data storytelling & creative coding ↓ 2+ years in exhibition & public engagement ↓

Travel Healthy

A scalable digital health platform supporting clinical and public health research by streamlining data collection and empowering travelers with real-time health tools

Role
  • Design from 0 to 1
  • Product Strategy
  • UI/UX Design
Link
Travel Healthy digital health platform interface showing data collection dashboard

Simulation Game

Operation Outbreak (OO) app simulates the spread of a virtual pathogen using Bluetooth, letting participants experience how diseases transmit through real-life social interactions while collecting data for learning and research

Role
  • Redesign
  • Gamification Design
Link
Operation Outbreak game interface showing Bluetooth-based pathogen spread simulation

OO Admin Tool

A simulation management platform that streamlines the setup of complex outbreak parameters and player roles, enabling facilitators to monitor live interventions and system health as the outbreak unfolds.

Role
  • Dashboard Design
  • Task Management
Link
Admin dashboard for managing outbreak simulation parameters and monitoring system health

Purple Tree

An interactive website that uses image processing and kaleidoscopic visualizations to explain how multispectral imaging can assess and monitor tree health.

Tech
  • Image Data Processing & Design
  • Vibe Coding (Claude Code, p5.js)
Link
Kaleidoscopic visualization of multispectral forest camera data with purple color processing

Bundling Bites

An interactive website that visualizes research on how small changes in consumer ordering behavior can reduce environmental impact, traffic congestion, and operational costs in online grocery delivery.

Tech
  • Trajectory Data storytelling & Design
  • Vibe Coding (Claude Code, Mapbox, D3.js)
Link

Feeling Nature

An interactive, metaphor-based web visualization that tells using visual AI to present biophilia research and explore the human connection to nature

Tech
  • Visual AI Data Viz & Storytelling
  • Creative Coding (three.js, d3.js, Chatgpt)
Link

A Dream Dog?

A scroll-telling piece that visualizes research on the genetic correlation between dog breeds, behavior, and physical traits, while emphasizing the individual of each dog!

Data Viz
  • Probability Viz & Storytelling
  • Creative Coding (d3.js)
Link

Fiberspace

An interactive web that introduces a scalable method for monitoring urban environments using fiber-optic networks as distributed acoustic sensing systems.

Tech
  • Data Viz Storytelling
  • Creative Coding (d3.js)
Link
Interactive visualization of fiber-optic acoustic sensing networks for urban monitoring

Biophilia Exhibitions

This exhibition transforms the invisible human–nature connection into immersive visual experiences through AI analysis, emotional responses, and a live-updating visualization with sound systems. It was exhibited at Seoul Smart Life Week in October 2025 and at the Info+ Conference in Boston in November 2025.

Role
  • Lead Design & Development
  • Real-time Visualization
  • Backend Integration
Info
Biophilia exhibition installation showing immersive AI-powered nature visualization with sound
Live-updating tree visualization responding to human emotional responses in exhibition

Data Physicalization

A physical representation of commuting flows, designed to engage viewers in a gallery space and explore data physicalization methods.

Role
  • Design Research
  • Exhibition Prototype
Info
Physical data sculpture representing commuting flow patterns in gallery exhibition