CADEN WEI UI/UX Designer

I help brands turn selling points into real, living web experiences: structure and interface, through code and motion.

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 from the business problem, not the canvas. I translate selling points into structure, build the system, and implement the parts that carry the experience: Shopify themes, Liquid templates, GSAP motion. For the rest, I work with marketers, photographers and developers.

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

05 — Live sites