PROJECT 01 — 2025
Kraftsman
Web UI 设计 / 前端开发 · Shopify 电商网站
从品牌体验策略到复杂 GSAP 动效与响应式开发落地。
体验策略Web UIGSAP响应式开发
VISIT LIVE SITE ↗
C
PORTFOLIO 2026
DESIGN × CODE × GROWTH
OPEN TO —
WEB UI DESIGNER
CREATIVE DEVELOPER
VIBE CODING
WEB UI DESIGNER
CREATIVE DEVELOPER
VIBE CODING
CADEN WEI.
WEB UI DESIGNER / SHOPIFY / GSAP / AI-NATIVE BUILD
设计推动商业，动效让产品被感知。
SCROLL
ENTER C
C FOR CADEN — C FOR COMMERCE — C FOR CRAFT
KEEP SCROLLING TO ENTER
SELECTED WORK
01 / 03
01 — KRAFTSMAN
02 — WATERDROP
03 — PAWAII
PROJECT 02 — 2021
Waterdrop
电商 UI / 设计系统 / 增长优化 · 成熟电商品牌网站
在成熟电商业务中建立可扩展设计系统、交付流程与增长实验能力。
设计系统响应式体系GA / GTMA/B 测试
VISIT LIVE SITE ↗
PROJECT 03 — 2023
PAWAii
电商 UI / 产品交互 · Shopify 电商网站
用复杂产品交互提升宠物电商对功能价值的理解和情绪体验。
产品交互组件状态响应式电商原型演示
VISIT LIVE SITE ↗
DESIGN THAT SHIPS.
CODE THAT SELLS.
DESIGN
Web UI / 体验策略 / 设计系统从品牌体验策略出发，建立可扩展的组件体系与视觉语言，让网站既有判断力，也能长期演进。
CODE
GSAP / Shopify Liquid / 响应式开发 / AI Agent设计稿不是终点。用 GSAP、Liquid 与 AI Agent 工作流把视觉零损耗地变成可运行的体验。
GROWTH
GA / GTM / A/B 测试 / 电商转化用数据验证设计决策，让每一次视觉与交互的投入，都指向真实的商业增长。
METHOD — HOW I WORK
01
DEFINE
定义商业目标与体验策略，先想清楚再动手。
02
DIRECT
确立视觉方向与叙事节奏，设计驱动而非装饰。
03
BUILD
设计与代码同步落地，AI 加速，人来把关。
04
VERIFY
用数据与真实体验双重验证，持续迭代。
AI 加速执行。
设计判断仍由我负责。
不只是设计稿。
是可以运行的体验。
05 — LET'S BUILD
一起把产品做得更有感觉，
START A PROJECT ↗
一起把产品做得更有感觉，
也更能卖。
START A PROJECT ↗
© 2026 CADEN WEI
ENTER C — DESIGNED & BUILT WITH GSAP
SHOPIFY / WEB UI / AI-NATIVE