https://yiguanliu.com https://yiguanliu.com/images/og.jpg 2026-09-11 weekly 1 https://yiguanliu.com/about https://yiguanliu.com/images/og.jpg 2026-09-11 monthly 0.8 https://yiguanliu.com/playground https://yiguanliu.com/images/og.jpg 2026-09-11 weekly 0.9 https://yiguanliu.com/pricing https://yiguanliu.com/images/og.jpg 2026-09-11 monthly 0.7 https://yiguanliu.com/playground/nothing-marketing-app https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/71a391576ccb81d7.jpg Nothing Phone 2(a) https://yiguanliu.com/media/71a391576ccb81d7.jpg The first was a hardware concept inspired by butterfly wings — that interesting colour gradient you get when light catches the surface at different angles. A static render felt wrong for it, so I built a real-time configurator app — allow user to rotate the device, change the lighting, swap environments, see how the gradient actually behaves. https://framerusercontent.com/images/hSjgqUbnzxL3hUn6PPpbjXF4Qg.mp4 Nothing Phone 2(a) https://yiguanliu.com/media/71a391576ccb81d7.jpg The first was a hardware concept inspired by butterfly wings — that interesting colour gradient you get when light catches the surface at different angles. A static render felt wrong for it, so I built a real-time configurator app — allow user to rotate the device, change the lighting, swap environments, see how the gradient actually behaves. https://framerusercontent.com/images/jKaDEFMaPNZ5ztgrjOO2QdRQkOU.mp4 2024-01-01 monthly 0.85 https://yiguanliu.com/playground/xpeng-p7-os https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/5384236137e7fb03.png XPENG P7 https://yiguanliu.com/media/5384236137e7fb03.png Codified the motion principles with the lead and engineers, so the language could extend beyond the menu to the rest of the OS https://framerusercontent.com/images/ipA3iWP0c2o8IJgamxa48QStk8.mp4 2019-01-01 monthly 0.85 https://yiguanliu.com/playground/apple-airpods-pro-sales-app https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/bfc335e9c78becfe.jpg Apple AirPods Pro https://yiguanliu.com/media/bfc335e9c78becfe.jpg The first experience module places visitors in direct control of a fully realised Unreal Engine model of AirPods Pro. The hero interaction is the case — a smooth, physically choreographed opening and closing animation that gives the product spatial presence and makes the reveal moment feel considered rather than transactional. https://framerusercontent.com/images/7yt4ejaNdycPbK2d7pm0IZBsLzA.mp4 Apple AirPods Pro https://yiguanliu.com/media/bfc335e9c78becfe.jpg The first experience module places visitors in direct control of a fully realised Unreal Engine model of AirPods Pro. The hero interaction is the case — a smooth, physically choreographed opening and closing animation that gives the product spatial presence and makes the reveal moment feel considered rather than transactional. https://framerusercontent.com/images/mpuxLoOz0MAQgAh5qMwkE3H2NA.mp4 2024-01-01 monthly 0.85 https://yiguanliu.com/playground/dithrr https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/49a6234971d97a37.png Dithrr Generator https://yiguanliu.com/media/49a6234971d97a37.png Dithrr is a browser-based brand-asset generator that treats a poster as a software instrument rather than a layout. https://framerusercontent.com/images/oJgZrCGfNP2SfvuYf9k0YlohVE.mp4 2026-01-01 yearly 0.6 https://yiguanliu.com/playground/circular-motion-os https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/5a0bf474c21c94f9.png Cmos https://yiguanliu.com/media/5a0bf474c21c94f9.png Circular Motion is a browser-based AI-native workspace for relationship management workflows, specifically designed for real-esate sales professionals https://framerusercontent.com/images/VCW9vPodePUMpYaSDo2xa172Z4I.mp4 2026-01-01 yearly 0.6 https://yiguanliu.com/playground/dataform https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/6ec0c180a32a7125.png 2026-01-01 yearly 0.6 https://yiguanliu.com/playground/amber---a-live-memory-collection https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/8105cd81147b4628.png 2026-01-01 yearly 0.6 https://yiguanliu.com/playground/motion-reel https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/18ef9c4c20619c1d.png Motion Reel https://yiguanliu.com/media/18ef9c4c20619c1d.png Motion in interactive software is usually applied as a finishing coat — bounces, parallax, fade-ins added late to make a static interface feel "alive." The reel refuses that framing. The piece argues, by example, that motion is the interface's primary medium for communicating system state: every easing curve carries information, every spring should match the perceived mass of the thing it moves, and every transition is an opportunity to make the underlying behavior of the software visible. https://framerusercontent.com/images/bhdysQLNQk0z41SDK1dg0RPVOc.mp4 2026-01-01 yearly 0.6 https://yiguanliu.com/playground/prism https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/96d71d4815de56d8.png Prism https://yiguanliu.com/media/96d71d4815de56d8.png Prism began as a simple provocation: most web interfaces are flat because the medium asks them to be, not because flatness is correct. The project treats a live HTML card as a physical surface — rasterized, draped, and lit like a sheet of holographic film — to test what shifts when readable content gains weight, drag, and refraction. https://framerusercontent.com/images/41KqkDW2pmoCCmWxhlhiyyW7Xk.mp4 2026-01-01 yearly 0.6 https://yiguanliu.com/playground/data-clouds-at-la-biennale-di-venezia https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/dba7d0db97a45c55.jpg Data Clouds https://yiguanliu.com/media/dba7d0db97a45c55.jpg The installation brings informal urban settlements into view through immersive media, data visualisation, and spatial storytelling. https://framerusercontent.com/images/oycXqync99vVrwQHjgDsXxYiETM.mp4 Data Clouds https://yiguanliu.com/media/dba7d0db97a45c55.jpg The installation brings informal urban settlements into view through immersive media, data visualisation, and spatial storytelling. https://framerusercontent.com/images/gauFGQWcVXQAMGzcz7NM4ZTSw.mp4 2025-01-01 yearly 0.6 https://yiguanliu.com/playground/norman-foster-pompidou-exhibition https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/afcd7393ee0bbafa.jpeg Norman Foster Exhibition https://yiguanliu.com/media/afcd7393ee0bbafa.jpeg The largest retrospective spanning the oeuvre of Norman Foster’s work over the last six decades opened at the Centre Pompidou https://framerusercontent.com/images/H7S8y3r6LIhd0dw82YOsYVLvgg.mp4 2023-01-01 yearly 0.6 https://yiguanliu.com/playground/a-steam-odyssey https://yiguanliu.com/images/og.jpg https://yiguanliu.com/media/ab84c2bfc6c48aa4.jpg A Steam Odyssey https://yiguanliu.com/media/ab84c2bfc6c48aa4.jpg AR-assisted architectural installation exhibited at SCI-Arc Gallery, Los Angeles. A full-scale steam-bent hardwood structure fabricated using holographic guides — exploring the intersection of traditional craftsmanship and augmented reality construction. https://framerusercontent.com/images/8DlbFXnj7nAQAAASeEd9PpyAQ.mp4 2021-01-01 yearly 0.6