Prod by Yao
loading…
ABOUT

I design and engineer web applications that feel effortless to use and solid under the hood. Clean structure. Fast performance. Thoughtful UX.

Full-Stack EngineeringSystems DesignPerformance & UXAutomation
Scroll to explore ↓
HOW I THINK

My Philosophy_

I believe great software is invisible. It feels natural. It reduces friction. Users should not have to think about the tool.

I write code that reads clearly, scales cleanly, and stays maintainable — paying attention to accessibility, performance, and edge cases.

I build like an engineer and ship like a product person: fast iteration, tight feedback.

RIGHT NOW

What I am Building_

I’m focused on projects that combine strong visual design with real engineering depth: clean data models, scalable structure, and smooth UX.

Performance: fast load, smooth interactions.

Structure: modular code, predictable state.

Polish: typography, consistency, micro-interactions.

Quality: testability and good defaults.

PROCESS

How I Build_

> Start with structure
Define data flow and component boundaries before focusing on visuals.
> Build modular systems
Reusable components and predictable state management.
> Optimize deliberately
Improve performance and interaction polish once the core is stable.
> Ship, then refine
Iterate quickly, gather feedback, and polish without overengineering.
PROOF

Selected Problems I’ve Solved_

> Legacy Refactoring & Frontend Re-Architecture
Modernized outdated sites by rebuilding UI layers with scalable components, cleaner structure, and responsive layouts—while preserving core functionality.
> External API Hardening & Resilient Data Fetching
Handled blocked/403 responses and unreliable upstream data with safe fallbacks, graceful degradation, and UI states designed to fail softly instead of breaking.
> Performance Engineering & UX Polish
Improved perceived and real performance by optimizing loading behavior, animation timing, and layout stability so the interface feels fast, smooth, and intentional.
> Maintainable Systems & Clean Boundaries
Designed modular codebases with clear boundaries, predictable state flow, and reusable patterns that scale across pages and features without becoming fragile.