_

AI-Powered.Human-Driven.Future-Focused.

I'm a Product Engineer currently building CramAI. From product definition and UI/UX to frontend and engineering delivery, I turn complex AI capabilities into products people can use.

REACT / NEXT.JS
TAILWIND
AI INTEGRATION
SCAN_ACTIVE
ID: YIPZ-2077
Portrait of Yipeng Zhang
Alternate portrait of Yipeng Zhang
SEC_00 // CURRENTLY BUILDING
PRODUCT ENGINEERING CASE // ACTIVE

CRAMAI

Multi-agent AI learning assistant · from guest trial to exam loop

Turns any study material into a learnable, testable, trackable loop. I own product direction and prioritization while contributing product design, UI/UX, frontend, selected backend work, and commercialization analytics.

PERSONNEL FILE
MY ROLE
Product Lead / Product Engineer
Dec 2025 - Present
Beta-access lifecycle, guest exams & conversion
FeaturePanel toolkit inside the AI Tutor loop
Quick 12 / Full 180 and a structured item bank
Commercial events and GA / Plausible funnels
LIVE_FEED // CRAMAI.NET
SEC_01 // CAPABILITIES
STATUS: CRITICAL_STALL
LATEST_SYNC // 0x2A57E

Traditional design is trapped in inefficient repaints & creative bottlenecks.

ERR: [Creative_Exhaustion] [Manual_Redundancy] [Slow_Loop]

MANUAL_OVERRIDE

Toggle AI workflow mode

CRITICAL_STALL
LOGIC-DRIVEN

UI/UX Design

Logical hierarchies and human-centric flows. Crafting interfaces that feel like an extension of thought.

DEPLOY_READY
SYSTEM_DELIVERY

Frontend Dev

High-performance code for high-impact designs. Bridging the gap between static mockups and living systems.

DEPLOY_READY
AI_MODELING

AI Integration

Reshaping creative boundaries with LLMs and AI workflows. Increasing production speed by 90%.

DEPLOY_READY
SPATIAL_GEN

Spatial Computing

Extending intelligence into the third dimension. Constructing immersive environments where code meets architectural logic.

DEPLOY_READY
TEAM_SYNC

Team Sync

Synchronized collaboration and efficient delivery. Bridging design and engineering teams.

DEPLOY_READY
SEC_02 // PORTFOLIO
ARCHIVE

Project Index

Journey
ARCHIVED
INSTALLATION

Journey

Embodied spatial data sculpture highlighting wildlife migration vs urban development.

AI Video Strategy Suggester
ARCHIVED
WEBSITE

AI Video Strategy Suggester

An AI system helping creators transform raw audience feedback into actionable content strategies and video ideas.

Frame by Frame
DEPLOYED
WEBSITE

Frame by Frame

An interactive web platform that converts user photos into mosaic masterpieces, deepening public understanding of art styles.

Eco-Lament
ARCHIVED
INSTALLATION

Eco-Lament

Interactive installation using sensors to visualize air pollution and human impact.

HeartSync
DEPLOYED
DATA VISUALIZATION

HeartSync

An interactive TouchDesigner visualization exploring the escalation of consumer desire through Moonsift shopping data.

University Rd. Signage
DEPLOYED
SIGNAGE

University Rd. Signage

Graphic design and wayfinding system for University Road in Shanghai.

01//02
SEC_03 // ABOUT
PHILOSOPHY

Symbiosis

I'm a product engineer who started in UI/UX and frontend, and now also owns product definition and engineering delivery. I build immersive digital experiences, leveraging AI and data to create systems that are not only functional but also emotionally resonant.

"I believe that the future of design lies in the collaboration between human creativity and artificial intelligence."

Empowered by AI-collaborative development, multimodal creative generation, and systematic workflows, I no longer waste time on trivialities. I simply trace my ideas following my aesthetic intuition, leaving the execution to intelligent agents.

5+
YEARS
30+
PROJECTS
15+
CLIENTS
INIT_SYNC // DRAG_ME
HUMAN
DRAG_ME
AI
SEC_04 // CONTACT

> Ready to collaborate?

Initiating contact protocol. Select your parameters and execute.