Start with the case studies.
The archive keeps every version.
Three levels: full case studies with research and testing; client work on a real brief; and the archive — every version of every project, grouped by category, so you can see how each one got there.
Case studies
Problem → versions → testing → outcome
Learn Code (2025)
Card-based, hierarchical learning app for beginners. Seven tested versions (v10–v17) plus an App Store page.
Read case study →
Snapchat Data Transparency (2025)
An interactive Collect → Process → Share → Control flow that makes data use legible. Seven wireframe versions.
Read case study →
Green Sheridan Garden Club (2026)
Mobile-first campus site: site map, personas, three wireframe rounds, then three built versions.
Read case study →
MoodPeek Pro (2026)
Calendar-first mood logging with Day → Week → Month continuity, multi-user accounts and iCal export.
Read case study →
Comfort Lamp (2025)
Sensor-driven ambient lamp in a 3D-printed scene. Temperature, humidity and light map to colour states; ProtoPie mobile UI.
Read case study →
Media, Motion & the Body (2025)
Copper-tape circuits, p5.js sound visualisations and a Makey Makey drum machine — three modules on physical input and digital feedback.
Read case study →Client work
A real brief, three iterations
Corporate website — design & development (2025–26)
A faculty-led studio working across urban environment, landscape architecture, spatial design and public art. I designed and built the bilingual corporate site, refining brand expression, content hierarchy and presentation over three iterations.
Archive
Every version, by category
-
Learning app
2025
Learn Code App
Course → lesson → content hierarchy for beginner programmers. V8–V17 iterate navigation, card sizing and typography; V18 is the App Store page.
-
Privacy
2025
Snapchat Data Transparency
Interactive explanation of how personal data is collected, processed, shared and controlled. Overview page plus seven wireframe-to-prototype versions.
-
Community site
2026
Green Sheridan Garden Club
Documentation (site map, personas, user flow) → three wireframe rounds → three built versions of a mobile-first campus community site.
Open final ↗ Case studyAll versions (7)
- 1A — DocumentationSite map, personas, content analysis, user flow
- 1B — Wireframe 1Initial hierarchy and navigation
- 1B — Wireframe 2Refined page organisation
- 1B — Wireframe 3Complete structural wireframe
- 2 — Website 1Fuller content and visual language
- 2 — Website 2Refined content, visuals, interaction
- 2 — FinalFully integrated presentation
-
Human-centred data
2025
Weather Advisor · Real Feel
Re-translates raw forecasts into human-felt weather — Open-Meteo data combined with heat index, wind chill and similar formulas. Nine iterations plus a final build.
-
Everyday tool
2025
Smart Sleep Tracker
Better sleep/wake times, sleep-debt tracking, chronotype analysis and wind-down prep in one daily tool.
-
Everyday tool
2025
QuickPick
A lightweight random-decision tool for meals, drinks, desserts and entertainment when you can’t decide.
-
Physical computing
2025
Comfort Lamp
From first Arduino blink to a finished ambient object: DHT11 sensor circuit, tiered LED colours, 3D-printed housing, ProtoPie mobile UI.
Open P3 (final) ↗ Case studyAll modules (3)
- P1 — Exploration & ConceptArduino basics, TouchDesigner, WGSN research
- P2 — Sensor BuildDHT11 circuit, tiered LED colours, LCD readout
- P3 — 3D Housing & FinalPrinted enclosure, light sensor, touch switch, ProtoPie
-
Interactive media
2025
Media, Motion & the Body
Copper-tape circuits and LEDs; a sound library with 25 p5.js visualisations; Makey Makey touch input driving 50 p5.js experiments and a WebGL drum machine.
-
Visual novel
2022–26
Visual Novel — WebGAL
Interactive visual-novel prototypes built on the WebGAL engine. Iterations explore branching narrative, presentation and Chinese localisation.
-
Simulation
2026
Fast Breeder Reactor Simulator
Manage a reactor — breeding rate, coolant, fuel input and time scale — while random events push it toward meltdown.
-
Educational
2026
Hand Surgery Quiz Portal
Quiz / assessment tool with dark-light mode, custom typography and responsive layout.
-
Calculators
2025
Power · Rocket · Milk calculators
Small utility sites: estimate device power consumption and cost, rocket parameters, and milk quantities.
-
Experiments
2025–26
Web experiments
One-off pages: an interactive “Never Gonna Give You Up”, Lak-crest, and a text-based escape.
-
Letterforms
2025
P1 — Letterform Construction, Classification and Use
Letterform construction, paragraph typesetting and type-classification logic on the web.
-
Grid systems
2025
P2 — Grid Layout Exercises
Packaging text and layout hierarchy built around grid systems and bilingual content.
-
Web typography
2025
P3 — Typography on the Web
Designer research and typeface analysis translated into a web experience. Six variants.