CADEN WEI UI/UX Designer

I design brand and e-commerce websites, using business goals and user behavior data to shape the experience, and AI-driven front-end development to bring the design to life.

UI/UX Designer — DTC & Web Experiences.

Design, Commerce & AI Workflows

Scroll

Featured Work

01 / 04
01 / 03

Kraftsman

DTC Brand · Full-site UI/UX · Shopify Development & Launch — 2025

A complete brand e-commerce experience around a high-ticket countertop appliance. A new website for a countertop kitchen appliance brand serving overseas markets — from selling points and page structure to full-site visuals, motion, and Shopify development and launch: the full path from design to live.

Full-site UI/UX, front-end development and Shopify configuration by me.

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.

Narrative motion modules designed and coded by me.

03 / 03

Waterdrop

E-commerce · Design System · CRO — 2021

A full-site experience and visual rebuild of a mature Shopify store: component library and responsive adaptation specs, with iteration proposals informed by analytics, heatmaps and A/B testing.

Note: the live store has been redesigned twice since; the 2021 originals live in the design file.

About

02 / 04
Portrait of Caden Wei

I’m Caden, a UI/UX designer with seven years of experience, focused on brand and e-commerce websites. I use business goals and user behavior data to shape the experience, working across information architecture, visual systems, and interaction design, and taking key pages through development and launch.

7 years
UI/UX design experience
Brand & E-commerce
Web Design & Development
Shandong University
Digital Media Technology

What I actually do

03 / 04

Business goals, product information, and user behavior data come together to map browsing and task flows, setting content order and experience priorities.

User flowsWireframes & prototypesInformation architecture

Visual language, component library, and responsive adaptation specs — brand expression that holds up across devices.

Design systemsComponent libraryResponsive specs

Key pages and motion built with Shopify Liquid, HTML/CSS, and GSAP — carrying design decisions through to the live site.

Shopify LiquidGSAPTheme & Markets config

AI integrated into design and development: visual exploration and rapid iteration refine each solution, and reusable working methods accumulate over time.

Agent researchAsset generationCo-debugging

More live work

04 / 04