Design

A semester-long client build at Penn Spark: Dewey's social book-discovery web MVP translated into a working iOS app. I led design (and co-led the project): the mobile design system inside the client's brand, five core flows from wireframes to hi-fi, and the handoff the developers built from.

• Figma
• Design Systems
• React Native

Design

A research-to-prototype redesign of Wikipedia's mobile interface where testing, not taste, decided the outcome: interviews, a survey and insight synthesis produced three reader personas, then usability sessions with four users reshaped previews, search snippets and AI framing across five sections.

• Figma
• UX Research
• User Testing

Design

A self-directed UX overhaul that turns Penn's dense, fragmented course portal into four connected surfaces (Dashboard, Course, Schedule, Degree), so planning a semester stops being a scavenger hunt across tools.

• Figma
• UX Research
• Prototyping
• User Testing

DesignEngineering

Penn Spark's website, live at pennspark.org. Led end-to-end as project lead: wireframes and a component system in Figma, then a rebuild off an ageing Gatsby stack onto Next.js + React, with a content system the team updates itself.

• Figma
• Next.js
• React
• Tailwind

EngineeringGraphics/3DDesign

A semester's work turned into a place rather than a list: one Three.js scene where floating GLTF objects with custom physics and GSAP animation become the navigation for eight course projects, from CSS art and generative p5.js sketches to a browser game.

• Three.js
• GSAP
• p5.js
• Vite

DesignGraphics/3D

A time capsule you open instead of scroll through: photos and messages locked until a chosen date, then revealed in a 3D gallery. One of four designers on a team of eight — I made the 3D visual language, modelling the gachapon machines in Blender and animating the capsule in Spline for the team to embed.

• Figma
• Blender
• Spline

Graphics/3D

An interactive 3D scene that puts “Boo,” a childhood-game character, within reach: modeled in Maya, textured in Substance Painter, rigged and animated, then wired into Spline so keyboard and mouse input make it react in the browser.

• Maya
• Substance Painter
• Spline

Graphics/3D

A cinematic Unreal Engine 5 short that gets a game engine to output frames you would read as oil paint. A figure walks a canyon, finds a train swallowed by roots, and picks up something that briefly opens the world backward — carried by custom HLSL shaders, including an anisotropic Kuwahara filter, over Lumen GI and hardware ray tracing.

• Unreal 5
• Maya
• HLSL
• Megascans

EngineeringGraphics/3D

A 3D voxel engine written from scratch in C++/OpenGL, where everything that makes the world feel inhabited is hand-built: seven procedural biomes blended from layered Perlin/FBM noise, 3D caves, PCF shadow mapping, screen-space reflections, a day-night cycle, multithreaded chunk streaming, and an A*-pathfinding NPC ecosystem.

• C++
• OpenGL
• GLSL
• Multithreading

Graphics/3DEngineering

A Maya-style mesh editor written from scratch in C++ and OpenGL. An indexed vertex buffer can draw a mesh but cannot answer "what is next to this?" — so the mesh is stored as a half-edge graph instead, which makes every neighbour a pointer hop away and turns edge splits, face triangulation and Catmull–Clark subdivision into local operations rather than full rebuilds.

• C++
• OpenGL
• Qt
• GLSL

Graphics/3DEngineering

A 3D car-chase game (à la Smashy Road) built to find the limits of AI-assisted creation for a design course: 3D assets from Meshy, logic scaffolded with Codex, assembled in Three.js. It holds up as a game — responsive driving and a survival score that ramps the tension.

• Three.js
• JavaScript
• Meshy
• Game Design