作品
設計作品 case study。
2026年6月23日 · LENIS
用 scroll 控制一條 AI 影片:由頭 scrub 到尾嘅 landing
一個用 scroll 進度直接 scrub 一條 AI 生成影片嘅 landing:700vh pin + 緩動 seek 令影片跟手,6 章字幕順住捲動浮現。記低 scroll-scrub 嘅體驗設計同學到嘅嘢。
2026年6月21日 · THREE.JS, LENIS
用 Three.js 砌一個由頭 scroll 到尾嘅 3D 黑膠唱片店 landing
一個用 Three.js + Lenis 砌嘅連續 scroll 3D 體驗:同一隻黑膠由 Hero 自轉、帶到 New Arrivals 抽碟、最後跌落木框唱盤播放。記低三幕敘事嘅設計取捨同學到嘅嘢。
2026年5月29日 · CLAUDE, MIDJOURNEY
跟教學試 Claude Design + Midjourney:生成一個 cyberpunk 遊戲落地頁
跟住一條 YouTube 教學,學用 Claude Design 生成網頁、Midjourney 生圖嘅 workflow,做出虛構遊戲 Citypunks 嘅落地頁。記低流程同心得。
2026年5月21日 · FIGMA, V0
重新設計 Notion mobile 嘅 onboarding
由 5 步減到 2 步,點諗點做。