CADEN WEI UI/UX Designer

I design and ship brand-led commerce experiences — from UX systems and Shopify implementation to motion — and keep refining them with user behavior and business data.

UI/UX Designer — DTC & Web Experiences.

Design, Commerce & AI Workflows

Featured Work

03 — Selected
01 / 03

Kraftsman

DTC · Shopify · GSAP — 2025

High-end DTC from zero to one: a brand-led purchase narrative around a single $400+ SKU. Full-site UI/UX, responsive design, Shopify + Liquid + GSAP implementation, AI-assisted asset production.

Design, front-end and Shopify configuration by me. Logo, early brand references, copy, photography and 3D by collaborators.

02 / 03

PAWAii

Pet Brand · Motion · Shopify — 2022–23

Pet-brand commerce meets smart hardware: store UI/UX plus narrative GSAP modules for two smart devices, designed and hand-coded, still live today.

Motion modules designed and coded by me; static sections and theme integration by front-end, high-poly 3D by industrial design.

03 / 03

Waterdrop

E-commerce · Design System · CRO — 2021

A full-site experience and visual rebuild of a mature Shopify store, as its sole UI/UX designer: component library, four breakpoint specs, iteration driven by GA, Optimize and heatmap evidence.

Implemented with two front-end developers; ops, marketing, photography, SEO and copy each owned by specialists.

About

Since 2019
Portrait of Caden Wei
Portrait — 2026

Every project starts with the business problem, not the canvas. I turn complex product value into clear information architecture, product narratives, and interface systems—then carry the key experience through implementation and launch.

7Years in UI/UX
3Core case studies

What I actually do

04 — Areas

Research, flows, wireframes and prototypes — the plan before the pixels. Selling points become information architecture and page rhythm here.

User flowsWireframes & prototypesInformation architecture

Design systems with tokens, components and breakpoint rules. Interfaces that stay right years later, whoever edits them.

Design systemsComponent libraryBreakpoint specs

Design is done when it is live. Shopify Liquid, HTML/CSS, and GSAP that explains the product instead of decorating it.

Shopify LiquidGSAPTheme & Markets config

Agents for research sweeps, asset drafts and debugging loops: faster output, same bar. Every AI artifact passes human review before it goes live.

Agent researchAsset generationCo-debugging

More live work

04 — Live sites