Browsers won't load 3D models directly over file://. Please double-click
開啟茶相觀測所.command in this folder — the full site will open automatically.
PREPARING THE OBSERVATORYLoading three botanical scans
24.1477° N 120.6736° E
LIN I CHEN — PRODUCT DESIGNER / INTERACTIVE WEB BUILDER
BOTANICAL TEA VISION / EXP. 01
An interactive portfolio exploring product design, visual systems, and creative technology.
IRIS JAPONICA / 0.9231 · LEAF / 0.7814 · VESSEL / 1.0000 · VAPOR / 0.5714
VIEW SELECTED WORKSPRODUCT & UI/UX DESIGNER · TAIPEI
I turn complex data, workflows, and systems into clear, usable, and interactive web products.
My work spans product definition, information architecture, interaction design, data visualization, and AI-assisted web production.
WHAT I DO
From problem framing to a working, testable web product.
PRODUCT DESIGNProblem framing · information architecture · user flows · interface design
INTERACTIVE WEBMotion · 3D · Canvas · touch · keyboard · accessibility
DATA & SYSTEMSData visualization · transit maps · scientific tools · reproducible workflows
AI-ASSISTED PRODUCTIONClaude + Codex · prototyping · testing · iteration · publishing
PRODUCT / UI/UX / DIGITAL SYSTEMS
A reproducible browser tool for refining generated transit diagrams.
Turns visual adjustments into data that can be saved, compared, and reused.
A note-taking product for the Lang Live group.
Shaped the product's core flows from wireframe to shipped interface.
01PROBLEM
POPO Note is a note-taking product for the Lang Live group. This case study focuses on how the core flows were shaped so people could capture, organise, and return to information with less friction.
02MY ROLE & SCOPE
I worked across information structure, user flows, wireframes, and interface design, taking the central experience from an early concept through delivery.
03PROCESS
The work moved through flow mapping, wireframes, interaction decisions, and visual refinement. Each step reduced ambiguity around the main action and kept the final interface practical for the product team to build.
04OUTCOME
The central experience moved from wireframe to shipped interface, giving the product a more coherent path for capturing and revisiting notes. The detailed outcome is best read alongside the process images above.
WHAT I'D DO DIFFERENTLYI would validate the highest-frequency note-taking moments earlier, so the strongest evidence could shape the interaction decisions sooner.
Public sites and tools for an open-science organisation.
Built one interface language across the homepage, lab, and open-source sites.
A transit map that makes routes and transfers readable at a glance.
Developing the interaction model and station data structure.
NEW WAVE PHOTOGRAPHY · HOVER OR TAB TO OPEN A COLUMN ↗2026 New Wave 攝影創作獎 · 點一下展開欄位 ↗
EIGHTEEN SELECTED WORKS
LOOK. LINGER. RETURN.
PHOTO ARCHIVE
CODE / IMAGE / MOTION / SPATIAL INTERACTION
Experiments exploring motion, image, memory, and spatial interaction.
INTERACTIVE EXPERIMENT
An interactive study of motion, photography, and perception.
MOVE ACROSS THE HORSE · CLICK TO OPEN THE FIELD
MOTION STUDIES / 01—03
INTERACTIVE EXPERIMENT · FOUR VIEWS
PRODUCT / OBJECT / VISUAL STUDIES
SELECT AN OBJECT TO VIEW ITS TIME MARK
PLACES / EXHIBITIONS / CULTURAL SITES
Light, movement, and the distance of a space.
How a single object changes the way an entire space is seen.
What the body senses before it enters a place.
ILLUSTRATION / FIGURE / VISUAL THINKING
INTERACTIVE EXPERIMENTS / CREATIVE CODE
BLUE LIGHT / BLACK WATER
94 × 168 PX / LOOP
LIVE STUDY / MOTION
CONTACTOPEN FOR COLLABORATION
Tell me what
you're building.
在找產品／UI 設計的角色，也接互動網頁與資料介面的案子。
Looking for product & UI/UX roles — also open to interactive web and data-interface commissions.
ALSO @alice._.ileaf· @geeeenu_· @leeeeeeeee.af